/* ========================================================================
   MUTTI LAB 2.0 CLEAN CORE — PRODUCT CARD BASE V2.1 (absorbed from legacy v9.3.97)
   Canonical base geometry retained during legacy-owner retirement.
   This asset is now owned and enqueued by Product Card V2.1; it preserves the
   proven pre-V2 cascade position while the late V2.1 contract remains final.
   ======================================================================== */

/* One predictable grid rhythm outside the protected homepage merchandising. */
body:not(.home) .mutti-category-product-grid,
body:not(.home) .mutti-wishlist-grid,
body:not(.home) .mutti-curated-v9389__grid,
body:not(.home) .mutti-market-grid,
body.single-product .mutti-pdp-related-grid.mutti-market-grid{
  display:grid!important;
  grid-template-columns:repeat(6,minmax(0,1fr))!important;
  gap:28px 13px!important;
  align-items:start!important;
}

/* Native Woo loops rendered through content-product.php keep their semantic li. */
body:not(.home) .woocommerce ul.products{
  display:grid!important;
  grid-template-columns:repeat(6,minmax(0,1fr))!important;
  gap:28px 13px!important;
}
body:not(.home) .woocommerce ul.products::before,
body:not(.home) .woocommerce ul.products::after{display:none!important}
body:not(.home) .woocommerce ul.products li.mutti-native-card-v9397{
  width:auto!important;
  float:none!important;
  clear:none!important;
  margin:0!important;
  padding:0!important;
  list-style:none!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
}

/* Marketplace card = image canvas + clean information below, not a card inside
   another catalogue card. This removes the old double-container feeling. */
