/* Salam Electric V47 — uploaded media fills its visual panel */
:root{--v47-media-bg:#fff}

/* 1) Homepage category cards: image fills the whole image frame */
.salam-home .salam-quick-cats .home-category-media-v32,
.salam-home .home-managed-section .home-category-media-v32{
  padding:0!important;
  background:var(--v47-media-bg)!important;
}
.salam-home .salam-quick-cats .home-category-media-v32>img,
.salam-home .home-managed-section .home-category-media-v32>img{
  display:block!important;
  width:100%!important;
  height:100%!important;
  min-width:100%!important;
  min-height:100%!important;
  max-width:none!important;
  max-height:none!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  object-fit:cover!important;
  object-position:center!important;
}

/* 2) Brand cards: uploaded image owns the full logo/image panel */
.salam-home .v44-brands .v44-brand-card .brand-logo-wrap{
  padding:0!important;
  overflow:hidden!important;
  background:#fff!important;
}
.salam-home .v44-brands .v44-brand-card .brand-logo-wrap>img{
  display:block!important;
  width:100%!important;
  height:100%!important;
  min-width:100%!important;
  min-height:100%!important;
  max-width:none!important;
  max-height:none!important;
  margin:0!important;
  padding:0!important;
  object-fit:cover!important;
  object-position:center!important;
}

/* 3) Purchase assistant cards */
.salam-home .purchase-guide-media{
  padding:0!important;
  overflow:hidden!important;
  background:#fff!important;
}
.salam-home .purchase-guide-media>img{
  display:block!important;
  width:100%!important;
  height:100%!important;
  min-width:100%!important;
  min-height:100%!important;
  max-width:none!important;
  max-height:none!important;
  margin:0!important;
  padding:0!important;
  object-fit:cover!important;
  object-position:center!important;
}

/* 4) Offer cards / CMS tiles using uploaded images */
.salam-home .offer-home-card picture,
.salam-home .offer-home-card picture>img{
  width:100%!important;
  display:block!important;
}
.salam-home .offer-home-card picture{
  overflow:hidden!important;
  background:#fff!important;
}
.salam-home .offer-home-card picture>img,
.salam-home .offer-home-card img.catalog-image{
  height:100%!important;
  max-width:none!important;
  max-height:none!important;
  margin:0!important;
  padding:0!important;
  object-fit:cover!important;
  object-position:center!important;
  border-radius:0!important;
}

/* 5) Middle promotional banners: no inner whitespace from the image element */
.salam-home .middle-banners>a,
.salam-home .salam-middle-banners>a,
.salam-home .middle-banners picture,
.salam-home .salam-middle-banners picture{
  overflow:hidden!important;
  padding:0!important;
  background:#fff!important;
}
.salam-home .middle-banners img,
.salam-home .salam-middle-banners img{
  display:block!important;
  width:100%!important;
  height:100%!important;
  min-width:100%!important;
  min-height:100%!important;
  max-width:none!important;
  max-height:none!important;
  margin:0!important;
  padding:0!important;
  object-fit:cover!important;
  object-position:center!important;
}

/* 6) Hero / CMS slide uploaded backgrounds */
.salam-home .cms-slide picture,
.salam-home .cms-slide picture>img,
.salam-home .hero-slide picture,
.salam-home .hero-slide picture>img{
  width:100%!important;
  height:100%!important;
}
.salam-home .cms-slide picture>img,
.salam-home .hero-slide picture>img{
  display:block!important;
  max-width:none!important;
  max-height:none!important;
  margin:0!important;
  padding:0!important;
  object-fit:cover!important;
  object-position:center!important;
}

/* Keep badges over the image, not outside it */
.salam-home .home-category-count-v32{z-index:10!important}

/* Mobile keeps the exact same fill behavior */
@media(max-width:700px){
  .salam-home .salam-quick-cats .home-category-media-v32>img,
  .salam-home .home-managed-section .home-category-media-v32>img,
  .salam-home .v44-brands .v44-brand-card .brand-logo-wrap>img,
  .salam-home .purchase-guide-media>img{
    width:100%!important;
    height:100%!important;
    object-fit:cover!important;
    object-position:center!important;
    padding:0!important;
  }
}