/*
 * MUTTI LAB 2.0 DEV12 — Listing Archive Base V2.0
 * Clean Core Phase 3: Stage191 + Stage192 presentation contracts are now owned
 * by Listing V2. No query, renderer, cart, price, stock or media-data logic lives here.
 */

/* MUTTI LAB v9.5.119 — Stage191
   Shop/category cards = the approved Home main-grid card language. */

/* Same desktop density as Home: six cards, then five, then three. */
@media (min-width:1081px){
  html body.mutti-listing-v2 main[data-mutti-archive] .mutti-category-product-grid{
    grid-template-columns:repeat(6,minmax(0,1fr))!important;
    gap:21px 12px!important;
  }
}
@media (min-width:921px) and (max-width:1080px){
  html body.mutti-listing-v2 main[data-mutti-archive] .mutti-category-product-grid{
    grid-template-columns:repeat(5,minmax(0,1fr))!important;
    gap:20px 11px!important;
  }
}
@media (min-width:701px) and (max-width:920px){
  html body.mutti-listing-v2 main[data-mutti-archive] .mutti-category-product-grid{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:22px 14px!important;
  }
}

/* Same media shell / compact copy spacing. */
html body.mutti-listing-v2 main[data-mutti-archive] .mutti-market-card .mutti-market-image,
html body.mutti-listing-v2 main[data-mutti-archive] .mutti-market-card .mutti-market-media-v9456{
  aspect-ratio:3/4!important;
}
html body.mutti-listing-v2 main[data-mutti-archive] .mutti-market-card .mutti-market-copy{
  padding-top:6px!important;
  gap:0!important;
}