body:not(.home) .mutti-market-grid > .mutti-market-card,
body:not(.home) .mutti-native-card-v9397 > .mutti-market-card,
body.single-product .mutti-pdp-related-grid > .mutti-market-card{
  position:relative!important;
  display:flex!important;
  flex-direction:column!important;
  min-width:0!important;
  height:auto!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  overflow:visible!important;
  transform:none!important;
  transition:none!important;
}
body:not(.home) .mutti-market-grid > .mutti-market-card:hover,
body:not(.home) .mutti-market-grid > .mutti-market-card:focus-within,
body:not(.home) .mutti-native-card-v9397 > .mutti-market-card:hover,
body.single-product .mutti-pdp-related-grid > .mutti-market-card:hover,
body.single-product .mutti-pdp-related-grid > .mutti-market-card:focus-within{
  transform:none!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
body:not(.home) .mutti-market-grid > .mutti-market-card::after,
body:not(.home) .mutti-native-card-v9397 > .mutti-market-card::after,
body.single-product .mutti-pdp-related-grid > .mutti-market-card::after{display:none!important}

/* One 4:5 media standard. Product is never cropped: contain only. */
body:not(.home) .mutti-market-grid > .mutti-market-card .mutti-market-image,
body:not(.home) .mutti-native-card-v9397 > .mutti-market-card .mutti-market-image,
body.single-product .mutti-pdp-related-grid > .mutti-market-card .mutti-market-image{
  position:relative!important;
  display:block!important;
  width:100%!important;
  height:auto!important;
  min-height:0!important;
  aspect-ratio:4/5!important;
  margin:0!important;
  overflow:hidden!important;
  border:1px solid rgba(22,25,31,.06)!important;
  border-radius:15px!important;
  background:#f7f7f8!important;
  box-shadow:none!important;
  transition:border-color .18s ease,box-shadow .18s ease!important;
}
body:not(.home) .mutti-market-grid > .mutti-market-card .mutti-market-image img,
body:not(.home) .mutti-native-card-v9397 > .mutti-market-card .mutti-market-image img,
body.single-product .mutti-pdp-related-grid > .mutti-market-card .mutti-market-image img,
body:not(.home) .mutti-market-grid > .mutti-market-card .mutti-market-gallery-frame,
body.single-product .mutti-pdp-related-grid > .mutti-market-card .mutti-market-gallery-frame{
  width:100%!important;
  height:100%!important;
  object-fit:contain!important;
  padding:4px!important;
  transform:scale(1)!important;
  transition:transform .24s cubic-bezier(.2,.75,.2,1)!important;
}
@media(hover:hover){
  body:not(.home) .mutti-market-grid > .mutti-market-card:hover .mutti-market-image,
  body:not(.home) .mutti-native-card-v9397 > .mutti-market-card:hover .mutti-market-image,
  body.single-product .mutti-pdp-related-grid > .mutti-market-card:hover .mutti-market-image{
    border-color:rgba(218,0,83,.16)!important;
    box-shadow:0 12px 28px rgba(26,29,37,.075)!important;
  }
  body:not(.home) .mutti-market-grid > .mutti-market-card:hover .mutti-market-image img,
  body:not(.home) .mutti-native-card-v9397 > .mutti-market-card:hover .mutti-market-image img,
  body.single-product .mutti-pdp-related-grid > .mutti-market-card:hover .mutti-market-image img{
    transform:scale(1.018)!important;
  }
}

/* Overlay controls have one geometry everywhere. */
body:not(.home) .mutti-market-grid > .mutti-market-card .mutti-market-card-top,
body:not(.home) .mutti-native-card-v9397 > .mutti-market-card .mutti-market-card-top,
body.single-product .mutti-pdp-related-grid > .mutti-market-card .mutti-market-card-top{
  top:9px!important;
  left:9px!important;
  right:9px!important;
}
body:not(.home) .mutti-market-grid > .mutti-market-card .mutti-market-badge,
body:not(.home) .mutti-native-card-v9397 > .mutti-market-card .mutti-market-badge,
body.single-product .mutti-pdp-related-grid > .mutti-market-card .mutti-market-badge{
  min-height:21px!important;
  padding:0 7px!important;
  border-radius:7px!important;
  font-size:7.5px!important;
  line-height:1!important;
  font-weight:760!important;
}
body:not(.home) .mutti-market-grid > .mutti-market-card .mutti-market-heart,
body:not(.home) .mutti-native-card-v9397 > .mutti-market-card .mutti-market-heart,
body.single-product .mutti-pdp-related-grid > .mutti-market-card .mutti-market-heart{
  width:32px!important;
  height:32px!important;
  min-width:32px!important;
}

/* Consistent information hierarchy: price visually first, then two-line title,
   delivery, rating/stock, action. HTML remains semantic with the H3 first. */
body:not(.home) .mutti-market-grid > .mutti-market-card .mutti-market-copy,
body:not(.home) .mutti-native-card-v9397 > .mutti-market-card .mutti-market-copy,
body.single-product .mutti-pdp-related-grid > .mutti-market-card .mutti-market-copy{
  display:flex!important;
  flex-direction:column!important;
  flex:0 0 auto!important;
  min-height:0!important;
  padding:9px 2px 0!important;
  gap:0!important;
  background:transparent!important;
}
body:not(.home) .mutti-market-card .mutti-market-price-row,
body.single-product .mutti-pdp-related-grid .mutti-market-card .mutti-market-price-row{
  order:1!important;
  min-height:23px!important;
  margin:0 0 5px!important;
  padding:0!important;
}
body:not(.home) .mutti-market-card .mutti-market-price,
body.single-product .mutti-pdp-related-grid .mutti-market-card .mutti-market-price{
  margin:0!important;
  padding:0!important;
  color:#17191e!important;
  font-size:17px!important;
  line-height:1.08!important;
  font-weight:760!important;
  letter-spacing:-.03em!important;
}
body:not(.home) .mutti-market-card .mutti-market-price ins,
body.single-product .mutti-pdp-related-grid .mutti-market-card .mutti-market-price ins{
  color:#d90057!important;
  font-weight:780!important;
  text-decoration:none!important;
}
body:not(.home) .mutti-market-card .mutti-market-price del,
body.single-product .mutti-pdp-related-grid .mutti-market-card .mutti-market-price del{
  margin-left:4px!important;
  color:#9da1aa!important;
  font-size:10px!important;
  font-weight:480!important;
}
body:not(.home) .mutti-market-card .mutti-market-copy h3,
body.single-product .mutti-pdp-related-grid .mutti-market-card .mutti-market-copy h3{
  order:2!important;
  display:-webkit-box!important;
  -webkit-box-orient:vertical!important;
  -webkit-line-clamp:2!important;
  overflow:hidden!important;
  min-height:2.72em!important;
  max-height:2.72em!important;
  margin:0!important;
  color:#30333a!important;
  font-size:11px!important;
  line-height:1.36!important;
  font-weight:500!important;
  letter-spacing:-.01em!important;
}
body:not(.home) .mutti-market-card .mutti-market-free-delivery,
body.single-product .mutti-pdp-related-grid .mutti-market-card .mutti-market-free-delivery{
  order:3!important;
  margin:5px 0 0!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
}
body:not(.home) .mutti-market-card .mutti-market-free-delivery>span,
body.single-product .mutti-pdp-related-grid .mutti-market-card .mutti-market-free-delivery>span{
  display:block!important;
  min-height:0!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  color:#7d828b!important;
  font-size:8.8px!important;
  line-height:1.25!important;
  font-weight:500!important;
  box-shadow:none!important;
}
body:not(.home) .mutti-market-card .mutti-market-free-delivery>span::before,
body.single-product .mutti-pdp-related-grid .mutti-market-card .mutti-market-free-delivery>span::before{display:none!important}
body:not(.home) .mutti-market-card .mutti-market-rating,
body.single-product .mutti-pdp-related-grid .mutti-market-card .mutti-market-rating{
  order:4!important;
  min-height:14px!important;
  margin:5px 0 0!important;
  font-size:8.2px!important;
}
body:not(.home) .mutti-market-card .mutti-market-delivery,
body.single-product .mutti-pdp-related-grid .mutti-market-card .mutti-market-delivery{
  order:5!important;
  margin-top:5px!important;
}

/* One action slot on every card. Simple purchasable products add to cart;
   variable/unavailable/no-price products use the same-size product-link CTA. */
body:not(.home) .mutti-market-card .mutti-market-actions--single-v8524,
body.single-product .mutti-pdp-related-grid .mutti-market-card .mutti-market-actions--single-v8524{
  width:100%!important;
  min-height:0!important;
  margin:8px 0 0!important;
}
body:not(.home) .mutti-market-card .mutti-market-action--cart-v8524,
body.single-product .mutti-pdp-related-grid .mutti-market-card .mutti-market-action--cart-v8524{
  width:100%!important;
  height:33px!important;
  min-height:33px!important;
  min-width:0!important;
  padding:0 10px!important;
  border-radius:10px!important;
  font-size:9px!important;
  font-weight:620!important;
}
body:not(.home) .mutti-market-card .mutti-market-action--cart-v8524.is-product-link,
body.single-product .mutti-pdp-related-grid .mutti-market-card .mutti-market-action--cart-v8524.is-product-link{
  border:1px solid rgba(26,29,37,.10)!important;
  background:transparent!important;
  color:inherit!important;
  box-shadow:none!important;
}

/* Dark theme: keep the product media neutral/light and copy native to page. */
html[data-mutti-theme="dark"] body:not(.home) .mutti-market-card .mutti-market-image,
body.mutti-dark-mode:not(.home) .mutti-market-card .mutti-market-image,
body.mutti-dark-v8529:not(.home) .mutti-market-card .mutti-market-image,
html[data-mutti-theme="dark"] body.single-product .mutti-pdp-related-grid .mutti-market-card .mutti-market-image{
  border-color:rgba(255,255,255,.08)!important;
  background:#f4f3f0!important;
}
html[data-mutti-theme="dark"] body:not(.home) .mutti-market-card .mutti-market-price,
body.mutti-dark-mode:not(.home) .mutti-market-card .mutti-market-price,
body.mutti-dark-v8529:not(.home) .mutti-market-card .mutti-market-price,
html[data-mutti-theme="dark"] body.single-product .mutti-pdp-related-grid .mutti-market-card .mutti-market-price{color:#f3f2ef!important}
html[data-mutti-theme="dark"] body:not(.home) .mutti-market-card .mutti-market-price ins,
body.mutti-dark-mode:not(.home) .mutti-market-card .mutti-market-price ins,
body.mutti-dark-v8529:not(.home) .mutti-market-card .mutti-market-price ins{color:#ff4e88!important}
html[data-mutti-theme="dark"] body:not(.home) .mutti-market-card .mutti-market-copy h3,
html[data-mutti-theme="dark"] body:not(.home) .mutti-market-card .mutti-market-copy h3 a,
body.mutti-dark-mode:not(.home) .mutti-market-card .mutti-market-copy h3,
body.mutti-dark-v8529:not(.home) .mutti-market-card .mutti-market-copy h3,
html[data-mutti-theme="dark"] body.single-product .mutti-pdp-related-grid .mutti-market-card .mutti-market-copy h3{color:#d8d8d6!important}
html[data-mutti-theme="dark"] body:not(.home) .mutti-market-card .mutti-market-free-delivery>span,
body.mutti-dark-mode:not(.home) .mutti-market-card .mutti-market-free-delivery>span,
body.mutti-dark-v8529:not(.home) .mutti-market-card .mutti-market-free-delivery>span{color:#989b9f!important}

/* Related products now literally use the canonical card; remove obsolete old
   related-card geometry while keeping the section header/layout intact. */
body.single-product .mutti-pdp-related-v9397 .mutti-pdp-related-grid{
  overflow:visible!important;
}

@media(max-width:1379px){
  body:not(.home) .mutti-category-product-grid,
  body:not(.home) .mutti-wishlist-grid,
  body:not(.home) .mutti-curated-v9389__grid,
  body:not(.home) .mutti-market-grid,
  body.single-product .mutti-pdp-related-grid.mutti-market-grid,
  body:not(.home) .woocommerce ul.products{grid-template-columns:repeat(5,minmax(0,1fr))!important}
}
@media(max-width:1100px){
  body:not(.home) .mutti-category-product-grid,
  body:not(.home) .mutti-wishlist-grid,
  body:not(.home) .mutti-curated-v9389__grid,
  body:not(.home) .mutti-market-grid,
  body.single-product .mutti-pdp-related-grid.mutti-market-grid,
  body:not(.home) .woocommerce ul.products{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:24px 12px!important}
}
@media(max-width:820px){
  body:not(.home) .mutti-category-product-grid,
  body:not(.home) .mutti-wishlist-grid,
  body:not(.home) .mutti-curated-v9389__grid,
  body:not(.home) .mutti-market-grid,
  body.single-product .mutti-pdp-related-grid.mutti-market-grid,
  body:not(.home) .woocommerce ul.products{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:22px 10px!important}
}
@media(max-width:600px){
  body:not(.home) .mutti-category-product-grid,
  body:not(.home) .mutti-wishlist-grid,
  body:not(.home) .mutti-curated-v9389__grid,
  body:not(.home) .mutti-market-grid,
  body.single-product .mutti-pdp-related-grid.mutti-market-grid,
  body:not(.home) .woocommerce ul.products{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:20px 9px!important}
  body:not(.home) .mutti-market-card .mutti-market-image,
  body.single-product .mutti-pdp-related-grid .mutti-market-card .mutti-market-image{border-radius:13px!important}
  body:not(.home) .mutti-market-card .mutti-market-card-top,
  body.single-product .mutti-pdp-related-grid .mutti-market-card .mutti-market-card-top{top:7px!important;left:7px!important;right:7px!important}
  body:not(.home) .mutti-market-card .mutti-market-heart,
  body.single-product .mutti-pdp-related-grid .mutti-market-card .mutti-market-heart{width:29px!important;height:29px!important;min-width:29px!important}
  body:not(.home) .mutti-market-card .mutti-market-price,
  body.single-product .mutti-pdp-related-grid .mutti-market-card .mutti-market-price{font-size:15px!important}
  body:not(.home) .mutti-market-card .mutti-market-copy h3,
  body.single-product .mutti-pdp-related-grid .mutti-market-card .mutti-market-copy h3{font-size:10.2px!important}
  body:not(.home) .mutti-market-card .mutti-market-action--cart-v8524,
  body.single-product .mutti-pdp-related-grid .mutti-market-card .mutti-market-action--cart-v8524{height:31px!important;min-height:31px!important;font-size:8.7px!important}
}
@media(prefers-reduced-motion:reduce){
  body:not(.home) .mutti-market-card .mutti-market-image,
  body:not(.home) .mutti-market-card .mutti-market-image img,
  body.single-product .mutti-pdp-related-grid .mutti-market-card .mutti-market-image,
  body.single-product .mutti-pdp-related-grid .mutti-market-card .mutti-market-image img{transition:none!important}
}
