/* ZS_DESIGN_CRAFT_V1 — PLP space · single AI · PDP commerce · type · photo grade */

/* 4) Product library hero — cut ~60–90px top whitespace */
body[data-page="catalog"] .catalog-hero,
body[data-page="products"] .catalog-hero{
  padding:clamp(18px,2.6vh,32px) 0 clamp(22px,3vh,36px) !important;
}
body[data-page="catalog"] .catalog-hero .hub-brand,
body[data-page="products"] .catalog-hero .hub-brand{
  margin-bottom:8px !important;
}
body[data-page="catalog"] .catalog-hero .crumb,
body[data-page="products"] .catalog-hero .crumb{
  margin-bottom:12px !important;
}
body[data-page="catalog"] .catalog-hero .eyebrow,
body[data-page="products"] .catalog-hero .eyebrow{
  margin-bottom:10px !important;
}
body[data-page="catalog"] .catalog-hero .facts-line,
body[data-page="catalog"] .catalog-hero .hub-meta,
body[data-page="products"] .catalog-hero .facts-line{
  margin-top:18px !important;
}
body[data-page="catalog"] .catalog-hero h1,
body[data-page="products"] .catalog-hero h1{
  margin-top:0;
  font-family:var(--display) !important;
  font-style:normal !important;
  font-synthesis:none !important;
  font-weight:600;
  letter-spacing:-.032em;
  line-height:1.08;
  max-width:14ch;
  text-wrap:balance;
}

/* 5) One primary Ask AI — global FAB only */
.plp-ask-ai,
#btn-ask-ai,
#pdp-ask-ai,
.pdp-ask-btn,
.zs-ai-inline-btn{
  display:none !important;
}

