/*
 * MUTTI LAB 2.0 DEV5 — Catalog / Listing Architecture V2.0
 * Scoped to shop/category archives only. Product Card V2.1 remains card owner.
 */
body.mutti-listing-v2{
  --ml2-listing-ink:#17191e;
  --ml2-listing-text:#30343b;
  --ml2-listing-muted:#767c86;
  --ml2-listing-soft:#f6f7f8;
  --ml2-listing-surface:#fff;
  --ml2-listing-line:rgba(25,29,37,.10);
  --ml2-listing-line-strong:rgba(25,29,37,.16);
  --ml2-listing-accent:#d92f68;
  --ml2-listing-shadow:0 16px 42px rgba(22,27,36,.07);
}

/* The catalogue grows by columns, not by oversized product cards. */
html body.mutti-listing-v2 main[data-mutti-archive].shell{
  width:min(1680px,calc(100% - 48px))!important;
  max-width:1680px!important;
  padding-top:20px!important;
  padding-bottom:64px!important;
}

/* Remove the old giant glass panel: hierarchy comes from spacing and controls. */
html body.mutti-listing-v2 main[data-mutti-archive] .mutti-category-catalog{
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
}

html body.mutti-listing-v2 main[data-mutti-archive] .mutti-category-breadcrumbs-v8635{
  gap:7px!important;
  margin:0 0 18px!important;
  color:#9297a0!important;
  font-size:11.5px!important;
  line-height:1.4!important;
}
html body.mutti-listing-v2 main[data-mutti-archive] .mutti-category-breadcrumbs-v8635 a{
  color:#777d87!important;
  font-weight:570!important;
}
html body.mutti-listing-v2 main[data-mutti-archive] .mutti-category-breadcrumbs-v8635 strong{
  color:#4d525b!important;
  font-weight:650!important;
}

/* Category header: editorial enough to orient, compact enough to sell. */
html body.mutti-listing-v2 main[data-mutti-archive] .mutti-category-context-v8635{
  display:grid!important;
  gap:14px!important;
  margin:0 0 16px!important;
  padding:0 0 18px!important;
  border-bottom:1px solid var(--ml2-listing-line)!important;
}
html body.mutti-listing-v2 main[data-mutti-archive] .mutti-category-toolbar--v8635{
  margin:0!important;
}
html body.mutti-listing-v2 main[data-mutti-archive] .mutti-stage4-heading{
  display:grid!important;
  gap:8px!important;
}
html body.mutti-listing-v2 main[data-mutti-archive] .mutti-category-toolbar__title{
  display:flex!important;
  align-items:baseline!important;
  flex-wrap:wrap!important;
  gap:8px 12px!important;
  padding:0!important;
}
html body.mutti-listing-v2 main[data-mutti-archive] .mutti-category-toolbar__title h1{
  margin:0!important;
  color:var(--ml2-listing-ink)!important;
  font-size:clamp(34px,3vw,48px)!important;
  line-height:1.02!important;
  font-weight:720!important;
  letter-spacing:-.042em!important;
}
html body.mutti-listing-v2 main[data-mutti-archive] .mutti-category-toolbar__title>span{
  display:inline-flex!important;
  align-items:center!important;
  min-height:25px!important;
  margin:0!important;
  padding:0 9px!important;
  border:1px solid var(--ml2-listing-line)!important;
  border-radius:999px!important;
  background:var(--ml2-listing-soft)!important;
  color:#737983!important;
  font-size:11px!important;
  line-height:1!important;
  font-weight:650!important;
  white-space:nowrap!important;
}
html body.mutti-listing-v2 main[data-mutti-archive] .mutti-stage4-heading__copy{
  max-width:820px!important;
  margin:0!important;
  color:var(--ml2-listing-muted)!important;
  font-size:13px!important;
  line-height:1.55!important;
  font-weight:450!important;
}

