/* MUTTI LAB v9.5.144 — Stage216 storefront readability + dark media parity + brand motion parity. */

/* 1. Price readability: Stage191/older compact archive rules have higher
   specificity than the generic Stage215 rule, so lock the final value at the
   actual archive/home surfaces instead of relying on a broad selector. */
html body.mutti-stage216-v95144 main[data-mutti-archive] .mutti-market-card .mutti-market-price,
html body.mutti-stage216-v95144 main[data-mutti-archive] .mutti-market-card .mutti-market-price .amount,
html body.mutti-stage216-v95144 main[data-mutti-archive] .mutti-market-card .mutti-market-price .woocommerce-Price-amount,
html body.mutti-stage216-v95144 main[data-mutti-archive] .mutti-market-card .mutti-market-price bdi,
html body.mutti-stage216-v95144 main[data-mutti-archive] .mutti-market-card .mutti-market-price ins,
html body.mutti-stage216-v95144 main[data-mutti-archive] .mutti-market-card .mutti-market-price ins .amount,
html body.mutti-stage216-v95144 main[data-mutti-archive] .mutti-market-card .mutti-market-price ins .woocommerce-Price-amount,
html body.mutti-stage216-v95144.home main.mutti-home #mutti-market .mutti-market-card .mutti-market-price,
html body.mutti-stage216-v95144.home main.mutti-home #mutti-market .mutti-market-card .mutti-market-price .amount,
html body.mutti-stage216-v95144.home main.mutti-home #mutti-market .mutti-market-card .mutti-market-price .woocommerce-Price-amount,
html body.mutti-stage216-v95144.single-product .mutti-pdp-related-grid .mutti-market-card .mutti-market-price,
html body.mutti-stage216-v95144.single-product .mutti-pdp-related-grid .mutti-market-card .mutti-market-price .amount,
html body.mutti-stage216-v95144.single-product .mutti-pdp-related-grid .mutti-market-card .mutti-market-price .woocommerce-Price-amount{
  font-size:21px!important;
  line-height:1.08!important;
  font-weight:740!important;
  letter-spacing:-.028em!important;
}
html body.mutti-stage216-v95144 main[data-mutti-archive] .mutti-market-card .mutti-market-price del,
html body.mutti-stage216-v95144 main[data-mutti-archive] .mutti-market-card .mutti-market-price del .amount,
html body.mutti-stage216-v95144 main[data-mutti-archive] .mutti-market-card .mutti-market-price del .woocommerce-Price-amount,
html body.mutti-stage216-v95144.home main.mutti-home #mutti-market .mutti-market-card .mutti-market-price del,
html body.mutti-stage216-v95144.home main.mutti-home #mutti-market .mutti-market-card .mutti-market-price del .amount{
  font-size:12.5px!important;
  line-height:1.1!important;
  font-weight:520!important;
}

/* Product-carousel cards are intentionally denser than the six-column grid,
   but the current 11–13px legacy values are still too small. */
html body.mutti-stage216-v95144.home .mutti-popular-v9370__shelf-card .mutti-market-price,
html body.mutti-stage216-v95144.home .mutti-popular-v9370__shelf-card .mutti-market-price ins,
html body.mutti-stage216-v95144.home .mutti-popular-v9370__shelf-card .mutti-market-price .amount,
html body.mutti-stage216-v95144.home .mutti-popular-v9370__shelf-card .mutti-market-price .woocommerce-Price-amount{
  font-size:18.5px!important;
  line-height:1.08!important;
  font-weight:730!important;
  letter-spacing:-.022em!important;
}

/* 2. Dark mode product media: retire the legacy white photo canvas. The actual
   image keeps its own pixels/background; only the theme shell becomes
   transparent. This lets dark infographics sit naturally on the dark page. */
