/* KARMA SPEED FIX V4.3 */
.product-card__media,
.collection-card__art,
.product-gallery__main,
.product-thumbs button{
  background:#f7f7f5;
}
.product-card__media img,
.collection-card__art img,
.product-gallery__main img{
  color:transparent;
}
@supports (content-visibility:auto){
  .is-home .section:nth-of-type(n+4),
  .product-slider-section--related,
  .product-info-tabs,
  .product-slider-section--recent{
    content-visibility:auto;
    contain-intrinsic-size:auto 780px;
  }
}


/* KARMA COLLECTION QUALITY + HOVER V4.3.1 */
.is-home .collection-card,
.is-home .collection-card__art,
.is-home .collection-card__art img{
  filter:none!important;
  opacity:1!important;
}
.is-home .collection-card__art{
  background:transparent!important;
}
.is-home .collection-card__art img{
  image-rendering:auto;
  transform:translateZ(0) scale(1);
  transform-origin:center center;
  transition:transform .28s cubic-bezier(.2,.7,.2,1);
  will-change:transform;
}
@media (hover:hover) and (pointer:fine){
  .is-home .collection-card{
    transition:transform .28s cubic-bezier(.2,.7,.2,1), box-shadow .28s cubic-bezier(.2,.7,.2,1);
    transform-origin:center center;
    will-change:transform;
  }
  .is-home .collection-card:hover{
    transform:scale(1.025);
    z-index:5;
  }
  .is-home .collection-card:hover .collection-card__art img{
    transform:translateZ(0) scale(1.035);
  }
}


/* KARMA COLLECTIONS HOVER BORDER FIX V4.3.3 */
/* Keep the bestseller rhythm fix and prevent the top frame from disappearing on hover. */
@media (min-width:841px){
  .is-home .home-slider[data-product-carousel] > .product-scroller{
    margin-top:-48px!important;
  }
}
@media (max-width:840px){
  .is-home .home-slider[data-product-carousel] > .product-scroller{
    margin-top:-18px!important;
  }
}

/* Keep a stable frame while the collection card scales on desktop hover. */
.is-home .collection-scroller{
  padding-top:12px!important;
  padding-bottom:6px!important;
}
.is-home .collection-card{
  position:relative!important;
  overflow:visible!important;
  box-sizing:border-box!important;
  border:1px solid transparent!important;
  background-clip:padding-box!important;
  box-shadow:inset 0 0 0 1px rgba(32,29,25,.16)!important;
}
@media (hover:hover) and (pointer:fine){
  .is-home .collection-card:hover,
  .is-home .collection-card:focus-visible,
  .is-home .collection-card:focus-within{
    box-shadow:inset 0 0 0 1px rgba(32,29,25,.34)!important, 0 12px 28px rgba(0,0,0,.12)!important;
  }
}