@import url('/assets/css/home-loader-v76.css?v=20260920');

/* ==========================================
   JS BEAUTY HOMEPAGE COLLECTION BANNERS V80
   Clear Skincare/Haircare artwork without changing Hero/Slider.
========================================== */
.homepage .collection-banner-media img{
  opacity:1;
  filter:none;
  -webkit-filter:none;
  image-rendering:auto;
  transform:translateZ(0);
}

/* Keep copy readable, but do not wash out the full banner artwork. */
.homepage .collection-banner::before{
  background:linear-gradient(90deg,
    rgba(255,255,255,.92) 0%,
    rgba(255,255,255,.70) 23%,
    rgba(255,255,255,.30) 39%,
    rgba(255,255,255,.06) 52%,
    rgba(255,255,255,0) 64%);
}

@media (max-width:700px){
  .homepage .collection-banner::before{
    background:linear-gradient(0deg,
      rgba(255,255,255,.94) 0%,
      rgba(255,255,255,.68) 24%,
      rgba(255,255,255,.25) 40%,
      rgba(255,255,255,.04) 54%,
      rgba(255,255,255,0) 66%);
  }
  .homepage .collection-banner-media img{
    opacity:1;
    filter:none;
    -webkit-filter:none;
  }
}