/* Home title lock: light weight, adaptive 2–3 lines, no oversized legacy text. */
@media (min-width:701px){
  html body.mutti-listing-v2 main[data-mutti-archive]
  .mutti-market-card.mutti-market-card-v9458 .mutti-market-copy h3{
    display:-webkit-box!important;
    box-sizing:border-box!important;
    height:auto!important;
    min-height:28px!important;
    max-height:42px!important;
    margin:0 0 3px!important;
    overflow:hidden!important;
    color:var(--mutti-v9559-text,#24262b)!important;
    font-size:10.5px!important;
    line-height:14px!important;
    font-weight:500!important;
    letter-spacing:0!important;
    white-space:normal!important;
    overflow-wrap:anywhere!important;
    -webkit-box-orient:vertical!important;
    -webkit-line-clamp:3!important;
    line-clamp:3!important;
  }
  html body.mutti-listing-v2 main[data-mutti-archive]
  .mutti-market-card.mutti-market-card-v9458 .mutti-market-copy h3 a{
    display:inline!important;
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    color:inherit!important;
    font:inherit!important;
    line-height:14px!important;
    font-weight:500!important;
    letter-spacing:0!important;
  }
}

/* Same calm Home price instead of the old bold archive price. */
html body.mutti-listing-v2 main[data-mutti-archive] .mutti-market-card .mutti-market-price,
html body.mutti-listing-v2 main[data-mutti-archive] .mutti-market-card .mutti-market-price .amount,
html body.mutti-listing-v2 main[data-mutti-archive] .mutti-market-card .mutti-market-price .woocommerce-Price-amount,
html body.mutti-listing-v2 main[data-mutti-archive] .mutti-market-card .mutti-market-price bdi,
html body.mutti-listing-v2 main[data-mutti-archive] .mutti-market-card .mutti-market-price ins,
html body.mutti-listing-v2 main[data-mutti-archive] .mutti-market-card .mutti-market-price ins .amount{
  font-size:13.6px!important;
  line-height:1.12!important;
  font-weight:650!important;
}
html body.mutti-listing-v2 main[data-mutti-archive] .mutti-market-card .mutti-market-price del,
html body.mutti-listing-v2 main[data-mutti-archive] .mutti-market-card .mutti-market-price del .amount{
  font-size:10px!important;
  font-weight:480!important;
}

/* Exact Home rating/review baseline. */
html body.mutti-listing-v2 main[data-mutti-archive] .mutti-market-card .mutti-stage121-card-rating{
  order:3!important;
  display:grid!important;
  grid-template-columns:56px max-content minmax(0,1fr)!important;
  align-items:center!important;
  column-gap:5px!important;
  width:100%!important;
  height:15px!important;
  min-height:15px!important;
  max-height:15px!important;
  margin:0 0 4px!important;
  padding:0!important;
  overflow:visible!important;
  color:var(--mutti-v9559-muted,#727781)!important;
  font-size:10.2px!important;
  line-height:15px!important;
  font-weight:500!important;
  white-space:nowrap!important;
}
html body.mutti-listing-v2 main[data-mutti-archive] .mutti-market-card .mutti-stage121-card-rating .mutti-market-stars{
  display:block!important;
  width:56px!important;
  min-width:56px!important;
  height:13px!important;
  overflow:hidden!important;
  margin:0!important;
  color:#f2a000!important;
  font-size:10.8px!important;
  line-height:13px!important;
  letter-spacing:.45px!important;
}
html body.mutti-listing-v2 main[data-mutti-archive] .mutti-market-card .mutti-stage121-card-rating .mutti-market-stars__back{color:#e5e7ea!important}
html body.mutti-listing-v2 main[data-mutti-archive] .mutti-market-card .mutti-stage121-card-rating .mutti-market-stars__front{color:#f2a000!important}
html body.mutti-listing-v2 main[data-mutti-archive] .mutti-market-card .mutti-stage121-card-rating.is-demo .mutti-market-stars__back{display:none!important}
html body.mutti-listing-v2 main[data-mutti-archive] .mutti-market-card .mutti-stage121-card-rating.is-demo .mutti-market-stars__front{
  position:static!important;display:block!important;width:auto!important;overflow:visible!important;white-space:nowrap!important
}
html body.mutti-listing-v2 main[data-mutti-archive] .mutti-market-card .mutti-stage121-card-rating strong{
  height:15px!important;margin:0!important;padding:0!important;color:#353940!important;font-size:10.2px!important;line-height:15px!important;font-weight:540!important
}
html body.mutti-listing-v2 main[data-mutti-archive] .mutti-market-card .mutti-stage121-card-rating>span:last-child{
  min-width:0!important;height:15px!important;margin:0!important;padding:0!important;overflow:hidden!important;color:#727781!important;font-size:10.2px!important;line-height:15px!important;font-weight:500!important;text-overflow:ellipsis!important;white-space:nowrap!important
}

/* Home PVZ row now exists in categories too. */
html body.mutti-listing-v2 main[data-mutti-archive] .mutti-market-card .mutti-stage121-pvz{
  order:4!important;
  display:flex!important;
  align-items:center!important;
  flex-wrap:wrap!important;
  gap:2px 5px!important;
  width:100%!important;
  min-height:15px!important;
  margin:0 0 3px!important;
  color:#7b8088!important;
  font-size:9.25px!important;
  line-height:1.16!important;
  font-weight:560!important;
}
html body.mutti-listing-v2 main[data-mutti-archive] .mutti-market-card .mutti-stage121-pvz__free{
  color:#557463!important;font-size:9.45px!important;font-weight:730!important;white-space:nowrap!important
}
html body.mutti-listing-v2 main[data-mutti-archive] .mutti-market-card .mutti-stage121-pvz__free::before{
  content:"";display:inline-block;width:5px!important;height:5px!important;margin:0 4px 1px 0!important;border-radius:50%;background:currentColor;vertical-align:middle;opacity:.9
}
html body.mutti-listing-v2 main[data-mutti-archive] .mutti-market-card .mutti-stage121-pvz__eta{
  color:#858a92!important;font-size:9.05px!important;font-weight:540!important;white-space:nowrap!important
}

/* Same compact Home CTA. */
@media (min-width:1081px){
  html body.mutti-listing-v2 main[data-mutti-archive] .mutti-market-card .mutti-market-action--cart-v8524{
    height:30px!important;min-height:30px!important;border-radius:10px!important;font-size:7.8px!important;font-weight:750!important
  }
}

/* Mobile follows the same typography instead of falling back to Woo legacy. */
@media (max-width:700px){
  html body.mutti-listing-v2 main[data-mutti-archive] .mutti-market-card .mutti-market-copy h3,
  html body.mutti-listing-v2 main[data-mutti-archive] .mutti-market-card .mutti-market-copy h3 a{
    font-size:12.2px!important;line-height:13.4px!important;font-weight:520!important
  }
  html body.mutti-listing-v2 main[data-mutti-archive] .mutti-market-card .mutti-market-copy h3{
    height:auto!important;min-height:26.8px!important;max-height:40.2px!important;margin:0 0 3px!important;-webkit-line-clamp:3!important;line-clamp:3!important
  }
  html body.mutti-listing-v2 main[data-mutti-archive] .mutti-market-card .mutti-market-price,
  html body.mutti-listing-v2 main[data-mutti-archive] .mutti-market-card .mutti-market-price .amount{font-size:15.5px!important;font-weight:650!important}
  html body.mutti-listing-v2 main[data-mutti-archive] .mutti-market-card .mutti-stage121-card-rating .mutti-market-stars{width:59px!important;min-width:59px!important;height:13px!important;font-size:11px!important;line-height:13px!important}
  html body.mutti-listing-v2 main[data-mutti-archive] .mutti-market-card .mutti-stage121-card-rating strong{font-size:10.4px!important}
  html body.mutti-listing-v2 main[data-mutti-archive] .mutti-market-card .mutti-stage121-card-rating>span:last-child{font-size:9.5px!important}
  html body.mutti-listing-v2 main[data-mutti-archive] .mutti-market-card .mutti-stage121-pvz__free{font-size:8.9px!important}
  html body.mutti-listing-v2 main[data-mutti-archive] .mutti-market-card .mutti-stage121-pvz__eta{font-size:8.55px!important}
}

/* Dark theme parity: no white legacy text blocks. */
html[data-mutti-theme="dark"] body.mutti-listing-v2 main[data-mutti-archive] .mutti-market-card .mutti-stage121-card-rating strong{color:#eef1f5!important}
html[data-mutti-theme="dark"] body.mutti-listing-v2 main[data-mutti-archive] .mutti-market-card .mutti-stage121-card-rating>span:last-child,
html[data-mutti-theme="dark"] body.mutti-listing-v2 main[data-mutti-archive] .mutti-market-card .mutti-stage121-pvz__eta{color:#aeb5bf!important}

/* MUTTI LAB 2.0 — Listing Archive Media Base V2.0
   Absorbed 3:4 white-canvas archive media contract from the retired Stage192 owner. */

html body.mutti-listing-v2 main[data-mutti-archive] .mutti-market-card .mutti-market-media-v9456{
  background:#fff!important;
}
html body.mutti-listing-v2 main[data-mutti-archive] .mutti-market-card .mutti-market-image,
html body.mutti-listing-v2 main[data-mutti-archive] .mutti-market-card .mutti-market-product-photo{
  width:100%!important;
  height:auto!important;
  min-height:0!important;
  aspect-ratio:3/4!important;
  padding:0!important;
  overflow:hidden!important;
  background:#fff!important;
  border-color:rgba(22,25,31,.045)!important;
  box-shadow:none!important;
}
html body.mutti-listing-v2 main[data-mutti-archive] .mutti-market-card .mutti-market-image img,
html body.mutti-listing-v2 main[data-mutti-archive] .mutti-market-card .mutti-market-product-photo > img,
html body.mutti-listing-v2 main[data-mutti-archive] .mutti-market-card .mutti-market-gallery-frame{
  display:block!important;
  width:100%!important;
  height:100%!important;
  max-width:none!important;
  padding:0!important;
  margin:0!important;
  object-fit:contain!important;
  object-position:50% 50%!important;
  background:#fff!important;
  mix-blend-mode:normal!important;
  filter:none!important;
}

/* The 3:4 infographics now occupy the media canvas edge-to-edge. Older square
   or landscape product photography remains contained on white instead of being
   stretched or exposed against a grey mat. */
@media (max-width:700px){
  html body.mutti-listing-v2 main[data-mutti-archive] .mutti-market-card .mutti-market-image img,
  html body.mutti-listing-v2 main[data-mutti-archive] .mutti-market-card .mutti-market-gallery-frame{
    padding:0!important;
  }
}

/* Dark mode still keeps product photography on a neutral white product canvas,
   matching the approved catalogue-card treatment. */
html[data-mutti-theme="dark"] body.mutti-listing-v2 main[data-mutti-archive] .mutti-market-card .mutti-market-media-v9456,
html[data-mutti-theme="dark"] body.mutti-listing-v2 main[data-mutti-archive] .mutti-market-card .mutti-market-image,
html[data-mutti-theme="dark"] body.mutti-listing-v2 main[data-mutti-archive] .mutti-market-card .mutti-market-image img,
html[data-mutti-theme="dark"] body.mutti-listing-v2 main[data-mutti-archive] .mutti-market-card .mutti-market-gallery-frame{
  background:#fff!important;
}