/* Category/subcategory chips are navigation, not oversized buttons. */
html body.mutti-listing-v2 main[data-mutti-archive] .mutti-category-tabs-v8635{
  gap:7px!important;
  padding:0 0 2px!important;
}
html body.mutti-listing-v2 main[data-mutti-archive] .mutti-category-tabs-v8635 a,
html body.mutti-listing-v2 main[data-mutti-archive] .mutti-brand-quick-filters a{
  min-height:36px!important;
  padding:0 12px!important;
  border:1px solid var(--ml2-listing-line)!important;
  border-radius:10px!important;
  background:var(--ml2-listing-surface)!important;
  color:#3d424a!important;
  box-shadow:none!important;
  font-size:12px!important;
  line-height:1!important;
  font-weight:650!important;
  transform:none!important;
}
html body.mutti-listing-v2 main[data-mutti-archive] .mutti-category-tabs-v8635 a:hover,
html body.mutti-listing-v2 main[data-mutti-archive] .mutti-category-tabs-v8635 a:focus-visible,
html body.mutti-listing-v2 main[data-mutti-archive] .mutti-brand-quick-filters a:hover,
html body.mutti-listing-v2 main[data-mutti-archive] .mutti-brand-quick-filters a:focus-visible{
  border-color:rgba(217,47,104,.28)!important;
  color:#bd1d53!important;
  background:#fff!important;
  box-shadow:none!important;
  outline:0!important;
}
html body.mutti-listing-v2 main[data-mutti-archive] .mutti-category-tabs-v8635 a.is-active,
html body.mutti-listing-v2 main[data-mutti-archive] .mutti-brand-quick-filters a.is-active{
  border-color:#202329!important;
  background:#202329!important;
  color:#fff!important;
  box-shadow:none!important;
}

/* One deliberate commerce toolbar. Existing filter logic remains untouched. */
html body.mutti-listing-v2 main[data-mutti-archive] .mutti-stage4-controls{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:12px!important;
  min-width:0!important;
  margin:0 0 24px!important;
  padding:10px!important;
  border:1px solid var(--ml2-listing-line)!important;
  border-radius:16px!important;
  background:rgba(255,255,255,.94)!important;
  box-shadow:0 8px 24px rgba(20,24,32,.045)!important;
}
html body.mutti-listing-v2 main[data-mutti-archive] .mutti-stage4-controls__left{
  display:flex!important;
  align-items:center!important;
  flex-wrap:wrap!important;
  gap:7px!important;
  min-width:0!important;
}
html body.mutti-listing-v2 main[data-mutti-archive] .mutti-stage4-quick{
  gap:7px!important;
}
html body.mutti-listing-v2 main[data-mutti-archive] .mutti-stage4-quick a,
html body.mutti-listing-v2 main[data-mutti-archive] .mutti-stage4-filter>summary,
html body.mutti-listing-v2 main[data-mutti-archive] .mutti-stage4-price>summary{
  min-height:38px!important;
  padding:0 11px!important;
  border:1px solid var(--ml2-listing-line)!important;
  border-radius:10px!important;
  background:#fff!important;
  color:#353a42!important;
  box-shadow:none!important;
  font-size:12px!important;
  font-weight:650!important;
}
html body.mutti-listing-v2 main[data-mutti-archive] .mutti-stage4-quick a:hover,
html body.mutti-listing-v2 main[data-mutti-archive] .mutti-stage4-filter>summary:hover,
html body.mutti-listing-v2 main[data-mutti-archive] .mutti-stage4-price>summary:hover{
  border-color:var(--ml2-listing-line-strong)!important;
  background:#fafafa!important;
}
html body.mutti-listing-v2 main[data-mutti-archive] .mutti-stage4-quick a.is-active{
  border-color:#23262c!important;
  background:#23262c!important;
  color:#fff!important;
}
html body.mutti-listing-v2 main[data-mutti-archive] .mutti-stage4-sort{
  flex:0 0 auto!important;
  margin:0!important;
}
html body.mutti-listing-v2 main[data-mutti-archive] .mutti-stage4-sort label{
  min-height:38px!important;
  padding:0 7px 0 11px!important;
  border:1px solid var(--ml2-listing-line)!important;
  border-radius:10px!important;
  background:#fff!important;
}
html body.mutti-listing-v2 main[data-mutti-archive] .mutti-stage4-sort label>span{
  color:#8a9099!important;
  font-size:10.5px!important;
  font-weight:620!important;
}
html body.mutti-listing-v2 main[data-mutti-archive] .mutti-stage4-sort select{
  min-height:34px!important;
  max-width:215px!important;
  color:#30353d!important;
  font-size:12px!important;
  font-weight:650!important;
}

