/* ========================================================================
 * MUTTI LAB v9.4.76 — Stage 48 interaction + compact rail polish.
 * Keeps the approved Stage47 navigation, but aligns promo cards with the
 * compact cards used beside the Tools feature band and reduces hover cost.
 * ======================================================================== */

/* Promo rail: same compact visual scale as the Tools product cards. */
html body.home .mutti-popular-v9476 .mutti-popular-v9370__viewport{
  padding:10px 0 12px!important;
  overscroll-behavior-inline:contain!important;
  contain:layout style!important;
}
html body.home .mutti-popular-v9476 .mutti-popular-v9370__rail{
  gap:10px!important;
  transform:translate3d(0,0,0);
  backface-visibility:hidden!important;
  perspective:1000px!important;
}
html body.home .mutti-popular-v9476 .mutti-popular-v9370__shelf-card{
  flex:0 0 clamp(142px,10.7vw,164px)!important;
  width:clamp(142px,10.7vw,164px)!important;
  height:auto!important;
  min-height:0!important;
  max-height:none!important;
  contain:layout style!important;
}
html body.home .mutti-popular-v9476 .mutti-popular-v9370__shelf-card>.mutti-market-card{
  width:100%!important;
  height:auto!important;
  min-height:0!important;
  max-height:none!important;
  padding:0!important;
}
html body.home .mutti-popular-v9476 .mutti-popular-v9370__shelf-card .mutti-market-image{
  width:100%!important;
  height:auto!important;
  min-height:0!important;
  max-height:none!important;
  aspect-ratio:3/4!important;
  border-radius:12px!important;
}
html body.home .mutti-popular-v9476 .mutti-popular-v9370__shelf-card .mutti-market-copy{
  min-height:0!important;
  padding:5px 1px 0!important;
  gap:0!important;
}
html body.home .mutti-popular-v9476 .mutti-popular-v9370__shelf-card .mutti-market-price-row{
  min-height:16px!important;
  margin:0 0 3px!important;
}
html body.home .mutti-popular-v9476 .mutti-popular-v9370__shelf-card .mutti-market-price,
html body.home .mutti-popular-v9476 .mutti-popular-v9370__shelf-card .mutti-market-price .amount,
html body.home .mutti-popular-v9476 .mutti-popular-v9370__shelf-card .mutti-market-price .woocommerce-Price-amount{
  font-size:12.6px!important;
  line-height:1.05!important;
}
html body.home .mutti-popular-v9476 .mutti-popular-v9370__shelf-card .mutti-market-price del,
html body.home .mutti-popular-v9476 .mutti-popular-v9370__shelf-card .mutti-market-price del .amount{
  font-size:7.8px!important;
}
html body.home .mutti-popular-v9476 .mutti-popular-v9370__shelf-card .mutti-market-copy h3{
  min-height:2.58em!important;
  max-height:2.58em!important;
  margin:0 0 3px!important;
  overflow:hidden!important;
  font-size:10.5px!important;
  line-height:1.29!important;
  font-weight:500!important;
  letter-spacing:0!important;
  color:#303238!important;
  -webkit-text-fill-color:#303238!important;
}
html body.home .mutti-popular-v9476 .mutti-popular-v9370__shelf-card .mutti-market-copy h3 a{
  color:inherit!important;
  -webkit-text-fill-color:inherit!important;
  font-weight:500!important;
  letter-spacing:0!important;
}
html[data-mutti-theme="dark"] body.home .mutti-popular-v9476 .mutti-popular-v9370__shelf-card .mutti-market-copy h3,
body.mutti-dark-mode.home .mutti-popular-v9476 .mutti-popular-v9370__shelf-card .mutti-market-copy h3{
  color:#e6e8ec!important;
  -webkit-text-fill-color:#e6e8ec!important;
}
html body.home .mutti-popular-v9476 .mutti-popular-v9370__shelf-card .mutti-market-rating{display:none!important}
html body.home .mutti-popular-v9476 .mutti-popular-v9370__shelf-card .mutti-market-actions,
html body.home .mutti-popular-v9476 .mutti-popular-v9370__shelf-card .mutti-market-actions--single-v8524{
  min-height:0!important;
  margin-top:5px!important;
}
html body.home .mutti-popular-v9476 .mutti-popular-v9370__shelf-card .mutti-market-action--cart-v8524{
  height:29px!important;
  min-height:29px!important;
  border-radius:8px!important;
  font-size:8.5px!important;
}
html body.home .mutti-popular-v9476 .mutti-popular-v9370__shelf-card .mutti-market-heart{
  transform:scale(.88)!important;
  transform-origin:top right!important;
}
html body.home .mutti-popular-v9476 .mutti-popular-v9370__shelf-card .mutti-market-quickview-v9456{
  transform:translate(-50%,7px) scale(.88)!important;
  transform-origin:center bottom!important;
}
@media(hover:hover) and (pointer:fine){
  html body.home .mutti-popular-v9476 .mutti-popular-v9370__shelf-card .mutti-market-card:hover .mutti-market-quickview-v9456,
  html body.home .mutti-popular-v9476 .mutti-popular-v9370__shelf-card .mutti-market-card:focus-within .mutti-market-quickview-v9456{
    transform:translate(-50%,0) scale(.88)!important;
  }
}

/* While the user drags the rail, remove expensive hover work from moving cards. */
html body.home .mutti-popular-v9476 .mutti-popular-v9370__viewport.is-dragging .mutti-market-image,
html body.home .mutti-popular-v9476 .mutti-popular-v9370__viewport.is-dragging .mutti-market-gallery-frame,
html body.home .mutti-popular-v9476 .mutti-popular-v9370__viewport.is-dragging .mutti-market-quickview-v9456{
  transition:none!important;
  pointer-events:none!important;
}

/* Quick View chip: instant response, no blur/filter repaint on every hover. */
.mutti-market-quickview-v9456{
  -webkit-backdrop-filter:none!important;
  backdrop-filter:none!important;
  will-change:opacity,transform!important;
  transition:opacity .095s linear,transform .11s cubic-bezier(.2,.75,.2,1),background .095s ease,color .095s ease!important;
}
@media(hover:hover) and (pointer:fine){
  .mutti-market-card:not(:hover):not(:focus-within) .mutti-market-quickview-v9456{
    opacity:0!important;
    visibility:hidden!important;
    pointer-events:none!important;
    transition-duration:.06s!important;
    transition-delay:0s!important;
  }
}

/* Product image swaps should not carry an extra slow transform animation. */
.mutti-market-image.has-hover-gallery .mutti-market-gallery-frame{
  transition:opacity .07s linear!important;
  backface-visibility:hidden!important;
}

@media(max-width:1080px){
  html body.home .mutti-popular-v9476 .mutti-popular-v9370__shelf-card{
    flex-basis:clamp(138px,18vw,156px)!important;
    width:clamp(138px,18vw,156px)!important;
  }
}
@media(max-width:640px){
  html body.home .mutti-popular-v9476 .mutti-popular-v9370__shelf-card{
    flex-basis:min(44vw,156px)!important;
    width:min(44vw,156px)!important;
  }
  html body.home .mutti-popular-v9476 .mutti-popular-v9370__shelf-card .mutti-market-copy h3{font-size:10.3px!important}
}