*,*::before,*::after{box-sizing:border-box;margin:0;padding:0;}
/* ── Style themes: default = Classic. data-dz-style on <html> switches it. ── */
:root, html[data-dz-style="classic"]{
  --dz-bg:#F5EFE0; --dz-surface:#FDFAF4; --dz-radius:12px;
  --dz-accent:#B8860B; --dz-accent-soft:rgba(184,134,11,.18);
  --dz-accent-line:rgba(180,140,60,.4); --dz-card-border:rgba(180,140,60,.18);
  --dz-on-accent:#0A0A0A;
}
html[data-dz-style="streetwear"]{
  --dz-bg:#DBDAD3; --dz-surface:#FFFFFF; --dz-radius:2px;
  --dz-accent:#B8860B; --dz-accent-soft:rgba(40,40,40,.18);
  --dz-accent-line:rgba(40,40,40,.34); --dz-card-border:rgba(40,40,40,.22);
  --dz-on-accent:#0A0A0A;
}
body{background:var(--dz-bg);color:#0A0A0A;font-family:'Poppins',sans-serif;font-size:14px;min-height:100vh;position:relative;transition:background .45s ease;}
/* subtle paper grain for an editorial, premium feel */
body::before{
  content:"";position:fixed;inset:0;z-index:0;pointer-events:none;opacity:.5;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.035'/%3E%3C/svg%3E");
}
#root{position:relative;z-index:1;}
button{cursor:pointer;font-family:inherit;}
a{text-decoration:none;}
input,select{font-family:inherit;}
/* visible keyboard focus (accessibility) */
:focus-visible{outline:2px solid #876207;outline-offset:2px;border-radius:4px;}
/* respect reduced-motion preference */
@media(prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.001ms !important;animation-iteration-count:1 !important;transition-duration:.001ms !important;}
}

@keyframes marquee{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@keyframes pulseDot{0%,100%{opacity:1}50%{opacity:.25}}
@keyframes shimmer{to{background-position:-200% 0}}
@keyframes fadeIn{from{opacity:0}to{opacity:1}}
@keyframes slideUp{from{transform:translateY(24px);opacity:0}to{transform:translateY(0);opacity:1}}
@keyframes iconPop{0%{transform:scale(1)}40%{transform:scale(1.4)}70%{transform:scale(0.88)}100%{transform:scale(1)}}
.dz-icon{display:inline-block;line-height:1;}
button:hover .dz-icon{animation:iconPop .45s cubic-bezier(.34,1.56,.64,1) forwards;}

::-webkit-scrollbar{width:5px;}
::-webkit-scrollbar-track{background:var(--dz-bg);}
::-webkit-scrollbar-thumb{background:#D4A832;border-radius:3px;}

.dz-tab{
  background:transparent;
  border:1px solid rgba(90,80,64,.5);
  color:#9A8E7A;
  font-family:'Poppins',sans-serif;
  font-size:10px;
  letter-spacing:.1em;
  text-transform:uppercase;
  padding:5px 14px;
  border-radius:20px;
  transition:all .15s;
  white-space:nowrap;
  display:inline-flex;
  align-items:center;
  gap:5px;
}
.dz-tab:hover{border-color:var(--dz-accent);color:var(--dz-accent);}
.dz-tab.active{background:#0A0A0A;color:#F5EFE0;border-color:var(--dz-accent);}

.dz-search{
  background:var(--dz-surface);
  border:1px solid var(--dz-accent-line);
  color:#0A0A0A;
  font-size:12px;
  padding:8px 14px;
  border-radius:8px;
  outline:none;
  flex:1 1 200px;
  min-width:0;
  transition:border-color .15s;
}
.dz-search:focus{border-color:var(--dz-accent);box-shadow:0 0 0 2px rgba(184,134,11,.08);}
.dz-search::placeholder{color:#9A8E7A;}

.dz-sort{
  background:var(--dz-surface);
  border:1px solid var(--dz-accent-line);
  color:#5A5040;
  font-size:11px;
  padding:8px 12px;
  border-radius:8px;
  outline:none;
  cursor:pointer;
  transition:border-color .15s;
}
.dz-sort:focus{border-color:var(--dz-accent);}

/* Brand drawer rows (hover handled in CSS so inline active-state can override it) */
.dz-brand-row{background:transparent;}
.dz-brand-row:hover{background:rgba(184,134,11,.10);}
/* Brand entry button in the filter bar */
.dz-brand-btn:hover{border-color:var(--dz-accent);}

.dz-card{
  background:var(--dz-surface);
  border:1px solid var(--dz-card-border);
  border-radius:var(--dz-radius);
  overflow:hidden;
  transition:border-color .2s,box-shadow .2s,transform .2s,border-radius .3s;
  display:flex;
  flex-direction:column;
}
.dz-card:hover{
  border-color:var(--dz-accent);
  box-shadow:0 8px 32px var(--dz-accent-soft);
  transform:translateY(-3px);
}

.dz-order-btn{
  width:100%;
  background:#0A0A0A;
  color:#F5EFE0;
  border:none;
  border-left:2px solid var(--dz-accent);
  font-family:'Poppins',sans-serif;
  font-size:11px;
  font-weight:600;
  letter-spacing:.1em;
  text-transform:uppercase;
  padding:11px;
  transition:background .15s,color .15s;
  margin-top:auto;
}
.dz-order-btn:hover{background:var(--dz-accent);color:var(--dz-on-accent);}

.dz-overlay{
  position:fixed;inset:0;
  background:rgba(10,10,5,.88);
  backdrop-filter:blur(12px);
  -webkit-backdrop-filter:blur(12px);
  z-index:1000;
  display:flex;align-items:center;justify-content:center;
  padding:20px;
  animation:fadeIn .2s ease;
}
.dz-modal{
  background:#FDFAF4;
  border:1px solid rgba(184,134,11,.3);
  border-radius:16px;
  max-width:520px;
  width:100%;
  max-height:90vh;
  overflow-y:auto;
  animation:slideUp .25s ease;
}
.dz-lightbox{
  position:fixed;inset:0;
  background:#000;
  z-index:2000;
  display:flex;align-items:center;justify-content:center;
  animation:fadeIn .15s ease;
}

.ig-skeleton{
  aspect-ratio:1/1;
  border-radius:4px;
  background:linear-gradient(110deg,#EDE7D9 25%,#E0D9CC 50%,#EDE7D9 75%);
  background-size:200% 100%;
  animation:shimmer 1.4s infinite;
}

.products-grid{
  display:grid;
  grid-template-columns:repeat(auto-fill,minmax(240px,1fr));
  gap:16px;
}
/* Client card-size control (desktop). Default = normal (above). */
.products-grid[data-size="compact"]{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));}
.products-grid[data-size="large"]{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));}
.ig-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:6px;
  max-width:900px;
  margin:0 auto;
}
.ig-post{
  aspect-ratio:1/1;
  overflow:hidden;
  border-radius:4px;
  display:block;
  position:relative;
  background:#EDE7D9;
}
.ig-post img{width:100%;height:100%;object-fit:cover;display:block;}
.ig-post-overlay{
  position:absolute;inset:0;
  background:rgba(10,10,5,.65);
  opacity:0;
  transition:opacity .2s;
  display:flex;align-items:flex-end;
  padding:10px;
}
.ig-post:hover .ig-post-overlay{opacity:1;}

@media(max-width:900px){
  .ig-grid{grid-template-columns:repeat(2,1fr);}
}
@media(max-width:768px){
  /* Phone default = 2 per row (4 items fill the screen). */
  .products-grid{grid-template-columns:repeat(2,1fr);gap:10px;}
  .products-grid[data-size="compact"]{grid-template-columns:repeat(3,1fr);gap:8px;}
  .products-grid[data-size="large"]{grid-template-columns:1fr;}
  .dz-search{flex-basis:140px;}
  /* 16px on mobile prevents iOS auto-zoom on focus */
  .dz-search,.dz-sort{font-size:16px;}
}
/* keep the floating WhatsApp button compact on small phones */
@media(max-width:420px){ .fab-label{display:none;} }

/* ══════════════════════════════════════════════════════════════════
   MULTI-PAGE ADDITIONS — menu, rack, page shells
   ══════════════════════════════════════════════════════════════════ */

/* Safety net so a stray wide element can never scroll the page sideways.
   `clip` and not `hidden`: `hidden` makes a scroll container and kills
   position:sticky on the header. */
html{overflow-x:clip;}
body{overflow-x:clip;}

.dz-wrap{max-width:1320px;margin:0 auto;padding:0 24px;}
@media(max-width:600px){ .dz-wrap{padding:0 16px;} }

/* ── HEADER ─────────────────────────────────────────────────────── */
.dz-header{
  position:sticky;top:0;z-index:960;
  background:var(--dz-surface);
  border-bottom:1px solid rgba(184,134,11,.2);
  height:58px;
}
.dz-header-in{
  height:100%;display:flex;align-items:center;gap:18px;
  max-width:1320px;margin:0 auto;padding:0 24px;
}
@media(max-width:600px){ .dz-header-in{padding:0 16px;gap:12px;} }

.dz-logo{
  font-family:'Bebas Neue',sans-serif;font-size:26px;letter-spacing:.12em;
  line-height:1;white-space:nowrap;flex-shrink:0;color:#0A0A0A;
}
.dz-logo .z{color:#B8860B;}

/* Desktop nav */
.dz-nav{display:flex;align-items:center;gap:26px;margin-left:8px;}
.dz-nav a{
  font-family:'Poppins',sans-serif;font-size:11px;font-weight:500;
  letter-spacing:.14em;text-transform:uppercase;color:#5A5040;
  position:relative;padding:4px 0;transition:color .15s;white-space:nowrap;
}
.dz-nav a::after{
  content:"";position:absolute;left:0;right:100%;bottom:0;height:1px;
  background:var(--dz-accent);transition:right .25s ease;
}
.dz-nav a:hover{color:#0A0A0A;}
.dz-nav a:hover::after{right:0;}
.dz-nav a[aria-current="page"]{color:#0A0A0A;font-weight:600;}
.dz-nav a[aria-current="page"]::after{right:0;}

.dz-header-right{display:flex;align-items:center;gap:13px;margin-left:auto;flex-shrink:0;}

.dz-burger{
  display:none;background:transparent;border:1px solid var(--dz-accent-line);
  border-radius:8px;width:38px;height:34px;align-items:center;justify-content:center;
  flex-direction:column;gap:4px;padding:0;flex-shrink:0;
}
.dz-burger span{display:block;width:16px;height:1.5px;background:#0A0A0A;transition:transform .25s,opacity .2s;}
.dz-burger[aria-expanded="true"] span:nth-child(1){transform:translateY(5.5px) rotate(45deg);}
.dz-burger[aria-expanded="true"] span:nth-child(2){opacity:0;}
.dz-burger[aria-expanded="true"] span:nth-child(3){transform:translateY(-5.5px) rotate(-45deg);}

/* Below 900px the text nav collapses into the burger drawer. */
@media(max-width:900px){
  .dz-nav{display:none;}
  .dz-burger{display:flex;}
  /* These carry inline display:flex, so the override has to win. */
  .dz-header-right .dz-desk-only{display:none !important;}
}

/* Mobile drawer */
.dz-drawer{
  /* `top` is set from JS to the header's real bottom edge. Above the
     floating buttons (z 900) but below the header, so the close button
     on the header stays reachable. */
  position:fixed;left:0;right:0;bottom:0;z-index:950;
  background:var(--dz-surface);
  transform:translateY(-8px);opacity:0;pointer-events:none;
  transition:opacity .22s ease,transform .22s ease;
  overflow-y:auto;padding:26px 22px 40px;
}
.dz-drawer.open{transform:translateY(0);opacity:1;pointer-events:auto;}
.dz-drawer a.row{
  display:flex;align-items:center;justify-content:space-between;
  font-family:'Bebas Neue',sans-serif;font-size:26px;letter-spacing:.1em;
  color:#0A0A0A;padding:15px 0;border-bottom:1px solid rgba(184,140,60,.18);
}
.dz-drawer a.row span.n{font-family:'DM Mono',monospace;font-size:10px;color:#9A8E7A;letter-spacing:.1em;}
.dz-drawer a.row[aria-current="page"]{color:#B8860B;}

/* ── THE RACK ───────────────────────────────────────────────────── */
.dz-rack{
  position:relative;padding:0 0 4px;user-select:none;
  /* One knob. The rail and the pivot are both derived from it, so the
     hangers always hook the rail at the same point at every width. */
  --hgr:clamp(66px,7.5vw,116px);        /* hanger height; everything scales from this */
  --rail-y:calc(0.43 * var(--hgr) + 4.5px);
}

/* The track is at least as wide as the viewport and, when the pieces
   overflow on a phone, as wide as the pieces. The rail spans it. */
.dz-rack-track{position:relative;min-width:100%;}

/* the rail every hanger hooks over */
.dz-rail{
  position:absolute;left:0;right:0;top:var(--rail-y);height:7px;z-index:1;
  background:linear-gradient(180deg,#EDE7D7 0%,#BCB3A2 38%,#6E6859 100%);
  border-radius:4px;
  box-shadow:0 3px 8px rgba(60,50,30,.20);
}
.dz-rail::before,.dz-rail::after{
  content:"";position:absolute;top:-10px;width:9px;height:27px;border-radius:3px;
  background:linear-gradient(180deg,#D2CAB7,#6E6859);
}
.dz-rail::before{left:-5px;}
.dz-rail::after{right:-5px;}

.dz-rack-items{
  position:relative;z-index:2;
  display:flex;align-items:flex-start;justify-content:center;
  padding-top:8px;padding-bottom:66px;
}

/* Each piece keeps a FIXED, narrow box while its photo spills past it.
   That is what packs the rail: the garments overlap, the hit areas do not. */
.dz-rack-item{
  position:relative;
  width:clamp(122px,14.4vw,212px);
  background:none;border:none;padding:0;
  display:flex;flex-direction:column;align-items:center;
  flex:0 0 auto;
  /* exactly the rail's centre line: rail top + half its 7px, minus
     the 8px padding above the items. Every rotate and scale turns
     about this point, so hooks stay hooked. */
  transform-origin:50% calc(var(--rail-y) - 4.5px);
  /* ONLY transform animates. Animating `filter` here re-rasterised six
     overlapping elements every frame and smeared them into each other. */
  transition:transform .42s cubic-bezier(.22,1,.36,1);
  cursor:pointer;
  /* Own compositor layer: overlapping siblings stay cleanly separated
     instead of bleeding during the move. */
  will-change:transform;
  backface-visibility:hidden;
}
/* No dimming at rest. The pieces are the product; they show at full
   colour and the reveal is carried by scale, shadow and the gold hanger. */
.dz-rack-item .garment{
  display:block;position:relative;z-index:1;
  height:clamp(160px,20.5vw,278px);
  width:auto;max-width:none;
  filter:drop-shadow(0 10px 16px rgba(40,30,10,.20));
  transition:filter .42s ease;
}
.dz-rack-item.is-active .garment{filter:drop-shadow(0 26px 36px rgba(40,30,10,.36));}

/* the hanger */
/* the bar tucks BEHIND the shoulders, the way a real garment sits on it */
.dz-hanger{display:block;height:var(--hgr);width:auto;margin-bottom:calc(-0.21 * var(--hgr));position:relative;z-index:0;}
.dz-hanger path,.dz-hanger line{stroke:#8A8172;fill:none;}
.dz-rack-item.is-active .dz-hanger path,
.dz-rack-item.is-active .dz-hanger line{stroke:#B8860B;}

/* label under the rack */
.dz-rack-label{
  text-align:center;min-height:74px;margin-top:4px;
  display:flex;flex-direction:column;align-items:center;justify-content:flex-start;
}
.dz-rack-fade{display:flex;flex-direction:column;gap:5px;animation:fadeIn .3s ease;}
.dz-rack-label .b{
  font-family:'Bebas Neue',sans-serif;font-size:13px;letter-spacing:.3em;color:#876207;
}
.dz-rack-label .n{
  font-family:'Playfair Display',serif;font-size:21px;font-weight:600;color:#0A0A0A;line-height:1.2;
}
.dz-rack-label .hint{
  font-family:'Poppins',sans-serif;font-size:10.5px;letter-spacing:.1em;
  text-transform:uppercase;color:#9A8E7A;
}

@media(max-width:860px){
  /* phone: the rail scrolls sideways inside its own box, never the page */
  .dz-rack-scroll{
    overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;
    scrollbar-width:none;margin:0 -16px;padding:0 16px;
  }
  .dz-rack-scroll::-webkit-scrollbar{display:none;}
  .dz-rack-track{width:max-content;}
  /* gutters so the tilted end pieces stay over the rail, not past it */
  .dz-rack-items{justify-content:flex-start;padding-bottom:40px;padding-left:14px;padding-right:14px;}
  .dz-rack{--hgr:62px;}
  .dz-rack-item{width:98px;}
  .dz-rack-item .garment{height:160px;}
  .dz-rack-label{min-height:82px;margin-top:0;}
}

/* ── TRUST BAR ─────────────────────────────────────────────────── */
.dz-trust{
  border-top:1px solid rgba(184,134,11,.15);
  border-bottom:1px solid rgba(184,134,11,.15);
  background:var(--dz-surface);padding:18px 16px;
}
.dz-trust-grid{
  max-width:1100px;margin:0 auto;
  display:grid;grid-template-columns:repeat(4,1fr);gap:16px 18px;
}
.dz-trust-item{display:flex;align-items:center;gap:11px;}
.dz-trust-item .tt{font-family:'Poppins',sans-serif;font-size:12px;font-weight:600;color:#0A0A0A;line-height:1.3;}
.dz-trust-item .ts{font-family:'Poppins',sans-serif;font-size:10px;color:#9A8E7A;line-height:1.35;}
@media(max-width:900px){
  .dz-trust-grid{grid-template-columns:repeat(2,1fr);gap:15px 10px;}
}
@media(max-width:420px){
  .dz-trust-item{gap:8px;}
  .dz-trust-item .tt{font-size:11px;}
  .dz-trust-item .ts{font-size:9px;}
}

/* ── SHARED PAGE BITS ───────────────────────────────────────────── */
.dz-page-head{text-align:center;padding:46px 24px 30px;}
.dz-page-head .kicker{
  font-family:'Bebas Neue',sans-serif;font-size:12px;letter-spacing:.3em;
  color:#876207;margin-bottom:10px;
}
.dz-page-head h1{
  font-family:'Playfair Display',serif;font-size:clamp(30px,5vw,44px);
  font-weight:600;letter-spacing:.01em;line-height:1.1;margin-bottom:12px;
}
.dz-page-head p{
  font-family:'Poppins',sans-serif;font-size:13.5px;font-weight:300;
  color:#5A5040;max-width:620px;margin:0 auto;line-height:1.72;
}

.dz-sec-title{display:flex;align-items:center;gap:16px;margin-bottom:20px;}
.dz-sec-title h2{
  font-family:'Playfair Display',serif;font-size:26px;font-weight:600;
  letter-spacing:.01em;white-space:nowrap;margin:0;
}
.dz-sec-title .rule{flex:1;height:1px;background:rgba(135,98,7,.22);}
.dz-sec-title .count{font-family:'DM Mono',monospace;font-size:11px;color:#857B68;white-space:nowrap;}

.dz-btn{
  display:inline-flex;align-items:center;gap:9px;
  background:#0A0A0A;color:#F5EFE0;border:none;border-left:2px solid var(--dz-accent);
  font-family:'Poppins',sans-serif;font-size:11px;font-weight:600;
  letter-spacing:.1em;text-transform:uppercase;padding:13px 24px;
  transition:background .15s,color .15s;
}
.dz-btn:hover{background:var(--dz-accent);color:var(--dz-on-accent);}
.dz-btn.ghost{
  background:transparent;color:#0A0A0A;border:1px solid var(--dz-accent-line);border-left-width:1px;
}
.dz-btn.ghost:hover{border-color:var(--dz-accent);color:#876207;background:transparent;}

/* ── BRAND INDEX (marques) ──────────────────────────────────────── */
.dz-brand-grid{
  display:grid;grid-template-columns:repeat(auto-fill,minmax(176px,1fr));gap:12px;
}
@media(max-width:600px){ .dz-brand-grid{grid-template-columns:repeat(2,1fr);gap:9px;} }
.dz-brand-card{
  display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;
  background:var(--dz-surface);border:1px solid var(--dz-card-border);
  border-radius:var(--dz-radius);padding:26px 14px;min-height:132px;
  transition:border-color .2s,box-shadow .2s,transform .2s;text-align:center;
}
.dz-brand-card:hover{border-color:var(--dz-accent);box-shadow:0 8px 28px var(--dz-accent-soft);transform:translateY(-3px);}
.dz-brand-card .mono{
  width:46px;height:46px;border-radius:50%;display:flex;align-items:center;justify-content:center;
  font-family:'Bebas Neue',sans-serif;font-size:15px;letter-spacing:.08em;color:#F5EFE0;
}
.dz-brand-card .nm{font-family:'Playfair Display',serif;font-size:15px;font-weight:600;color:#0A0A0A;line-height:1.25;}
.dz-brand-card .ct{font-family:'DM Mono',monospace;font-size:10px;color:#9A8E7A;letter-spacing:.08em;}

/* ── PROSE (pourquoi) ───────────────────────────────────────────── */
.dz-prose{max-width:720px;margin:0 auto;}
.dz-prose h2{
  font-family:'Playfair Display',serif;font-size:25px;font-weight:600;
  margin:44px 0 12px;letter-spacing:.01em;
}
.dz-prose h2:first-child{margin-top:0;}
.dz-prose p{
  font-family:'Poppins',sans-serif;font-size:14px;font-weight:300;
  line-height:1.85;color:#3F3828;margin-bottom:15px;
}
.dz-prose strong{font-weight:600;color:#0A0A0A;}
.dz-proof{
  display:flex;gap:15px;align-items:flex-start;
  background:var(--dz-surface);border:1px solid var(--dz-card-border);
  border-left:3px solid var(--dz-accent);
  border-radius:var(--dz-radius);padding:19px 21px;margin-bottom:12px;
}
.dz-proof .ic{color:#876207;flex-shrink:0;margin-top:2px;}
.dz-proof h3{
  font-family:'Poppins',sans-serif;font-size:13px;font-weight:600;
  letter-spacing:.02em;margin-bottom:5px;color:#0A0A0A;
}
.dz-proof p{
  font-family:'Poppins',sans-serif;font-size:12.5px;font-weight:300;
  line-height:1.68;color:#5A5040;margin:0;
}

/* ── CATALOGUE FILTERS ─────────────────────────────────────────── */
.dz-mob-bar{display:none;}
.dz-filters-inline{background:var(--dz-bg);border-bottom:1px solid rgba(184,134,11,.15);}

/* The sheet is always in the DOM so it can slide; `visibility` keeps it
   out of the tab order while closed. (The `hidden` attribute would kill
   the transition.) */
.dz-sheet{
  position:fixed;left:0;right:0;bottom:0;z-index:1001;
  max-height:86vh;overflow-y:auto;
  background:var(--dz-surface);
  border-radius:18px 18px 0 0;
  box-shadow:0 -14px 50px rgba(20,15,5,.30);
  padding:14px 16px 30px;
  transform:translateY(100%);visibility:hidden;
  transition:transform .32s cubic-bezier(.22,1,.36,1),visibility .32s;
}
.dz-sheet.open{transform:translateY(0);visibility:visible;}
.dz-sheet-backdrop{
  position:fixed;inset:0;background:rgba(10,10,5,.55);
  backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);
  z-index:1000;animation:fadeIn .2s ease;
}
.dz-sheet-head{
  display:flex;align-items:center;justify-content:space-between;
  margin-bottom:16px;padding-bottom:12px;
  border-bottom:1px solid rgba(184,140,60,.2);
}
.dz-sheet-head span{
  font-family:'Bebas Neue',sans-serif;font-size:19px;letter-spacing:.2em;color:#0A0A0A;
}
.dz-sheet-head button{
  background:none;border:none;font-size:19px;color:#5A5040;line-height:1;padding:4px 8px;
}
.dz-filter-btn{
  display:flex;align-items:center;gap:7px;flex-shrink:0;
  background:var(--dz-surface);border:1px solid var(--dz-accent-line);
  color:#5A5040;font-family:'Poppins',sans-serif;font-size:11px;font-weight:600;
  letter-spacing:.08em;text-transform:uppercase;padding:9px 14px;border-radius:8px;
}
.dz-filter-btn .n{
  background:#0A0A0A;color:#D4A832;font-family:'DM Mono',monospace;font-size:9px;
  min-width:16px;height:16px;border-radius:8px;display:flex;align-items:center;justify-content:center;
}

@media(max-width:900px){
  .dz-filters-inline{display:none;}
  .dz-mob-bar{
    display:flex;gap:8px;align-items:center;padding:10px 16px;
    background:var(--dz-bg);border-bottom:1px solid rgba(184,134,11,.15);
    position:sticky;top:58px;z-index:150;
  }
  .dz-desk-only{display:none;}
}
@media(min-width:901px){
  .dz-sheet,.dz-sheet-backdrop{display:none;}
}

/* ── PAGINATION ─────────────────────────────────────────────────── */
.dz-more{text-align:center;padding:34px 0 10px;}
.dz-more .seen{
  font-family:'DM Mono',monospace;font-size:11px;color:#9A8E7A;
  display:block;margin-bottom:14px;letter-spacing:.06em;
}

/* Order button: never let it wrap to two lines on a phone. The card is
   ~160px wide at two-up, which "COMMANDER SUR WHATSAPP" cannot fit. */
.dz-order-btn .lbl-short{display:none;}
@media(max-width:768px){
  .dz-order-btn{font-size:10px;letter-spacing:.08em;padding:12px 6px;white-space:nowrap;}
  .dz-order-btn .lbl-full{display:none;}
  .dz-order-btn .lbl-short{display:inline;}
}