/* Filter overlays: one visual language. */
html body.mutti-listing-v2 main[data-mutti-archive] .mutti-stage4-filter__panel,
html body.mutti-listing-v2 main[data-mutti-archive] .mutti-stage4-price__panel{
  z-index:80!important;
  border:1px solid var(--ml2-listing-line)!important;
  border-radius:18px!important;
  background:#fff!important;
  color:var(--ml2-listing-text)!important;
  box-shadow:0 22px 64px rgba(18,22,30,.14)!important;
}
html body.mutti-listing-v2 main[data-mutti-archive] .mutti-stage4-filter__panel input,
html body.mutti-listing-v2 main[data-mutti-archive] .mutti-stage4-filter__panel select,
html body.mutti-listing-v2 main[data-mutti-archive] .mutti-stage4-price__panel input{
  border-color:var(--ml2-listing-line)!important;
  background:#f8f9fa!important;
}
html body.mutti-listing-v2 main[data-mutti-archive] .mutti-stage4-active-summary{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:10px!important;
  margin:-12px 0 20px!important;
  padding:8px 11px!important;
  border-radius:10px!important;
  background:#f7f8f9!important;
  color:#69707a!important;
  font-size:11px!important;
}
html body.mutti-listing-v2 main[data-mutti-archive] .mutti-stage4-active-summary a{
  color:#b51d50!important;
  font-weight:680!important;
}

/* Canonical density contract. Wide screens gain columns, never giant cards. */
html body.mutti-listing-v2 main[data-mutti-archive] .mutti-category-product-grid{
  display:grid!important;
  grid-template-columns:repeat(7,minmax(0,1fr))!important;
  align-items:stretch!important;
  gap:28px 12px!important;
  width:100%!important;
}
html body.mutti-listing-v2 main[data-mutti-archive] .mutti-category-product-grid>.mutti-market-card{
  width:100%!important;
  min-width:0!important;
  height:100%!important;
}

/* Progressive loading should signal activity without moving the page around. */
html body.mutti-listing-v2 main[data-mutti-archive] .mutti-progressive-sentinel-v8644,
html body.mutti-listing-v2 main[data-mutti-archive] .mutti-progressive-sentinel-v8643,
html body.mutti-listing-v2 main[data-mutti-archive] .mutti-progressive-sentinel-v8641{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:9px!important;
  min-height:64px!important;
  margin:18px auto 0!important;
  color:#858b94!important;
  font-size:11px!important;
  font-weight:620!important;
}
html body.mutti-listing-v2 main[data-mutti-archive] .mutti-progressive-sentinel-v8644>span,
html body.mutti-listing-v2 main[data-mutti-archive] .mutti-progressive-sentinel-v8643>span,
html body.mutti-listing-v2 main[data-mutti-archive] .mutti-progressive-sentinel-v8641>span{
  width:15px!important;
  height:15px!important;
  border:2px solid #e0e3e7!important;
  border-top-color:#555b65!important;
  border-radius:50%!important;
  animation:ml2-listing-spin .7s linear infinite!important;
}
@keyframes ml2-listing-spin{to{transform:rotate(360deg)}}

html body.mutti-listing-v2 main[data-mutti-archive] .mutti-category-empty{
  display:grid!important;
  justify-items:center!important;
  max-width:620px!important;
  margin:40px auto!important;
  padding:48px 24px!important;
  border:1px solid var(--ml2-listing-line)!important;
  border-radius:20px!important;
  background:#fafbfb!important;
  text-align:center!important;
}
html body.mutti-listing-v2 main[data-mutti-archive] .mutti-category-empty>span{
  display:grid!important;
  place-items:center!important;
  width:48px!important;
  height:48px!important;
  margin-bottom:12px!important;
  border-radius:50%!important;
  background:#fff!important;
  color:#737a84!important;
  box-shadow:inset 0 0 0 1px var(--ml2-listing-line)!important;
}
html body.mutti-listing-v2 main[data-mutti-archive] .mutti-category-empty h2{
  margin:0!important;
  color:var(--ml2-listing-ink)!important;
  font-size:22px!important;
  letter-spacing:-.025em!important;
}
html body.mutti-listing-v2 main[data-mutti-archive] .mutti-category-empty p{
  max-width:430px!important;
  margin:8px 0 18px!important;
  color:var(--ml2-listing-muted)!important;
  font-size:13px!important;
  line-height:1.5!important;
}