/* 6) PDP commerce summary + fold — calmer, more atelier */
.pdp-commerce-summary{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:0;
  margin:20px 0 14px;
  border:1px solid var(--line);
  background:var(--ivory,#FBFBF9);
  box-shadow:none;
}
.pdp-commerce-summary > div{
  padding:16px 14px 14px;
  border-right:1px solid var(--line);
  min-width:0;
}
.pdp-commerce-summary > div:last-child{border-right:0}
.pdp-commerce-summary b{
  display:block;
  font-family:var(--mono);
  font-size:clamp(17px,1.45vw,20px);
  font-weight:500;
  letter-spacing:-.025em;
  line-height:1.1;
  color:var(--onyx);
  font-variant-numeric:tabular-nums;
  font-synthesis:none;
}
.pdp-commerce-summary span{
  display:block;
  margin-top:8px;
  font-family:var(--data);
  font-size:10px;
  letter-spacing:.12em;
  text-transform:uppercase;
  color:var(--ash);
  line-height:1.4;
  font-weight:500;
}
.pdp-commerce-details{
  margin:6px 0 20px;
  border:1px solid var(--line);
  background:#fff;
}
.pdp-commerce-details > summary{
  cursor:pointer;
  list-style:none;
  padding:13px 16px;
  font-family:var(--data);
  font-size:10.5px;
  letter-spacing:.12em;
  text-transform:uppercase;
  font-weight:600;
  color:var(--muted);
}
.pdp-commerce-details > summary::-webkit-details-marker{display:none}
.pdp-commerce-details > summary::after{
  content:"+";
  float:right;
  color:var(--ash);
  font-weight:500;
  font-family:var(--body);
}
.pdp-commerce-details[open] > summary::after{content:"−"}
.pdp-commerce-details[open] > summary{
  border-bottom:1px solid var(--line);
  color:var(--onyx);
}
.pdp-commerce-details .pdp-commerce-body{
  padding:16px 18px 18px;
}
.pdp-commerce-details .pdp-atelier-lede{
  margin:0 0 12px;
  font-family:var(--body);
  font-size:14.5px;
  line-height:1.65;
  color:var(--muted);
}
.pdp-commerce-details .pdp-atelier-scope{
  display:flex;flex-wrap:wrap;gap:6px;
  list-style:none;margin:0 0 12px;padding:0;
}
.pdp-commerce-details .pdp-atelier-scope li{
  font-family:var(--data);font-size:10.5px;letter-spacing:.06em;
  text-transform:uppercase;padding:5px 8px;border:1px solid var(--line);
  background:var(--ivory,#FBFBF9);color:var(--ash);
}
.pdp-commerce-details .pdp-atelier-fabric,
.pdp-commerce-details .pdp-price-note{
  margin:0 0 10px;
  font-family:var(--body);
  font-size:13.5px;
  line-height:1.55;
  color:var(--muted);
}
.pdp-commerce-details .pdp-price-note{margin-bottom:0}
.pdp-atelier-meta{display:none !important}

/* 7) Type system — Syne display · Plex Sans body · Plex Mono params
   Critical fix: Syne has NO italic — kill synthetic italic (looked like broken serif). */
:root{
  --display:"Syne","Avenir Next","Helvetica Neue",Arial,sans-serif !important;
  --body:"IBM Plex Sans","Avenir Next","Helvetica Neue",Arial,sans-serif !important;
  --data:"IBM Plex Sans","Avenir Next",Arial,sans-serif !important;
  --mono:"IBM Plex Mono","IBM Plex Sans",ui-monospace,Consolas,monospace !important;
}
html{
  font-synthesis:none;
}
body{
  font-family:var(--body) !important;
  font-synthesis:none;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
}
h1,h2,h3,.logo-text,.pdp-title{
  font-synthesis:none;
}

/* Emphasized title words: same Syne upright + gold — never fake italic */
h1 em,h2 em,
.page-hero h1 em,
.catalog-hero h1 em,
.manifesto-hero h1 em,
.phero h1 em,
.hub-hero h1 em,
.cap-hero h1 em,
.ml-hero h1 em,
.hero-bleed h1 em,
.hero h1 em,
.hero-split h1 em,
.hero-atelier h1 em,
.nda-hero h1 em{
  font-family:var(--display) !important;
  font-style:normal !important;
  font-synthesis:none !important;
  font-weight:600 !important;
  color:var(--gold,#7A6848) !important;
  letter-spacing:inherit;
  background:none !important;
  -webkit-background-clip:initial !important;
  background-clip:initial !important;
}
/* Light heroes: soft gold highlight */
.hero-bleed h1 em,
.phero h1 em,
.cap-hero h1 em{
  color:var(--gold-l,#A89068) !important;
}

/* Product titles — Syne with readable leading (was too dense) */
[data-page="pdp"] .pdp-title,
[data-page="pdp"] #pdp-title{
  font-family:var(--display) !important;
  font-weight:600 !important;
  font-style:normal !important;
  font-synthesis:none !important;
  font-size:clamp(24px,2.6vw,34px) !important;
  letter-spacing:-.028em !important;
  line-height:1.2 !important;
  max-width:22ch;
  text-wrap:balance;
  margin:0 0 14px !important;
}

/* Product card names — body face, not display (15px Syne looked broken) */
.pc-body h3,
.pc-name-text,
.pcard .pc-name,
.pcard h3{
  font-family:var(--body) !important;
  font-weight:600 !important;
  font-style:normal !important;
  font-synthesis:none !important;
  letter-spacing:-.018em;
  line-height:1.3;
}

/* Mono ONLY for true numerals / codes — not policy copy */
.pmeta b,
.hub-meta b,
.facts-line b,
.ml-meta b,
.pdp-commerce-summary b,
.pc-count,
.stat-num,
.pgrid b{
  font-family:var(--mono) !important;
  font-variant-numeric:tabular-nums;
  font-synthesis:none;
  font-weight:500;
}
[data-zs-policy]{
  font-family:var(--body) !important;
}
[data-zs-policy] b,
[data-zs-policy] strong{
  font-family:var(--mono) !important;
  font-weight:600;
}

/* UI chrome stays Plex Sans */
.btn,.cta,.menu>li>a,.nav-quiet,.crumb,.eyebrow,
.catfilter button,.plp-chip,.pc-cat,.pc-fab,.pc-cta{
  font-family:var(--data) !important;
  font-synthesis:none;
}

/* 8) Unified photo grade — warm, desaturated, no HDR crush */
.pcard .pc-img img,
.pcard .pc-img picture img,
.pdp-gallery img,
.pdp-main img,
.pdp-thumbs img,
.hero-bleed-img,
.hub-hero img,
.cap-hero img,
.hub-hero .hub-hero-img,
.cap-hero .cap-hero-img,
.factphotos img,
.floor img,
.home-floor img,
.showroom img,
.cm-hero-band > img,
figure img:not(.logo):not(.flogo){
  filter:saturate(.9) contrast(.97) brightness(1.02) sepia(.05) hue-rotate(-5deg) !important;
}
/* Don't grade brand marks / UI icons / text chips */
.logo,.flogo,.nav-logo img,svg.logo,img.logo,
.ml-card-code{filter:none !important}

/* 9) PDP Atelier dossier — quiet labels + condensed story */
[data-page="pdp"] #pdp-story.pdp-story,
[data-page="pdp"] .pdp-story{
  margin-top:clamp(28px,4vw,48px);
  padding-top:clamp(24px,3.5vw,40px);
  border-top:1px solid var(--line);
  max-width:920px;
}
[data-page="pdp"] #pdp-seo-bullets,
[data-page="pdp"] .pdp-closing,
[data-page="pdp"] .pdp-seo-bin,
[data-page="pdp"] .pdp-mod--mute{
  display:none !important;
}
[data-page="pdp"] .pdp-spec-strip{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:0;
  margin:0 0 clamp(28px,3.5vw,40px);
  border:1px solid var(--line);
  background:var(--ivory,#FBFBF9);
}
[data-page="pdp"] .pdp-spec-cell{
  padding:20px 22px 22px;
  border-right:1px solid var(--line);
  min-width:0;
}
[data-page="pdp"] .pdp-spec-cell:last-child{border-right:0}
[data-page="pdp"] .pdp-spec-label,
[data-page="pdp"] .pdp-overview-label,
[data-page="pdp"] .pdp-faq-atelier > h2,
[data-page="pdp"] .pdp-mod--dossier > h2,
[data-page="pdp"] .pdp-mod--dossier > h3{
  display:block;
  font-family:var(--data) !important;
  font-size:11px !important;
  font-weight:600 !important;
  font-style:normal !important;
  font-synthesis:none !important;
  letter-spacing:.14em !important;
  text-transform:uppercase !important;
  line-height:1.35 !important;
  color:var(--ash,#5C6168) !important;
  margin:0 0 12px !important;
  max-width:none !important;
}
[data-page="pdp"] .pdp-spec-cell p,
[data-page="pdp"] .pdp-spec-cell ul,
[data-page="pdp"] .pdp-overview-copy,
[data-page="pdp"] .pdp-mod--dossier p,
[data-page="pdp"] .pdp-mod--dossier li,
[data-page="pdp"] .pdp-faq-atelier details p{
  font-family:var(--body) !important;
  font-size:15px !important;
  font-weight:400 !important;
  line-height:1.72 !important;
  letter-spacing:-.006em;
  color:var(--muted,#3A3F46) !important;
  margin:0 !important;
  max-width:58ch;
}
[data-page="pdp"] .pdp-overview{
  margin:0 0 clamp(28px,3.5vw,40px);
  padding:0 0 clamp(24px,3vw,32px);
  border-bottom:1px solid rgba(11,12,15,.08);
}
[data-page="pdp"] .pdp-overview-copy{
  display:-webkit-box;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:4;
  line-clamp:4;
  overflow:hidden;
}
[data-page="pdp"] .pdp-faq-atelier{
  margin:0 0 clamp(24px,3vw,36px);
  max-width:68ch;
}
[data-page="pdp"] .pdp-faq-atelier details{
  border-bottom:1px solid rgba(11,12,15,.08);
  padding:12px 0;
}
[data-page="pdp"] .pdp-faq-atelier summary{
  cursor:pointer;
  list-style:none;
  font-family:var(--body);
  font-size:14.5px;
  font-weight:500;
  line-height:1.45;
  color:var(--onyx);
  padding-right:28px;
  position:relative;
}
[data-page="pdp"] .pdp-faq-atelier summary::-webkit-details-marker{display:none}
[data-page="pdp"] .pdp-faq-atelier summary::after{
  content:"+";
  position:absolute;
  right:0;
  top:0;
  color:var(--ash);
  font-weight:400;
}
[data-page="pdp"] .pdp-faq-atelier details[open] > summary::after{content:"−"}
[data-page="pdp"] .pdp-faq-atelier details p{
  margin-top:10px !important;
  padding-bottom:4px;
}
[data-page="pdp"] .pdp-dossier{
  margin:0 0 clamp(28px,4vw,48px);
  border:1px solid var(--line);
  background:#fff;
  max-width:68ch;
}
[data-page="pdp"] .pdp-dossier > summary{
  cursor:pointer;
  list-style:none;
  padding:14px 16px;
  font-family:var(--data);
  font-size:10.5px;
  letter-spacing:.12em;
  text-transform:uppercase;
  font-weight:600;
  color:var(--muted);
}
[data-page="pdp"] .pdp-dossier > summary::-webkit-details-marker{display:none}
[data-page="pdp"] .pdp-dossier > summary::after{
  content:"+";
  float:right;
  color:var(--ash);
  font-family:var(--body);
  font-weight:500;
}
[data-page="pdp"] .pdp-dossier[open] > summary::after{content:"−"}
[data-page="pdp"] .pdp-dossier[open] > summary{
  border-bottom:1px solid var(--line);
  color:var(--onyx);
}
[data-page="pdp"] .pdp-dossier-body{
  padding:8px 18px 20px;
}
[data-page="pdp"] .pdp-mod--dossier{
  padding:18px 0 !important;
  border-bottom:1px solid rgba(11,12,15,.06) !important;
  max-width:none !important;
}
[data-page="pdp"] .pdp-mod--dossier:last-child{border-bottom:0 !important}
[data-page="pdp"] .pdp-mod--dossier ul{
  margin:0;
  padding:0;
  list-style:none;
  display:flex;
  flex-direction:column;
  gap:8px;
}
[data-page="pdp"] .pdp-mod--dossier ul li{
  position:relative;
  padding-left:14px;
}
[data-page="pdp"] .pdp-mod--dossier ul li::before{
  content:"";
  position:absolute;
  left:0;
  top:.72em;
  width:6px;
  height:1px;
  background:var(--gold,#7A6848);
}
/* Legacy stacked mods (pre-dossier) keep quiet labels if JS late */
[data-page="pdp"] .pdp-mod > h2,
[data-page="pdp"] .pdp-mod h2,
[data-page="pdp"] .pdp-story-card > h2,
[data-page="pdp"] .pdp-story-card > h3,
[data-page="pdp"] .pdp-story-faq > h3,
[data-page="pdp"] .pdp-bury h2,
[data-page="pdp"] .pdp-seo-block h2{
  font-family:var(--data) !important;
  font-size:11.5px !important;
  font-weight:600 !important;
  font-style:normal !important;
  font-synthesis:none !important;
  letter-spacing:.16em !important;
  text-transform:uppercase !important;
  line-height:1.4 !important;
  color:var(--onyx,#0B0C0F) !important;
  margin:0 0 16px !important;
  max-width:none !important;
}
[data-page="pdp"] .pdp-mod > p,
[data-page="pdp"] .pdp-mod .pdp-ssr-lead,
[data-page="pdp"] .pdp-mod li,
[data-page="pdp"] .pdp-story-card > p,
[data-page="pdp"] .pdp-ssr-meta p{
  font-family:var(--body) !important;
  font-size:15.5px !important;
  line-height:1.78 !important;
  color:var(--muted,#3A3F46) !important;
  margin:0 !important;
  max-width:58ch;
}
[data-page="pdp"] .pdp-story-head h2{
  font-family:var(--display) !important;
  font-size:clamp(22px,2.4vw,30px) !important;
  font-weight:600 !important;
  letter-spacing:-.028em !important;
  line-height:1.18 !important;
  text-transform:none !important;
  color:var(--onyx) !important;
  margin:8px 0 0 !important;
}
[data-page="pdp"] .pdp-kicker{
  font-family:var(--data) !important;
  font-size:10.5px !important;
  letter-spacing:.16em !important;
  text-transform:uppercase !important;
  color:var(--gold) !important;
  margin:0 !important;
}
[data-page="pdp"] .pdp-story-grid{
  gap:clamp(14px,2vw,22px) !important;
}
[data-page="pdp"] .pdp-story-card{
  background:var(--ivory,#FBFBF9) !important;
  border:1px solid var(--line) !important;
  padding:20px 20px 22px !important;
  box-shadow:none !important;
}

/* 10) PDP Lux atelier — mill dossier atmosphere */
[data-page="pdp"]{
  --pdp-paper:#F3F2EF;
  --pdp-rail:#FAFAF8;
  --pdp-ink:#12131A;
  --pdp-mute:#5A5F66;
  --pdp-rule:rgba(18,19,26,.1);
  --pdp-gold:#7A6848;
}
[data-page="pdp"] .pdp-wrap{
  background:
    linear-gradient(180deg,var(--pdp-paper) 0%,#EFEDE8 100%);
  padding-top:72px !important;
  gap:0 !important;
  max-width:1480px !important;
}
[data-page="pdp"] .pdp-gallery{
  background:transparent !important;
  padding:clamp(20px,2.5vw,36px) clamp(12px,1.5vw,20px) clamp(48px,6vw,80px) clamp(16px,2vw,28px) !important;
}
[data-page="pdp"] .pdp-img-main,
[data-page="pdp"] .pdp-img-main img,
[data-page="pdp"] .pdp-img-main picture{
  border-radius:0 !important;
}
[data-page="pdp"] .pdp-thumb{
  border-radius:0 !important;
  opacity:.72;
  transition:opacity .25s var(--ease,ease), box-shadow .25s ease;
}
[data-page="pdp"] .pdp-thumb:hover,
[data-page="pdp"] .pdp-thumb.on{
  opacity:1;
}
[data-page="pdp"] .pdp-thumb.on{
  box-shadow:inset 0 0 0 1.5px var(--pdp-ink) !important;
}
[data-page="pdp"] .pdp-thumb-tag{
  font-family:var(--data) !important;
  font-size:8.5px !important;
  letter-spacing:.14em !important;
  opacity:.55;
  background:rgba(18,19,26,.55) !important;
}
[data-page="pdp"] .pdp-info,
[data-page="pdp"] .pdp-info--atelier{
  background:var(--pdp-rail) !important;
  padding:clamp(28px,3.5vw,48px) clamp(22px,2.8vw,40px) clamp(40px,5vw,72px) !important;
  border-left:1px solid var(--pdp-rule);
  min-height:100%;
}
[data-page="pdp"] .pdp-cat{
  font-family:var(--data) !important;
  font-size:10px !important;
  font-weight:600 !important;
  letter-spacing:.2em !important;
  text-transform:uppercase !important;
  color:var(--pdp-gold) !important;
  margin:0 0 14px !important;
}
[data-page="pdp"] .pdp-title,
[data-page="pdp"] #pdp-title{
  font-family:var(--display) !important;
  font-size:clamp(26px,2.8vw,36px) !important;
  font-weight:600 !important;
  letter-spacing:-.03em !important;
  line-height:1.16 !important;
  color:var(--pdp-ink) !important;
  margin:0 0 12px !important;
  max-width:16ch !important;
  text-wrap:balance;
}
[data-page="pdp"] #pdp-fabric,
[data-page="pdp"] .pdp-fabric{
  margin:0 0 28px !important;
  padding:0 !important;
  font-size:13px !important;
  letter-spacing:.02em;
}
[data-page="pdp"] #pdp-fabric a{
  color:var(--pdp-mute) !important;
  text-decoration:none !important;
  border-bottom:1px solid rgba(122,104,72,.35);
  padding-bottom:2px;
  transition:color .2s ease, border-color .2s ease;
}
[data-page="pdp"] #pdp-fabric a:hover{
  color:var(--pdp-ink) !important;
  border-bottom-color:var(--pdp-ink);
}
[data-page="pdp"] .pdp-commerce-summary{
  margin:0 0 12px !important;
  border:0 !important;
  border-top:1px solid var(--pdp-rule) !important;
  border-bottom:1px solid var(--pdp-rule) !important;
  background:transparent !important;
  box-shadow:none !important;
}
[data-page="pdp"] .pdp-commerce-summary > div{
  padding:18px 14px 16px 0 !important;
  border-right:1px solid var(--pdp-rule) !important;
}
[data-page="pdp"] .pdp-commerce-summary > div:last-child{
  border-right:0 !important;
  padding-right:0 !important;
}
[data-page="pdp"] .pdp-commerce-summary > div:not(:first-child){
  padding-left:16px !important;
}
[data-page="pdp"] .pdp-commerce-summary b{
  font-size:clamp(18px,1.6vw,22px) !important;
  font-weight:500 !important;
  letter-spacing:-.03em !important;
}
[data-page="pdp"] .pdp-commerce-summary span{
  margin-top:8px !important;
  letter-spacing:.14em !important;
  color:var(--pdp-mute) !important;
}
[data-page="pdp"] .pdp-commerce-details{
  margin:0 0 28px !important;
  border:0 !important;
  border-bottom:1px solid var(--pdp-rule) !important;
  background:transparent !important;
}
[data-page="pdp"] .pdp-commerce-details > summary{
  padding:12px 0 !important;
  color:var(--pdp-mute) !important;
  letter-spacing:.14em !important;
}
[data-page="pdp"] .pdp-commerce-details[open] > summary{
  color:var(--pdp-ink) !important;
  border-bottom:0 !important;
}
[data-page="pdp"] .pdp-commerce-details .pdp-commerce-body{
  padding:4px 0 18px !important;
}
[data-page="pdp"] .pdp-section{
  margin:0 0 22px !important;
  padding:0 !important;
  border:0 !important;
}
[data-page="pdp"] .pdp-section--colour .pdp-label,
[data-page="pdp"] .pdp-section--size .pdp-label-row{
  font-family:var(--data) !important;
  font-size:10.5px !important;
  letter-spacing:.14em !important;
  text-transform:uppercase !important;
  color:var(--pdp-mute) !important;
  margin-bottom:12px !important;
}
[data-page="pdp"] .pdp-section--colour .pdp-label b,
[data-page="pdp"] #pdp-color-name{
  color:var(--pdp-ink) !important;
  font-weight:500 !important;
  letter-spacing:.04em !important;
  text-transform:none !important;
  font-size:12.5px !important;
}
[data-page="pdp"] .pdp-swatches{gap:10px !important}
[data-page="pdp"] .pc-sw{
  width:18px !important;
  height:18px !important;
  border-radius:50% !important;
}
/* PDP colour chips are .pdsw (thumb + name) — never force .pdp-swatches button to dots */
[data-page="pdp"] .pdsw{
  display:inline-flex !important;
  align-items:center !important;
  gap:8px !important;
  width:auto !important;
  height:auto !important;
  min-height:44px !important;
  padding:4px 12px 4px 4px !important;
  border:1px solid rgba(18,19,26,.12) !important;
  border-radius:0 !important;
  background:#fff !important;
  font-family:var(--body) !important;
  font-size:12px !important;
  line-height:1.2 !important;
  color:var(--pdp-ink,#12131A) !important;
  cursor:pointer !important;
  text-indent:0 !important;
  white-space:nowrap !important;
  overflow:visible !important;
  box-shadow:none !important;
}
[data-page="pdp"] .pdsw-thumb{
  width:28px !important;
  height:36px !important;
  object-fit:cover !important;
  display:block !important;
  flex:none !important;
  background:var(--mist,#E8E6E1) !important;
}
[data-page="pdp"] .pdsw i{
  width:18px !important;
  height:18px !important;
  border-radius:50% !important;
  display:block !important;
  flex:none !important;
  margin:0 4px !important;
}
[data-page="pdp"] .pdsw-name{
  font-size:12px !important;
  color:inherit !important;
  letter-spacing:.01em !important;
}
[data-page="pdp"] .pdsw.on{
  border-color:#16171C !important;
  background:#F7F6F3 !important;
}
[data-page="pdp"] .pdsw:hover{
  border-color:rgba(18,19,26,.35) !important;
}
[data-page="pdp"] .pdp-sizes{gap:8px !important}
[data-page="pdp"] .pdp-sizes button,
[data-page="pdp"] .pdp-size{
  min-width:44px;
  height:40px;
  border:1px solid var(--pdp-rule) !important;
  border-radius:0 !important;
  background:transparent !important;
  font-family:var(--data) !important;
  font-size:11px !important;
  letter-spacing:.08em !important;
  color:var(--pdp-ink) !important;
  transition:background .2s ease, border-color .2s ease, color .2s ease;
}
[data-page="pdp"] .pdp-sizes button.on,
[data-page="pdp"] .pdp-size.on,
[data-page="pdp"] .pdp-sizes button[aria-pressed="true"]{
  background:var(--pdp-ink) !important;
  border-color:var(--pdp-ink) !important;
  color:#fff !important;
}
[data-page="pdp"] .pdp-ssr-cta{
  display:grid !important;
  grid-template-columns:1fr 1fr;
  gap:10px;
  margin:8px 0 18px !important;
}
[data-page="pdp"] .pdp-ssr-cta .btn{
  width:100%;
  justify-content:center;
  min-height:48px;
  border-radius:0 !important;
  font-size:10.5px !important;
  letter-spacing:.14em !important;
  font-weight:600 !important;
}
[data-page="pdp"] .pdp-ssr-cta .btn.solid{
  background:var(--pdp-ink) !important;
  border-color:var(--pdp-ink) !important;
}
[data-page="pdp"] .pdp-ssr-cta .btn.ghost{
  background:transparent !important;
  border-color:var(--pdp-ink) !important;
  color:var(--pdp-ink) !important;
}
[data-page="pdp"] .pdp-ssr-cta .btn.ghost:hover{
  background:rgba(18,19,26,.04) !important;
}
[data-page="pdp"] .pdp-section--quiet{
  margin:0 0 20px !important;
}
[data-page="pdp"] .pdp-add-quiet{
  appearance:none;
  border:0 !important;
  background:none !important;
  padding:0 !important;
  font-family:var(--data) !important;
  font-size:11px !important;
  letter-spacing:.1em !important;
  text-transform:uppercase !important;
  color:var(--pdp-mute) !important;
  text-decoration:underline;
  text-underline-offset:4px;
  cursor:pointer;
}
[data-page="pdp"] .pdp-brief{
  border:1px solid var(--pdp-rule) !important;
  background:#fff !important;
  margin:0 !important;
}
[data-page="pdp"] .pdp-brief > summary{
  padding:14px 16px !important;
  font-family:var(--data) !important;
  font-size:10.5px !important;
  letter-spacing:.12em !important;
  text-transform:uppercase !important;
  color:var(--pdp-mute) !important;
}
[data-page="pdp"] .pdp-policy,
[data-page="pdp"] .pdp-policy--muted{
  display:none !important;
}
[data-page="pdp"] #pdp-story.pdp-story{
  margin-top:0 !important;
  padding:clamp(48px,6vw,88px) clamp(20px,4vw,48px) clamp(40px,5vw,64px) !important;
  border-top:0 !important;
  background:#fff;
  max-width:none !important;
}
[data-page="pdp"] #pdp-story .pdp-spec-strip{
  max-width:920px;
  margin:0 auto clamp(36px,4vw,52px) !important;
  border-color:var(--pdp-rule) !important;
  background:linear-gradient(180deg,#FBFBF9 0%,#F6F5F2 100%) !important;
}
[data-page="pdp"] #pdp-story .pdp-overview,
[data-page="pdp"] #pdp-story .pdp-faq-atelier,
[data-page="pdp"] #pdp-story .pdp-dossier{
  max-width:720px;
  margin-left:auto;
  margin-right:auto;
}
[data-page="pdp"] #pdp-story .pdp-overview{
  border-bottom-color:var(--pdp-rule) !important;
}
[data-page="pdp"] #pdp-story .pdp-overview-copy{
  font-size:16px !important;
  line-height:1.8 !important;
  color:var(--pdp-mute) !important;
}
[data-page="pdp"] #pdp-story .pdp-dossier{
  border-color:var(--pdp-rule) !important;
}
[data-page="pdp"] #pdp-related{
  background:var(--pdp-paper) !important;
  padding:clamp(48px,6vw,88px) 0 !important;
  border-top:1px solid var(--pdp-rule);
}
[data-page="pdp"] #pdp-related h2,
[data-page="pdp"] .zs-rec-inner h2{
  font-family:var(--display) !important;
  font-size:clamp(22px,2.4vw,30px) !important;
  font-weight:600 !important;
  letter-spacing:-.028em !important;
  line-height:1.2 !important;
}
[data-page="pdp"] .pdp-spec-strip,
[data-page="pdp"] .pdp-overview,
[data-page="pdp"] .pdp-faq-atelier,
[data-page="pdp"] .pdp-dossier{
  animation:pdpLuxIn .7s var(--ease,cubic-bezier(.22,.61,.36,1)) both;
}
[data-page="pdp"] .pdp-overview{animation-delay:.06s}
[data-page="pdp"] .pdp-faq-atelier{animation-delay:.12s}
[data-page="pdp"] .pdp-dossier{animation-delay:.18s}
@keyframes pdpLuxIn{
  from{opacity:0;transform:translateY(10px)}
  to{opacity:1;transform:none}
}
@media (prefers-reduced-motion:reduce){
  [data-page="pdp"] .pdp-spec-strip,
  [data-page="pdp"] .pdp-overview,
  [data-page="pdp"] .pdp-faq-atelier,
  [data-page="pdp"] .pdp-dossier{
    animation:none !important;
  }
}

@media (max-width:720px){
  .pdp-commerce-summary{grid-template-columns:1fr 1fr}
  .pdp-commerce-summary > div:nth-child(3){
    grid-column:1 / -1;border-right:0;border-top:1px solid var(--line);
  }
  body[data-page="catalog"] .catalog-hero,
  body[data-page="products"] .catalog-hero{
    padding:8px 0 12px !important;
  }
  [data-page="pdp"] .pdp-title,
  [data-page="pdp"] #pdp-title{
    font-size:clamp(24px,7vw,30px) !important;
    max-width:none !important;
  }
  [data-page="pdp"] .pdp-spec-strip{grid-template-columns:1fr}
  [data-page="pdp"] .pdp-spec-cell{
    border-right:0;
    border-bottom:1px solid var(--line);
  }
  [data-page="pdp"] .pdp-spec-cell:last-child{border-bottom:0}
  [data-page="pdp"] .pdp-mod{
    padding:20px 0 24px;
  }
  [data-page="pdp"] .pdp-info,
  [data-page="pdp"] .pdp-info--atelier{
    border-left:0;
    border-top:1px solid var(--pdp-rule);
  }
  [data-page="pdp"] .pdp-ssr-cta{
    grid-template-columns:1fr;
  }
}
/* 11) Quiet luxury — editorial mill page (not wholesale dashboard) */
[data-page="pdp"] .pdp-thumb-tag{display:none !important}
[data-page="pdp"] .pdp-breadcrumb,
[data-page="pdp"] #pdp-breadcrumb,
[data-page="pdp"] .crumb{
  font-size:10.5px !important;
  letter-spacing:.04em;
  color:rgba(18,19,26,.38) !important;
  background:transparent !important;
  border:0 !important;
  padding:10px 0 0 !important;
  margin:0 0 8px !important;
}
[data-page="pdp"] .pdp-wrap{
  background:#F7F6F3 !important;
  padding:68px clamp(16px,3vw,40px) 0 !important;
  display:grid !important;
  grid-template-columns:minmax(0,1.2fr) minmax(320px,400px) !important;
  gap:clamp(28px,4vw,56px) !important;
  align-items:start !important;
}
[data-page="pdp"] .pdp-gallery{
  background:transparent !important;
  padding:12px 0 48px !important;
}
[data-page="pdp"] .pdp-info,
[data-page="pdp"] .pdp-info--atelier{
  background:transparent !important;
  border:0 !important;
  padding:18px 0 64px !important;
  position:sticky;
  top:78px;
}
[data-page="pdp"] .pdp-cat{
  color:rgba(18,19,26,.42) !important;
  letter-spacing:.22em !important;
  margin:0 0 18px !important;
}
[data-page="pdp"] .pdp-title,
[data-page="pdp"] #pdp-title{
  font-family:var(--body) !important;
  font-size:clamp(22px,2.2vw,28px) !important;
  font-weight:500 !important;
  letter-spacing:-.022em !important;
  line-height:1.28 !important;
  max-width:18ch !important;
  color:#16171C !important;
  margin:0 0 10px !important;
}
[data-page="pdp"] #pdp-fabric{
  margin:0 0 22px !important;
}
[data-page="pdp"] #pdp-fabric a{
  font-size:12.5px !important;
  color:rgba(18,19,26,.5) !important;
  border-bottom-color:rgba(18,19,26,.18) !important;
}
/* Whisper commerce — one elegant line, not a KPI board */
[data-page="pdp"] .pdp-commerce-summary{display:none !important}
[data-page="pdp"] .pdp-commerce-whisper{
  display:flex;
  flex-wrap:wrap;
  align-items:baseline;
  gap:10px 0;
  margin:0 0 20px;
  padding:16px 0;
  border-top:1px solid rgba(18,19,26,.1);
  border-bottom:1px solid rgba(18,19,26,.1);
  font-family:var(--body);
  font-size:13px;
  line-height:1.45;
  color:rgba(18,19,26,.55);
  letter-spacing:.01em;
}
[data-page="pdp"] .pdp-commerce-whisper b{
  font-family:var(--mono);
  font-weight:500;
  font-size:14px;
  letter-spacing:-.02em;
  color:#16171C;
  margin-right:4px;
}
[data-page="pdp"] .pdp-commerce-whisper > i{
  display:inline-block;
  width:1px;
  height:12px;
  margin:0 14px;
  background:rgba(18,19,26,.18);
  flex:none;
}
[data-page="pdp"] .pdp-commerce-details{
  margin:0 0 22px !important;
  border:0 !important;
  background:transparent !important;
}
[data-page="pdp"] .pdp-commerce-details > summary{
  padding:0 0 14px !important;
  font-size:10px !important;
  letter-spacing:.16em !important;
  color:rgba(18,19,26,.4) !important;
  border:0 !important;
}
[data-page="pdp"] .pdp-ssr-cta{
  margin:0 0 28px !important;
  gap:8px !important;
}
[data-page="pdp"] .pdp-ssr-cta .btn{
  min-height:46px !important;
  letter-spacing:.16em !important;
  font-size:10px !important;
}
[data-page="pdp"] .pdp-section--colour,
[data-page="pdp"] .pdp-section--size{
  margin:0 0 20px !important;
  padding-top:4px !important;
}
[data-page="pdp"] .pdp-section--quiet{margin:4px 0 18px !important}
[data-page="pdp"] .pdp-brief{
  border-color:rgba(18,19,26,.1) !important;
  background:rgba(255,255,255,.55) !important;
}
/* Story band — open magazine, not boxed specs */
[data-page="pdp"] #pdp-story.pdp-story{
  background:#F7F6F3 !important;
  padding:clamp(40px,6vw,72px) clamp(20px,4vw,48px) clamp(32px,4vw,48px) !important;
  border-top:1px solid rgba(18,19,26,.08) !important;
}
[data-page="pdp"] #pdp-story .pdp-spec-strip{
  background:transparent !important;
  border:0 !important;
  border-top:1px solid rgba(18,19,26,.1) !important;
  border-bottom:1px solid rgba(18,19,26,.1) !important;
  max-width:880px !important;
  margin:0 auto 40px !important;
}
[data-page="pdp"] #pdp-story .pdp-spec-cell{
  padding:22px 28px 22px 0 !important;
  border-right:1px solid rgba(18,19,26,.1) !important;
}
[data-page="pdp"] #pdp-story .pdp-spec-cell:last-child{
  border-right:0 !important;
  padding-left:28px !important;
  padding-right:0 !important;
}
[data-page="pdp"] #pdp-story .pdp-spec-label{
  color:rgba(18,19,26,.4) !important;
  letter-spacing:.18em !important;
  font-size:10px !important;
}
[data-page="pdp"] #pdp-story .pdp-overview{
  border:0 !important;
  padding-bottom:0 !important;
  margin-bottom:36px !important;
}
[data-page="pdp"] #pdp-story .pdp-overview-label{display:none !important}
[data-page="pdp"] #pdp-story .pdp-overview-copy{
  -webkit-line-clamp:3 !important;
  line-clamp:3 !important;
  font-size:15.5px !important;
  line-height:1.75 !important;
  color:rgba(18,19,26,.58) !important;
  max-width:52ch !important;
}
[data-page="pdp"] #pdp-story .pdp-faq-atelier > h2{
  color:rgba(18,19,26,.4) !important;
  letter-spacing:.18em !important;
  font-size:10px !important;
}
[data-page="pdp"] #pdp-story .pdp-dossier{
  background:transparent !important;
  border-color:rgba(18,19,26,.12) !important;
}
[data-page="pdp"] #pdp-related{
  background:#F0EEE9 !important;
  border-top:1px solid rgba(18,19,26,.08) !important;
}
[data-page="pdp"] #zs-ai-fab,
body.has-zs-ai #zs-ai-fab{
  opacity:.78;
  transform:scale(.92);
  transform-origin:bottom right;
}
/* FAQ atlas + rail dossier merge */
[data-page="pdp"] .pdp-rail-dossier{
  display:flex;
  flex-direction:column;
  gap:16px;
}
[data-page="pdp"] .pdp-rail-lead{
  margin:0 !important;
  font-family:var(--body) !important;
  font-size:13.5px !important;
  line-height:1.65 !important;
  color:rgba(18,19,26,.58) !important;
  max-width:36ch;
}
[data-page="pdp"] .pdp-rail-facts{
  margin:0;
  padding:0;
  display:flex;
  flex-direction:column;
  gap:12px;
}
[data-page="pdp"] .pdp-rail-facts > div{
  display:grid;
  grid-template-columns:72px 1fr;
  gap:10px;
  align-items:start;
}
[data-page="pdp"] .pdp-rail-facts dt{
  margin:0;
  font-family:var(--data) !important;
  font-size:10px !important;
  letter-spacing:.14em !important;
  text-transform:uppercase !important;
  color:rgba(18,19,26,.38) !important;
  padding-top:2px;
}
[data-page="pdp"] .pdp-rail-facts dd{
  margin:0;
  font-family:var(--body) !important;
  font-size:12.5px !important;
  line-height:1.55 !important;
  color:rgba(18,19,26,.62) !important;
}
[data-page="pdp"] .pdp-rail-more{
  margin:4px 0 0 !important;
  border:0 !important;
  border-top:1px solid rgba(18,19,26,.08) !important;
  background:transparent !important;
}
[data-page="pdp"] .pdp-rail-more > summary{
  list-style:none;
  cursor:pointer;
  padding:12px 0 !important;
  font-family:var(--data) !important;
  font-size:10px !important;
  letter-spacing:.14em !important;
  text-transform:uppercase !important;
  color:rgba(18,19,26,.4) !important;
}
[data-page="pdp"] .pdp-rail-more > summary::-webkit-details-marker{display:none}
[data-page="pdp"] .pdp-rail-more-body{
  display:flex;
  flex-direction:column;
  gap:14px;
  padding:0 0 8px;
}
[data-page="pdp"] .pdp-rail-sec{
  margin:0;
  padding:0;
  border:0;
}
[data-page="pdp"] .pdp-rail-sec > h4{
  margin:0 0 6px;
  font-family:var(--data) !important;
  font-size:10px !important;
  font-weight:500 !important;
  letter-spacing:.14em !important;
  text-transform:uppercase !important;
  color:rgba(18,19,26,.38) !important;
}
[data-page="pdp"] .pdp-rail-sec > p,
[data-page="pdp"] .pdp-rail-sec .pdp-price-note{
  margin:0 !important;
  font-family:var(--body) !important;
  font-size:12.5px !important;
  line-height:1.6 !important;
  color:rgba(18,19,26,.58) !important;
}
[data-page="pdp"] .pdp-rail-sec .pdp-atelier-scope,
[data-page="pdp"] .pdp-rail-dossier > .pdp-atelier-scope{
  margin:0 !important;
  gap:6px !important;
}
[data-page="pdp"] .pdp-rail-sec .pdp-atelier-scope li,
[data-page="pdp"] .pdp-rail-dossier > .pdp-atelier-scope li{
  padding:4px 7px !important;
  font-size:10px !important;
  letter-spacing:.08em !important;
  border-color:rgba(18,19,26,.12) !important;
  background:transparent !important;
  color:rgba(18,19,26,.55) !important;
}
[data-page="pdp"] #pdp-brief,
[data-page="pdp"] .pdp-section--quiet{
  display:none !important;
}
[data-page="pdp"] #pdp-story.pdp-story--faq,
[data-page="pdp"] #pdp-story:has(.pdp-faq-atlas){
  padding:clamp(64px,8vw,112px) clamp(20px,4vw,48px) clamp(56px,7vw,96px) !important;
  background:#fff !important;
  border-top:1px solid rgba(18,19,26,.06) !important;
}
[data-page="pdp"] .pdp-faq-atlas{
  max-width:560px;
  margin:0 auto;
  position:relative;
}
[data-page="pdp"] .pdp-faq-kicker{
  margin:0 0 28px !important;
  font-family:var(--data) !important;
  font-size:10px !important;
  font-weight:500 !important;
  letter-spacing:.22em !important;
  text-transform:uppercase !important;
  color:rgba(18,19,26,.34) !important;
  text-align:center;
}
[data-page="pdp"] .pdp-faq-radio{
  position:absolute !important;
  opacity:0 !important;
  pointer-events:none !important;
  width:0 !important;
  height:0 !important;
}
[data-page="pdp"] .pdp-faq-tabs{
  display:flex;
  justify-content:center;
  gap:0;
  margin:0 0 28px;
  border-bottom:1px solid rgba(18,19,26,.1);
}
[data-page="pdp"] .pdp-faq-tab{
  appearance:none;
  border:0;
  background:none;
  cursor:pointer;
  padding:12px 18px 14px;
  margin:0 0 -1px;
  font-family:var(--data) !important;
  font-size:11px !important;
  font-weight:500 !important;
  letter-spacing:.14em !important;
  text-transform:uppercase !important;
  color:rgba(18,19,26,.36) !important;
  border-bottom:1px solid transparent;
  transition:color .2s ease, border-color .2s ease;
}
[data-page="pdp"] .pdp-faq-tab:hover{
  color:rgba(18,19,26,.7) !important;
}
[data-page="pdp"] .pdp-faq-panel{
  display:none;
  animation:pdpFaqIn .35s ease;
}
@keyframes pdpFaqIn{
  from{opacity:0; transform:translateY(4px)}
  to{opacity:1; transform:none}
}
[data-page="pdp"] .pdp-faq-atlas > .pdp-faq-radio:nth-of-type(1):checked ~ .pdp-faq-tabs .pdp-faq-tab:nth-child(1),
[data-page="pdp"] .pdp-faq-atlas > .pdp-faq-radio:nth-of-type(2):checked ~ .pdp-faq-tabs .pdp-faq-tab:nth-child(2),
[data-page="pdp"] .pdp-faq-atlas > .pdp-faq-radio:nth-of-type(3):checked ~ .pdp-faq-tabs .pdp-faq-tab:nth-child(3){
  color:#16171C !important;
  border-bottom-color:#16171C !important;
}
[data-page="pdp"] .pdp-faq-atlas > .pdp-faq-radio:nth-of-type(1):checked ~ .pdp-faq-panels > .pdp-faq-panel:nth-child(1),
[data-page="pdp"] .pdp-faq-atlas > .pdp-faq-radio:nth-of-type(2):checked ~ .pdp-faq-panels > .pdp-faq-panel:nth-child(2),
[data-page="pdp"] .pdp-faq-atlas > .pdp-faq-radio:nth-of-type(3):checked ~ .pdp-faq-panels > .pdp-faq-panel:nth-child(3){
  display:block;
}
[data-page="pdp"] .pdp-faq-panel details,
[data-page="pdp"] .pdp-faq-atlas .pdp-faq-item{
  margin:0 !important;
  padding:0 !important;
  border:0 !important;
  border-bottom:1px solid rgba(18,19,26,.08) !important;
  background:transparent !important;
}
[data-page="pdp"] .pdp-faq-panel summary{
  list-style:none;
  cursor:pointer;
  padding:18px 28px 18px 0 !important;
  font-family:var(--body) !important;
  font-size:15px !important;
  font-weight:500 !important;
  line-height:1.4 !important;
  color:#16171C !important;
  position:relative;
}
[data-page="pdp"] .pdp-faq-panel summary::-webkit-details-marker{display:none}
[data-page="pdp"] .pdp-faq-panel summary::after{
  content:"+";
  position:absolute;
  right:0;
  top:18px;
  font-weight:400;
  color:rgba(18,19,26,.3);
}
[data-page="pdp"] .pdp-faq-panel details[open] > summary::after{content:"−"}
[data-page="pdp"] .pdp-faq-panel details > p{
  margin:0 0 18px !important;
  padding:0 32px 0 0 !important;
  font-family:var(--body) !important;
  font-size:14px !important;
  line-height:1.7 !important;
  color:rgba(18,19,26,.55) !important;
  max-width:48ch;
}
/* legacy stacked FAQ groups (pre-tabs) */
[data-page="pdp"] .pdp-faq-group{display:none !important}
[data-page="pdp"] #pdp-story .pdp-spec-strip,
[data-page="pdp"] #pdp-story .pdp-overview,
[data-page="pdp"] #pdp-story .pdp-dossier,
[data-page="pdp"] #pdp-story .pdp-faq-atelier{
  display:none !important;
}
[data-page="pdp"] #pdp-related{
  background:#F4F3F0 !important;
}
@media (max-width:920px){
  [data-page="pdp"] .pdp-wrap{
    grid-template-columns:1fr !important;
    gap:0 !important;
  }
  [data-page="pdp"] .pdp-info,
  [data-page="pdp"] .pdp-info--atelier{
    position:static;
    padding:8px 4px 40px !important;
  }
  [data-page="pdp"] .pdp-commerce-whisper > i{margin:0 10px}
  [data-page="pdp"] #pdp-story .pdp-spec-cell:last-child{padding-left:0 !important}
  [data-page="pdp"] .pdp-faq-tab{padding:12px 12px 14px; letter-spacing:.1em !important}
  [data-page="pdp"] .pdp-rail-facts > div{grid-template-columns:64px 1fr}
}

/* 12) Atelier refine */
[data-page="pdp"] .pdp-wrap{
  padding-top:56px !important;
  gap:clamp(24px,3.5vw,48px) !important;
}
[data-page="pdp"] .pdp-cat{
  margin-bottom:14px !important;
  font-size:10px !important;
}
[data-page="pdp"] .pdp-title,
[data-page="pdp"] #pdp-title{
  margin-bottom:8px !important;
}
[data-page="pdp"] #pdp-fabric{
  margin-bottom:18px !important;
}
[data-page="pdp"] .pdp-commerce-whisper{
  margin-bottom:16px !important;
  padding:14px 0 !important;
  font-size:12.5px !important;
}
[data-page="pdp"] .pdp-commerce-details{
  margin-bottom:18px !important;
}
[data-page="pdp"] .pdp-ssr-cta .btn.solid{
  background:#16171C !important;
  border-color:#16171C !important;
}
[data-page="pdp"] .pdp-ssr-cta .btn.ghost{
  border-color:rgba(18,19,26,.22) !important;
  color:#16171C !important;
}

/* /ZS_DESIGN_CRAFT_V1 */