html[data-mutti-theme="dark"] body.mutti-stage216-v95144 .mutti-market-card .mutti-market-media-v9456,
html[data-mutti-theme="dark"] body.mutti-stage216-v95144 .mutti-market-card .mutti-market-image,
html[data-mutti-theme="dark"] body.mutti-stage216-v95144 .mutti-market-card .mutti-market-product-photo,
body.mutti-dark-mode.mutti-stage216-v95144 .mutti-market-card .mutti-market-media-v9456,
body.mutti-dark-mode.mutti-stage216-v95144 .mutti-market-card .mutti-market-image,
body.mutti-dark-mode.mutti-stage216-v95144 .mutti-market-card .mutti-market-product-photo,
body.mutti-dark-v8529.mutti-stage216-v95144 .mutti-market-card .mutti-market-media-v9456,
body.mutti-dark-v8529.mutti-stage216-v95144 .mutti-market-card .mutti-market-image,
body.mutti-dark-v8529.mutti-stage216-v95144 .mutti-market-card .mutti-market-product-photo{
  background:transparent!important;
  border-color:transparent!important;
  border-width:0!important;
  outline:0!important;
  box-shadow:none!important;
}
html[data-mutti-theme="dark"] body.mutti-stage216-v95144 .mutti-market-card .mutti-market-image img,
html[data-mutti-theme="dark"] body.mutti-stage216-v95144 .mutti-market-card .mutti-market-product-photo>img,
html[data-mutti-theme="dark"] body.mutti-stage216-v95144 .mutti-market-card .mutti-market-gallery-frame,
body.mutti-dark-mode.mutti-stage216-v95144 .mutti-market-card .mutti-market-image img,
body.mutti-dark-mode.mutti-stage216-v95144 .mutti-market-card .mutti-market-product-photo>img,
body.mutti-dark-mode.mutti-stage216-v95144 .mutti-market-card .mutti-market-gallery-frame,
body.mutti-dark-v8529.mutti-stage216-v95144 .mutti-market-card .mutti-market-image img,
body.mutti-dark-v8529.mutti-stage216-v95144 .mutti-market-card .mutti-market-product-photo>img,
body.mutti-dark-v8529.mutti-stage216-v95144 .mutti-market-card .mutti-market-gallery-frame{
  background:transparent!important;
  border:0!important;
  outline:0!important;
  box-shadow:none!important;
  padding:0!important;
}
@media(hover:hover){
  html[data-mutti-theme="dark"] body.mutti-stage216-v95144 .mutti-market-card:hover .mutti-market-image,
  body.mutti-dark-mode.mutti-stage216-v95144 .mutti-market-card:hover .mutti-market-image,
  body.mutti-dark-v8529.mutti-stage216-v95144 .mutti-market-card:hover .mutti-market-image{
    border-color:transparent!important;
    box-shadow:none!important;
  }
}

/* 3. Brand rail follows the same interaction language as the product rail.
   A moving element must never jump vertically just because it passes under a
   stationary cursor. Keep hover/focus non-geometric. */
html body.home .mutti-home-brands-v95101__viewport.is-stage216-ready{
  display:block!important;
  width:100%!important;
  min-width:0!important;
  position:relative!important;
  overflow:hidden!important;
  overflow-x:hidden!important;
  overflow-y:hidden!important;
  scroll-snap-type:none!important;
  scroll-behavior:auto!important;
  overscroll-behavior-inline:contain!important;
  touch-action:pan-y!important;
  cursor:grab!important;
  user-select:none!important;
  -webkit-user-select:none!important;
  contain:layout style!important;
}
html body.home .mutti-home-brands-v95101__viewport.is-stage216-ready.is-dragging{cursor:grabbing!important}
html body.home .mutti-home-brands-v95144__rail{
  display:flex!important;
  align-items:center!important;
  width:max-content!important;
  min-width:100%!important;
  gap:12px!important;
  margin:0!important;
  padding:0 1px!important;
  will-change:transform!important;
  transform:translate3d(0,0,0);
  backface-visibility:hidden!important;
}
html body.home .mutti-home-brands-v95144__rail>.mutti-home-brands-v95100__brand{
  flex-shrink:0!important;
  scroll-snap-align:none!important;
}
html body.home .mutti-home-brands-v95144__rail>.mutti-home-brands-v95100__brand:hover,
html body.home .mutti-home-brands-v95144__rail>.mutti-home-brands-v95100__brand:focus-visible{
  transform:none!important;
}
html body.home .mutti-home-brands-v95144__rail img{
  pointer-events:none!important;
  -webkit-user-drag:none!important;
  user-select:none!important;
}
@media(max-width:700px){html body.home .mutti-home-brands-v95144__rail{gap:8px!important}}
@media(prefers-reduced-motion:reduce){
  html body.home .mutti-home-brands-v95101__viewport.is-stage216-ready{overflow-x:auto!important;touch-action:pan-x pan-y!important}
  html body.home .mutti-home-brands-v95144__rail{will-change:auto!important;transform:none!important}
}