/* Desktop / tablet density. */
@media (max-width:1499px){
  html body.mutti-listing-v2 main[data-mutti-archive] .mutti-category-product-grid{
    grid-template-columns:repeat(6,minmax(0,1fr))!important;
  }
}
@media (max-width:1199px){
  html body.mutti-listing-v2 main[data-mutti-archive].shell{
    width:min(100% - 32px,1180px)!important;
  }
  html body.mutti-listing-v2 main[data-mutti-archive] .mutti-category-product-grid{
    grid-template-columns:repeat(5,minmax(0,1fr))!important;
    gap:26px 11px!important;
  }
}
@media (max-width:999px){
  html body.mutti-listing-v2 main[data-mutti-archive] .mutti-category-product-grid{
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
  }
  html body.mutti-listing-v2 main[data-mutti-archive] .mutti-stage4-controls{
    align-items:flex-start!important;
  }
}
@media (max-width:799px){
  html body.mutti-listing-v2 main[data-mutti-archive].shell{
    width:calc(100% - 20px)!important;
    padding-top:12px!important;
    padding-bottom:42px!important;
  }
  html body.mutti-listing-v2 main[data-mutti-archive] .mutti-category-product-grid{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:22px 10px!important;
  }
  html body.mutti-listing-v2 main[data-mutti-archive] .mutti-category-toolbar__title h1{
    font-size:32px!important;
  }
  html body.mutti-listing-v2 main[data-mutti-archive] .mutti-stage4-controls{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) auto!important;
  }
  html body.mutti-listing-v2 main[data-mutti-archive] .mutti-stage4-controls__left{
    flex-wrap:nowrap!important;
    overflow-x:auto!important;
    overscroll-behavior-x:contain!important;
    scrollbar-width:none!important;
    padding-bottom:1px!important;
  }
  html body.mutti-listing-v2 main[data-mutti-archive] .mutti-stage4-controls__left::-webkit-scrollbar{display:none!important}
}

/* Phone: two useful cards per row, horizontal facets, bottom-sheet-like panels. */
@media (max-width:619px){
  html body.mutti-listing-v2 main[data-mutti-archive].shell{
    width:calc(100% - 14px)!important;
    padding-top:10px!important;
  }
  html body.mutti-listing-v2 main[data-mutti-archive] .mutti-category-breadcrumbs-v8635{
    margin-bottom:12px!important;
    font-size:10.5px!important;
  }
  html body.mutti-listing-v2 main[data-mutti-archive] .mutti-category-context-v8635{
    gap:11px!important;
    margin-bottom:12px!important;
    padding-bottom:14px!important;
  }
  html body.mutti-listing-v2 main[data-mutti-archive] .mutti-category-toolbar__title{
    gap:6px 9px!important;
  }
  html body.mutti-listing-v2 main[data-mutti-archive] .mutti-category-toolbar__title h1{
    font-size:28px!important;
    line-height:1.04!important;
  }
  html body.mutti-listing-v2 main[data-mutti-archive] .mutti-category-toolbar__title>span{
    min-height:22px!important;
    padding:0 7px!important;
    font-size:10px!important;
  }
  html body.mutti-listing-v2 main[data-mutti-archive] .mutti-stage4-heading__copy{
    font-size:11.5px!important;
    line-height:1.5!important;
  }
  html body.mutti-listing-v2 main[data-mutti-archive] .mutti-category-tabs-v8635{
    margin-right:-7px!important;
    padding-right:7px!important;
  }
  html body.mutti-listing-v2 main[data-mutti-archive] .mutti-category-tabs-v8635 a,
  html body.mutti-listing-v2 main[data-mutti-archive] .mutti-brand-quick-filters a{
    min-height:34px!important;
    padding:0 11px!important;
    font-size:11px!important;
  }
  html body.mutti-listing-v2 main[data-mutti-archive] .mutti-stage4-controls{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:8px!important;
    margin-bottom:18px!important;
    padding:8px!important;
    border-radius:14px!important;
  }
  html body.mutti-listing-v2 main[data-mutti-archive] .mutti-stage4-controls__left{
    width:100%!important;
  }
  html body.mutti-listing-v2 main[data-mutti-archive] .mutti-stage4-quick a,
  html body.mutti-listing-v2 main[data-mutti-archive] .mutti-stage4-filter>summary,
  html body.mutti-listing-v2 main[data-mutti-archive] .mutti-stage4-price>summary{
    min-height:36px!important;
    flex:0 0 auto!important;
    font-size:11px!important;
  }
  html body.mutti-listing-v2 main[data-mutti-archive] .mutti-stage4-sort,
  html body.mutti-listing-v2 main[data-mutti-archive] .mutti-stage4-sort label{
    width:100%!important;
  }
  html body.mutti-listing-v2 main[data-mutti-archive] .mutti-stage4-sort label{
    display:flex!important;
    justify-content:space-between!important;
  }
  html body.mutti-listing-v2 main[data-mutti-archive] .mutti-stage4-sort select{
    flex:1 1 auto!important;
    width:auto!important;
    max-width:none!important;
    text-align:right!important;
  }
  html body.mutti-listing-v2 main[data-mutti-archive] .mutti-stage4-filter__panel,
  html body.mutti-listing-v2 main[data-mutti-archive] .mutti-stage4-price__panel{
    position:fixed!important;
    top:auto!important;
    left:10px!important;
    right:10px!important;
    bottom:10px!important;
    width:auto!important;
    max-width:none!important;
    max-height:min(72vh,640px)!important;
    overflow:auto!important;
    padding:15px!important;
    border-radius:20px!important;
    z-index:100020!important;
  }
  html body.mutti-listing-v2 main[data-mutti-archive] .mutti-stage4-filter__grid{
    grid-template-columns:1fr!important;
  }
  html body.mutti-listing-v2 main[data-mutti-archive] .mutti-category-product-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:20px 8px!important;
  }
}

/* Dark-theme parity without changing the neutral product-media policy. */
html[data-mutti-theme="dark"] body.mutti-listing-v2{
  --ml2-listing-ink:#f1efea;
  --ml2-listing-text:#e2dfda;
  --ml2-listing-muted:#a6a29b;
  --ml2-listing-soft:#292925;
  --ml2-listing-surface:#242420;
  --ml2-listing-line:rgba(255,255,255,.10);
  --ml2-listing-line-strong:rgba(255,255,255,.17);
}
html[data-mutti-theme="dark"] body.mutti-listing-v2 main[data-mutti-archive] .mutti-category-breadcrumbs-v8635 a,
html[data-mutti-theme="dark"] body.mutti-listing-v2 main[data-mutti-archive] .mutti-category-breadcrumbs-v8635 strong{
  color:#aaa69f!important;
  -webkit-text-fill-color:#aaa69f!important;
}
html[data-mutti-theme="dark"] body.mutti-listing-v2 main[data-mutti-archive] .mutti-category-toolbar__title h1{
  color:var(--ml2-listing-ink)!important;
  -webkit-text-fill-color:var(--ml2-listing-ink)!important;
}
html[data-mutti-theme="dark"] body.mutti-listing-v2 main[data-mutti-archive] .mutti-category-toolbar__title>span{
  background:#2d2d29!important;
  color:#aaa69f!important;
  -webkit-text-fill-color:#aaa69f!important;
}
html[data-mutti-theme="dark"] body.mutti-listing-v2 main[data-mutti-archive] .mutti-category-tabs-v8635 a,
html[data-mutti-theme="dark"] body.mutti-listing-v2 main[data-mutti-archive] .mutti-brand-quick-filters a,
html[data-mutti-theme="dark"] body.mutti-listing-v2 main[data-mutti-archive] .mutti-stage4-controls,
html[data-mutti-theme="dark"] body.mutti-listing-v2 main[data-mutti-archive] .mutti-stage4-quick a,
html[data-mutti-theme="dark"] body.mutti-listing-v2 main[data-mutti-archive] .mutti-stage4-filter>summary,
html[data-mutti-theme="dark"] body.mutti-listing-v2 main[data-mutti-archive] .mutti-stage4-price>summary,
html[data-mutti-theme="dark"] body.mutti-listing-v2 main[data-mutti-archive] .mutti-stage4-sort label,
html[data-mutti-theme="dark"] body.mutti-listing-v2 main[data-mutti-archive] .mutti-stage4-filter__panel,
html[data-mutti-theme="dark"] body.mutti-listing-v2 main[data-mutti-archive] .mutti-stage4-price__panel{
  border-color:var(--ml2-listing-line)!important;
  background:#242420!important;
  color:#e4e1db!important;
}
html[data-mutti-theme="dark"] body.mutti-listing-v2 main[data-mutti-archive] .mutti-stage4-sort select{
  color:#e4e1db!important;
}
html[data-mutti-theme="dark"] body.mutti-listing-v2 main[data-mutti-archive] .mutti-stage4-active-summary,
html[data-mutti-theme="dark"] body.mutti-listing-v2 main[data-mutti-archive] .mutti-category-empty{
  background:#292925!important;
  color:#aaa69f!important;
}

@media (prefers-reduced-motion:reduce){
  html body.mutti-listing-v2 main[data-mutti-archive] .mutti-progressive-sentinel-v8644>span,
  html body.mutti-listing-v2 main[data-mutti-archive] .mutti-progressive-sentinel-v8643>span,
  html body.mutti-listing-v2 main[data-mutti-archive] .mutti-progressive-sentinel-v8641>span{
    animation:none!important;
  }
}