@media(max-width:700px){
  html body.mutti-stage216-v95144 main[data-mutti-archive] .mutti-market-card .mutti-market-price,
  html body.mutti-stage216-v95144 main[data-mutti-archive] .mutti-market-card .mutti-market-price .amount,
  html body.mutti-stage216-v95144 main[data-mutti-archive] .mutti-market-card .mutti-market-price .woocommerce-Price-amount,
  html body.mutti-stage216-v95144 main[data-mutti-archive] .mutti-market-card .mutti-market-price bdi,
  html body.mutti-stage216-v95144 main[data-mutti-archive] .mutti-market-card .mutti-market-price ins,
  html body.mutti-stage216-v95144 main[data-mutti-archive] .mutti-market-card .mutti-market-price ins .amount,
  html body.mutti-stage216-v95144.home main.mutti-home #mutti-market .mutti-market-card .mutti-market-price,
  html body.mutti-stage216-v95144.home main.mutti-home #mutti-market .mutti-market-card .mutti-market-price .amount,
  html body.mutti-stage216-v95144.home main.mutti-home #mutti-market .mutti-market-card .mutti-market-price .woocommerce-Price-amount{
    font-size:19px!important;
  }
  html body.mutti-stage216-v95144.home .mutti-popular-v9370__shelf-card .mutti-market-price,
  html body.mutti-stage216-v95144.home .mutti-popular-v9370__shelf-card .mutti-market-price ins,
  html body.mutti-stage216-v95144.home .mutti-popular-v9370__shelf-card .mutti-market-price .amount,
  html body.mutti-stage216-v95144.home .mutti-popular-v9370__shelf-card .mutti-market-price .woocommerce-Price-amount{
    font-size:16.5px!important;
  }
}


/* R3 return diagnostics — confirmed brand first-paint contract.
   Stage216 is the final brand-motion owner, but its JS intentionally waits for
   DOMContentLoaded. A full Back reload must therefore already have the final
   horizontal footprint before the rail exists. The rule switches itself off
   in the same synchronous task where Stage216 marks the viewport ready. */
html body.home .mutti-home-brands-v95101__viewport:not([data-mutti-brand-stage216="95144"]){
  display:flex!important;
  flex-flow:row nowrap!important;
  align-items:center!important;
  gap:12px!important;
  width:100%!important;
  min-width:0!important;
  min-height:88px!important;
  max-height:88px!important;
  overflow:hidden!important;
  overflow-x:hidden!important;
  overflow-y:hidden!important;
  padding:8px 2px 8px!important;
}
html body.home .mutti-home-brands-v95101__viewport:not([data-mutti-brand-stage216="95144"]) > .mutti-home-brands-v95100__brand{
  flex:0 0 clamp(156px,13.5vw,190px)!important;
  width:auto!important;
  min-width:0!important;
  height:72px!important;
  max-height:72px!important;
}
@media(max-width:1080px){
  html body.home .mutti-home-brands-v95101__viewport:not([data-mutti-brand-stage216="95144"]) > .mutti-home-brands-v95100__brand{
    flex-basis:clamp(142px,18vw,174px)!important;height:68px!important;max-height:68px!important;
  }
}
@media(max-width:700px){
  html body.home .mutti-home-brands-v95101__viewport:not([data-mutti-brand-stage216="95144"]){gap:8px!important;min-height:79px!important;max-height:79px!important;padding:7px 0 8px!important}
  html body.home .mutti-home-brands-v95101__viewport:not([data-mutti-brand-stage216="95144"]) > .mutti-home-brands-v95100__brand{
    flex:0 0 clamp(108px,31vw,128px)!important;height:62px!important;max-height:62px!important;
  }
}