@import url('https://fonts.googleapis.com/css2?family=Bricolage+Grotesque:opsz,wght@12..96,500..800&family=Manrope:wght@400;500;600;700;800&display=swap');

/* ==========================================================================
   GlowGarret — "Ambient Glow" dark theme
   LED & Ambient Lighting review system. One aurora signature (cyan→violet→pink)
   on a deep midnight canvas. Palette drives index + product + static pages.
   ========================================================================== */

:root{
  --bg:#0a0b12;
  --bg2:#06070d;
  --surface:#12141f;
  --surface2:#1a1d2c;
  --surface3:#22263a;
  --text:#eef0fb;
  --text-dim:#c7cbe6;
  --muted:#8b90ad;
  --border:#262a3d;
  --border-lit:#343a55;
  --primary:#8b7bff;        /* violet   */
  --accent:#38e1d6;         /* cyan      */
  --pink:#ff6ec7;           /* magenta   */
  --gold:#ffc24b;           /* rating    */
  --aurora:linear-gradient(115deg,#38e1d6 0%,#8b7bff 48%,#ff6ec7 100%);
  --aurora-soft:linear-gradient(115deg,rgba(56,225,214,.16),rgba(139,123,255,.16),rgba(255,110,199,.16));
  --glow-cyan:0 0 0 1px rgba(56,225,214,.35),0 8px 40px -8px rgba(56,225,214,.45);
  --glow-violet:0 12px 48px -12px rgba(139,123,255,.55);
  --shadow:0 18px 50px -20px rgba(0,0,0,.75);
  --radius:16px;
  --radius-sm:10px;
  --font-head:'Bricolage Grotesque','Georgia',serif;
  --font-body:'Manrope',-apple-system,system-ui,sans-serif;
  --maxw:1180px;
}

*{box-sizing:border-box}
html{scroll-padding-top:88px}
@media(prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}
body{
  margin:0;
  font-family:var(--font-body);
  background:var(--bg);
  color:var(--text);
  line-height:1.65;
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
  overflow-x:hidden;
}
/* Living aurora atmosphere — slow drifting light behind everything */
body::before{
  content:"";
  position:fixed;
  inset:-20% -10% auto -10%;
  height:120vh;
  z-index:-2;
  background:
    radial-gradient(48vw 48vw at 12% -8%,rgba(56,225,214,.16),transparent 60%),
    radial-gradient(42vw 42vw at 92% 4%,rgba(255,110,199,.14),transparent 60%),
    radial-gradient(60vw 55vw at 60% 30%,rgba(139,123,255,.14),transparent 62%);
  filter:blur(10px);
  animation:auroraDrift 26s ease-in-out infinite alternate;
}
body::after{
  content:"";
  position:fixed;inset:0;z-index:-1;pointer-events:none;
  background-image:radial-gradient(rgba(255,255,255,.025) 1px,transparent 1px);
  background-size:3px 3px;
  mix-blend-mode:screen;opacity:.5;
}
a{color:var(--accent);text-decoration:none}
img{max-width:100%;height:auto}
h1,h2,h3,h4{font-family:var(--font-head);letter-spacing:-.01em;color:var(--text)}
.wrap{max-width:var(--maxw);margin:0 auto;padding:0 20px}
::selection{background:rgba(139,123,255,.4);color:#fff}

/* ---------- Keyframes ---------- */
@keyframes auroraDrift{0%{transform:translate3d(-3%,0,0) scale(1)}100%{transform:translate3d(4%,3%,0) scale(1.12)}}
@keyframes glowPulse{0%,100%{filter:drop-shadow(0 0 10px rgba(56,225,214,.5))}50%{filter:drop-shadow(0 0 26px rgba(139,123,255,.75))}}
@keyframes rise{from{opacity:0;transform:translateY(26px)}to{opacity:1;transform:none}}
@keyframes fadeIn{from{opacity:0}to{opacity:1}}
@keyframes spinSlow{to{transform:rotate(360deg)}}
@keyframes floaty{0%,100%{transform:translateY(0)}50%{transform:translateY(-12px)}}
@keyframes sheen{0%{background-position:-160% 0}100%{background-position:260% 0}}
@keyframes scrollDot{0%{transform:translateY(0);opacity:1}70%{transform:translateY(14px);opacity:0}100%{opacity:0}}
@keyframes barGrow{from{transform:scaleX(0)}to{transform:scaleX(1)}}

@media(prefers-reduced-motion:no-preference){
  .anim-rise{animation:rise .7s cubic-bezier(.2,.7,.2,1) both}
  .d1{animation-delay:.08s}.d2{animation-delay:.16s}.d3{animation-delay:.24s}
  .d4{animation-delay:.32s}.d5{animation-delay:.4s}.d6{animation-delay:.48s}
}

/* Scroll-driven reveal (progressive enhancement; visible if unsupported) */
@supports (animation-timeline: view()){
  @media(prefers-reduced-motion:no-preference){
    .dz-pick,.dz-card,.dz-hwt-card,.dz-spec-card,.dz-faq-item,
    .compare-section,.dz-stats-band,.related-card{
      animation:rise linear both;
      animation-timeline:view();
      animation-range:entry 0% cover 22%;
    }
  }
}

/* ==========================================================================
   HEADER + NAV
   ========================================================================== */
.dz-header{
  position:sticky;top:0;z-index:100;
  background:color-mix(in srgb,var(--bg) 78%,transparent);
  backdrop-filter:blur(16px) saturate(140%);
  -webkit-backdrop-filter:blur(16px) saturate(140%);
  border-bottom:1px solid var(--border);
}
.dz-header::after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:1px;background:var(--aurora);opacity:.5}
.dz-header-inner{
  max-width:var(--maxw);margin:0 auto;
  display:flex;align-items:center;flex-wrap:wrap;gap:1rem;
  padding:.85rem 1.5rem;
}
.dz-brand{min-width:0}
.dz-brand-name{overflow:hidden;text-overflow:ellipsis}
.dz-brand{display:flex;align-items:center;gap:.6rem;text-decoration:none;color:var(--text);
  font-family:var(--font-head);font-weight:800;font-size:1.25rem;letter-spacing:-.02em}
.dz-brand-logo{max-height:38px;width:auto;object-fit:contain;filter:drop-shadow(0 0 12px rgba(56,225,214,.45))}
.dz-brand-name{white-space:nowrap;background:var(--aurora);-webkit-background-clip:text;background-clip:text;color:transparent}
/* legacy dial mark hidden — logo carries the identity */
.dz-brand-mark{display:none}
.dz-brand-dial,.dz-brand-dial-fill,.dz-brand-dial-notch{display:none}

.dz-nav{margin-left:auto}
.dz-nav-list{display:flex;align-items:center;gap:.4rem;list-style:none;margin:0;padding:0}
.dz-nav-item{position:relative}
.dz-nav-link{
  display:inline-block;color:var(--text-dim);text-decoration:none;
  font-size:.92rem;font-weight:600;padding:.5rem .85rem;border-radius:999px;
  transition:color .2s ease,background .2s ease;
}
.dz-nav-link:hover{color:#fff;background:var(--surface2)}
/* highlighted CTA nav item (last) */
.dz-nav-item:last-child .dz-nav-link{
  color:#0a0b12;background:var(--aurora);font-weight:700;
  box-shadow:0 6px 20px -8px rgba(139,123,255,.8);
}
.dz-nav-item:last-child .dz-nav-link:hover{filter:brightness(1.08);color:#0a0b12}

.dz-nav-toggle{display:none}
.dz-nav-burger{display:none;flex-direction:column;gap:5px;cursor:pointer;margin-left:auto;padding:6px}
.dz-burger-bar{width:24px;height:2px;background:var(--text);border-radius:2px;transition:.25s}
.dz-nav-toggle:checked ~ .dz-nav-burger .dz-burger-bar:nth-child(1){transform:translateY(7px) rotate(45deg)}
.dz-nav-toggle:checked ~ .dz-nav-burger .dz-burger-bar:nth-child(2){opacity:0}
.dz-nav-toggle:checked ~ .dz-nav-burger .dz-burger-bar:nth-child(3){transform:translateY(-7px) rotate(-45deg)}

@media(max-width:820px){
  .dz-nav-burger{display:flex;order:2}
  .dz-nav{order:3;width:100%;max-height:0;overflow:hidden;transition:max-height .35s ease;margin-left:0}
  .dz-nav-list{flex-direction:column;align-items:stretch;gap:.35rem;padding:.8rem 0 .4rem}
  .dz-nav-link{padding:.7rem 1rem}
  .dz-nav-item:last-child .dz-nav-link{text-align:center}
  .dz-nav-toggle:checked ~ .dz-nav{max-height:460px}
}

/* ==========================================================================
   HOME HERO
   ========================================================================== */
.dz-hero.dz-hero--lab{
  position:relative;overflow:hidden;
  min-height:min(90vh,720px);
  display:flex;align-items:center;justify-content:center;
  padding:5.5rem 1.5rem 4.5rem;text-align:center;
  background:radial-gradient(120% 90% at 50% -10%,#141830,var(--bg) 70%);
}
.dz-hero-bgimg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0;opacity:.42}
.dz-hero-scrim{position:absolute;inset:0;z-index:1;
  background:linear-gradient(180deg,rgba(6,7,13,.55) 0%,rgba(6,7,13,.35) 40%,var(--bg) 96%)}
.dz-hero-dial{position:absolute;border-radius:50%;z-index:1;
  border:1.5px solid transparent;
  background:var(--aurora) border-box;-webkit-mask:linear-gradient(#000 0 0) padding-box,linear-gradient(#000 0 0);
  -webkit-mask-composite:xor;mask-composite:exclude;
  opacity:.5;animation:floaty 9s ease-in-out infinite}
.dz-hero-dial--a{width:320px;height:320px;top:-90px;left:-70px}
.dz-hero-dial--b{width:220px;height:220px;bottom:-70px;right:-50px;animation-duration:11s;animation-direction:alternate-reverse}
.dz-hero-inner{position:relative;z-index:2;max-width:900px;margin:0 auto;display:flex;flex-direction:column;align-items:center}
.dz-hero-logowrap{margin-bottom:1.4rem}
.dz-hero-logo{max-height:74px;width:auto;object-fit:contain;animation:glowPulse 5s ease-in-out infinite}
.dz-anim-glow{filter:drop-shadow(0 0 18px rgba(56,225,214,.6))}
.dz-hero-title{
  font-family:var(--font-head);font-weight:800;
  font-size:clamp(2.4rem,6vw,4.4rem);line-height:1.02;letter-spacing:-.03em;
  color:var(--text);margin:0 0 1.1rem;
}
.dz-hero-highlight{
  display:inline-block;margin:0 .2em;
  background:var(--aurora);-webkit-background-clip:text;background-clip:text;color:transparent;
  filter:drop-shadow(0 0 22px rgba(139,123,255,.35));
}
.dz-hero-subtitle{color:var(--text-dim);font-size:clamp(1.02rem,1.6vw,1.22rem);max-width:640px;margin:0 auto 1.9rem;line-height:1.6}
.dz-hero-underline{display:none}

/* New hero furniture */
.dz-hero-badges{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center;margin-bottom:1.5rem}
.dz-hero-chip{
  display:inline-flex;align-items:center;gap:.45rem;
  background:var(--surface2);border:1px solid var(--border-lit);
  color:var(--text-dim);font-size:.82rem;font-weight:600;
  padding:.42rem .85rem;border-radius:999px;
}
.dz-hero-chip b{color:var(--accent)}
.dz-hero-cta{display:flex;flex-wrap:wrap;gap:.85rem;justify-content:center;margin-bottom:2.4rem}
.dz-hero-btn{
  display:inline-flex;align-items:center;gap:.55rem;
  font-weight:700;font-size:1rem;padding:.95rem 1.7rem;border-radius:999px;
  border:1px solid transparent;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease,filter .2s ease;
}
.dz-hero-btn--primary{background:var(--aurora);color:#0a0b12;box-shadow:0 14px 40px -12px rgba(139,123,255,.8)}
.dz-hero-btn--primary:hover{transform:translateY(-3px);filter:brightness(1.06)}
.dz-hero-btn--ghost{background:rgba(255,255,255,.04);border-color:var(--border-lit);color:var(--text)}
.dz-hero-btn--ghost:hover{transform:translateY(-3px);border-color:var(--accent);color:#fff;box-shadow:var(--glow-cyan)}
.dz-hero-stats{display:flex;flex-wrap:wrap;gap:2.4rem;justify-content:center}
.dz-hero-stat{display:flex;flex-direction:column;align-items:center;gap:.15rem}
.dz-hero-stat b{font-family:var(--font-head);font-size:1.7rem;font-weight:800;
  background:var(--aurora);-webkit-background-clip:text;background-clip:text;color:transparent}
.dz-hero-stat span{color:var(--muted);font-size:.72rem;text-transform:uppercase;letter-spacing:.12em}
.dz-hero-scroll{margin-top:3rem;z-index:2;
  display:inline-flex;flex-direction:column;align-items:center;gap:.55rem;text-decoration:none;
  color:var(--muted);font-size:.66rem;font-weight:700;text-transform:uppercase;letter-spacing:.2em;transition:color .2s}
.dz-hero-scroll:hover{color:var(--accent)}
.dz-hero-scroll-arrow{width:14px;height:14px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;
  transform:rotate(45deg);animation:scrollChevron 1.6s ease-in-out infinite}
@keyframes scrollChevron{0%,100%{transform:rotate(45deg) translateY(-3px);opacity:.35}50%{transform:rotate(45deg) translateY(3px);opacity:1}}

/* ==========================================================================
   SECTION HEADS (shared)
   ========================================================================== */
.section-head{text-align:center;margin:0 auto 2rem;max-width:640px}
.section-head h2{font-size:clamp(1.7rem,3.4vw,2.4rem);margin:.1em 0}
.section-head p{color:var(--muted);margin:.4rem 0 0}

/* ==========================================================================
   EDITOR'S TOP PICKS — editorial
   ========================================================================== */
.dz-picks{max-width:var(--maxw);margin:0 auto;padding:4.5rem 1.5rem}
.dz-picks-head{text-align:center;max-width:660px;margin:0 auto 2.8rem}
.dz-picks-kicker{display:inline-flex;align-items:center;gap:.5rem;color:var(--accent);
  font-size:.78rem;font-weight:800;letter-spacing:.16em;text-transform:uppercase;margin-bottom:.8rem}
.dz-picks-kicker::before,.dz-picks-kicker::after{content:"";width:26px;height:1px;background:var(--aurora)}
.dz-picks-title{font-size:clamp(1.9rem,3.6vw,2.7rem);margin:0 0 .7rem}
.dz-picks-sub{color:var(--muted);line-height:1.65;margin:0}
.dz-picks-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.6rem}
@media(max-width:860px){.dz-picks-grid{grid-template-columns:1fr}}
.dz-pick{
  position:relative;background:var(--surface);
  border:1px solid var(--border);border-radius:var(--radius);
  overflow:hidden;display:flex;flex-direction:column;
  transition:transform .3s cubic-bezier(.2,.7,.2,1),box-shadow .3s,border-color .3s;
}
.dz-pick::before{content:"";position:absolute;inset:0;border-radius:inherit;padding:1px;
  background:var(--aurora);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);
  -webkit-mask-composite:xor;mask-composite:exclude;opacity:0;transition:opacity .3s;pointer-events:none;z-index:3}
.dz-pick:hover{transform:translateY(-6px);box-shadow:var(--glow-violet)}
.dz-pick:hover::before{opacity:1}
/* rank 1 spans full width as the featured hero pick */
.dz-pick-rank-1{grid-column:1 / -1;flex-direction:row}
.dz-pick-rank-1 .dz-pick-media{width:52%;aspect-ratio:16/11}
.dz-pick-rank-1 .dz-pick-body{flex:1;justify-content:center;padding:2.5rem 2.6rem;gap:.85rem}
.dz-pick-rank-1 .dz-pick-name{font-size:clamp(1.5rem,2.4vw,2rem)}
.dz-pick-rank-1 .dz-pick-dial{width:72px;height:72px}
.dz-pick-rank-1 .dz-pick-dial-inner{width:56px;height:56px}
.dz-pick-rank-1 .dz-pick-dial-value{font-size:1.2rem}
@media(max-width:860px){.dz-pick-rank-1{flex-direction:column}.dz-pick-rank-1 .dz-pick-media{width:100%;aspect-ratio:16/10}}
.dz-pick-badge{position:absolute;top:1rem;left:1rem;z-index:4;width:40px;height:40px;border-radius:14px;
  background:var(--aurora);display:flex;align-items:center;justify-content:center;color:#0a0b12;
  font-family:var(--font-head);font-weight:800;font-size:1.05rem;box-shadow:0 8px 22px -6px rgba(139,123,255,.8)}
.dz-pick-media{display:block;position:relative;aspect-ratio:4/3;overflow:hidden;background:var(--surface2)}
.dz-pick-img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .55s ease}
.dz-pick:hover .dz-pick-img{transform:scale(1.06)}
.dz-pick-media-veil{position:absolute;inset:0;background:linear-gradient(180deg,transparent 45%,rgba(6,7,13,.55))}
.dz-pick-body{padding:1.4rem 1.5rem 1.6rem;display:flex;flex-direction:column;gap:.65rem}
.dz-pick-category{color:var(--accent);font-size:.72rem;text-transform:uppercase;letter-spacing:.1em;font-weight:700}
.dz-pick-name{margin:0;font-size:1.2rem;line-height:1.2}
.dz-pick-link{color:var(--text)}
.dz-pick-link:hover{color:var(--accent)}
.dz-pick-blurb{color:var(--muted);font-size:.92rem;line-height:1.6;margin:0}
.dz-pick-dial{width:60px;height:60px;border-radius:50%;flex-shrink:0;
  background:var(--aurora);box-shadow:0 0 20px -6px rgba(139,123,255,.7);
  display:flex;align-items:center;justify-content:center;margin:.2rem 0}
.dz-dial-p0{--pct:0}.dz-dial-p10{--pct:10}.dz-dial-p20{--pct:20}.dz-dial-p30{--pct:30}
.dz-dial-p40{--pct:40}.dz-dial-p50{--pct:50}.dz-dial-p60{--pct:60}.dz-dial-p70{--pct:70}
.dz-dial-p80{--pct:80}.dz-dial-p85{--pct:85}.dz-dial-p90{--pct:90}.dz-dial-p100{--pct:100}
.dz-pick-dial-inner{width:46px;height:46px;border-radius:50%;background:var(--surface);
  display:flex;flex-direction:column;align-items:center;justify-content:center;gap:0;line-height:1}
.dz-pick-dial-value{font-family:var(--font-head);font-weight:800;color:var(--text);font-size:1rem}
.dz-pick-dial-max{color:var(--muted);font-size:.58rem;margin-top:2px}
.dz-pick-meta{display:flex;align-items:center;gap:1rem;margin-top:.2rem}
.dz-pick-cta{margin-top:auto;align-self:flex-start;display:inline-flex;align-items:center;gap:.4rem;
  color:var(--accent);font-weight:700;font-size:.92rem}
.dz-pick-cta::after{content:"→";transition:transform .2s}
.dz-pick-cta:hover::after{transform:translateX(4px)}

/* ==========================================================================
   FILTER BAR + CATEGORY CHIPS
   ========================================================================== */
.dz-filter{max-width:var(--maxw);margin:0 auto;padding:1rem 1.5rem 0}
.dz-catbar{display:flex;gap:.5rem;overflow-x:auto;padding:.5rem 0 1rem;scrollbar-width:thin;scroll-snap-type:x proximity}
.dz-cat-chip{flex:0 0 auto;scroll-snap-align:start;cursor:pointer;
  background:var(--surface);border:1px solid var(--border);color:var(--text-dim);
  font-size:.85rem;font-weight:600;padding:.5rem 1rem;border-radius:999px;transition:.2s;white-space:nowrap}
.dz-cat-chip:hover{border-color:var(--border-lit);color:#fff}
.dz-cat-chip.active{background:var(--aurora);border-color:transparent;color:#0a0b12}
.filter-bar{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap;margin:0;padding:1rem 1.2rem;
  background:var(--surface);border:1px solid var(--border);border-radius:var(--radius)}
.filter-bar label{display:inline-flex;align-items:center;gap:.5rem;color:var(--muted);font-size:.85rem;font-weight:600}
.filter-select{padding:.55rem .8rem;border:1px solid var(--border-lit);border-radius:var(--radius-sm);
  background:var(--surface2);color:var(--text);font-family:inherit;font-size:.88rem;cursor:pointer}
.filter-select:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px rgba(56,225,214,.18)}
.filter-reset{background:transparent;border:1px solid var(--border-lit);border-radius:var(--radius-sm);
  padding:.55rem 1rem;font-size:.82rem;font-weight:600;color:var(--muted);cursor:pointer;transition:.2s}
.filter-reset:hover{color:#fff;border-color:var(--accent)}
.filter-results{margin-left:auto;color:var(--text-dim);font-size:.85rem;font-weight:600}

/* ==========================================================================
   LISTING / PRODUCT GRID CARDS
   ========================================================================== */
.dz-listing{max-width:var(--maxw);margin:0 auto;padding:2rem 1.5rem 3.5rem}
.dz-grid,.pg-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem;margin-top:1.25rem;padding:0}
@media(max-width:1024px){.dz-grid,.pg-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:760px){.dz-grid,.pg-grid{grid-template-columns:repeat(2,1fr);gap:1rem}}
@media(max-width:460px){.dz-grid,.pg-grid{grid-template-columns:1fr}}
.dz-card,.pg-item{
  position:relative;display:flex;flex-direction:column;
  background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);
  overflow:hidden;text-decoration:none;color:var(--text);
  transition:transform .3s cubic-bezier(.2,.7,.2,1),box-shadow .3s,border-color .3s;
}
.dz-card:hover,.pg-item:hover{transform:translateY(-5px);border-color:var(--border-lit);box-shadow:var(--glow-violet)}
.dz-card-media{position:relative;aspect-ratio:4/3;overflow:hidden;background:var(--surface2)}
.dz-card-img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s ease}
.dz-card:hover .dz-card-img{transform:scale(1.07)}
.dz-card-overlay{position:absolute;left:0;right:0;bottom:0;padding:.9rem 1rem .95rem;
  background:linear-gradient(180deg,transparent,rgba(6,7,13,.9));display:flex;flex-direction:column;gap:.15rem}
.dz-card-name{margin:0;color:#fff;font-size:1rem;line-height:1.25}
.dz-card-cat{color:var(--accent);font-size:.7rem;text-transform:uppercase;letter-spacing:.08em;font-weight:700}
.dz-dial-wrap{position:absolute;top:.75rem;right:.75rem;width:46px;height:46px;
  filter:drop-shadow(0 2px 10px rgba(0,0,0,.6))}
.dz-dial-track{fill:none;stroke:rgba(255,255,255,.18);stroke-width:3}
.dz-dial-fill{fill:none;stroke:var(--accent);stroke-width:3;stroke-linecap:round;transform:rotate(-90deg);transform-origin:50% 50%}
.dz-dial-text{fill:#fff;font-size:11px;text-anchor:middle;font-weight:800;font-family:var(--font-head)}
.dz-card-body{padding:.95rem 1.1rem 1.15rem}
/* Key-feature chips on card */
.dz-card-highlights{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.4rem}
.dz-card-highlights li{position:relative;padding-left:1.4rem;color:var(--text-dim);font-size:.82rem;line-height:1.4}
.dz-card-highlights li::before{content:"";position:absolute;left:0;top:.42em;width:8px;height:8px;border-radius:50%;
  background:var(--aurora);box-shadow:0 0 8px rgba(56,225,214,.6)}

/* pagination */
#pagination,.pagination{display:flex;justify-content:center;align-items:center;gap:.55rem;margin-top:2.75rem;flex-wrap:wrap}
.page-btn{min-width:42px;height:42px;padding:0 .7rem;border:1px solid var(--border);background:var(--surface);
  color:var(--text-dim);border-radius:var(--radius-sm);display:inline-flex;align-items:center;justify-content:center;
  font-weight:700;cursor:pointer;transition:.2s;font-family:inherit}
.page-btn:hover:not(.disabled){border-color:var(--accent);color:#fff}
.page-btn.active{background:var(--aurora);color:#0a0b12;border-color:transparent}
.page-btn.disabled{opacity:.35;pointer-events:none}

/* ==========================================================================
   COMPARE TABLE
   ========================================================================== */
.compare-section{max-width:var(--maxw);margin:0 auto;padding:4rem 1.5rem}
.compare-wrap{overflow-x:auto;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface)}
.compare-table{width:100%;border-collapse:collapse;min-width:760px}
.compare-table th,.compare-table td{padding:1rem 1.1rem;text-align:left;border-bottom:1px solid var(--border);vertical-align:middle}
.compare-table thead th{background:var(--surface2);font-family:var(--font-head);font-size:.76rem;text-transform:uppercase;
  letter-spacing:.06em;color:var(--muted);font-weight:700}
.compare-table tbody tr{transition:background .2s}
.compare-table tbody tr:last-child td{border-bottom:none}
tr[data-href]{cursor:pointer}
tr[data-href]:hover{background:var(--surface2)}
tr[data-href]:hover .compare-name{color:var(--accent)}
.compare-name{font-family:var(--font-head);font-weight:700;color:var(--text);font-size:.98rem;transition:color .2s}
.compare-table .cat{color:var(--muted);font-size:.8rem}
.compare-table td a{color:var(--accent);font-weight:700}
.compare-bar{height:6px;background:var(--surface3);border-radius:4px;margin-top:.4rem;overflow:hidden;max-width:120px}
.compare-bar-fill{height:100%;background:var(--aurora);border-radius:4px;transform-origin:left;animation:barGrow 1s ease both}
.compare-rank{font-size:1.3rem}
.compare-proscons{display:inline-flex;gap:.4rem;font-weight:700;font-size:.85rem}
.compare-pro{color:var(--accent)}.compare-con{color:var(--pink)}

/* ==========================================================================
   HOW WE TEST
   ========================================================================== */
.dz-how-we-test{max-width:var(--maxw);margin:0 auto;padding:4rem 1.5rem}
.dz-hwt-intro{text-align:center;max-width:720px;margin:0 auto 3rem}
.dz-hwt-title{font-size:clamp(1.8rem,3.4vw,2.4rem);margin:0 0 1rem}
.dz-hwt-copy{color:var(--muted);line-height:1.75;margin:0}
.dz-hwt-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.4rem}
@media(max-width:900px){.dz-hwt-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:520px){.dz-hwt-grid{grid-template-columns:1fr}}
.dz-hwt-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);
  padding:1.8rem 1.5rem;display:flex;flex-direction:column;gap:.5rem;transition:.3s}
.dz-hwt-card:hover{border-color:var(--border-lit);transform:translateY(-4px)}
.dz-hwt-heading{font-size:1.08rem;margin:.6rem 0 .3rem}
.dz-hwt-text{color:var(--muted);font-size:.9rem;line-height:1.65;margin:0}
/* gauge icon */
.dz-hwt-card .dz-dial{width:52px;height:52px;border-radius:50%;position:relative;
  background:conic-gradient(from -90deg,var(--accent),var(--primary),var(--pink),var(--accent));
  padding:2px;box-shadow:0 0 18px -4px rgba(139,123,255,.6)}
.dz-dial-face{position:absolute;inset:3px;background:var(--surface);border-radius:50%;display:flex;align-items:center;justify-content:center}
.dz-dial-needle{width:2px;height:16px;background:var(--accent);transform-origin:bottom center;transform:rotate(20deg);border-radius:2px}
.dz-dial-a .dz-dial-needle{transform:rotate(-40deg)}
.dz-dial-b .dz-dial-needle{transform:rotate(0deg)}
.dz-dial-c .dz-dial-needle{transform:rotate(45deg)}
.dz-dial-d .dz-dial-needle{transform:rotate(80deg)}

/* ==========================================================================
   STATS BAND
   ========================================================================== */
.dz-stats{padding:2.5rem 1.5rem}
.dz-stats-band{max-width:var(--maxw);margin:0 auto;background:linear-gradient(135deg,var(--surface2),var(--surface));
  border:1px solid var(--border);border-radius:var(--radius);padding:2.2rem 1.5rem;
  display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:1.75rem;position:relative;overflow:hidden}
.dz-stats-band::before{content:"";position:absolute;inset:0;background:var(--aurora-soft);opacity:.6;pointer-events:none}
.dz-stat{display:flex;flex-direction:column;align-items:center;gap:.35rem;min-width:110px;position:relative;z-index:1}
.dz-stat-value{font-family:var(--font-head);font-size:2.3rem;font-weight:800;
  background:var(--aurora);-webkit-background-clip:text;background-clip:text;color:transparent}
.dz-stat-label{color:var(--muted);font-size:.74rem;text-transform:uppercase;letter-spacing:.08em;text-align:center}
.dz-stat-sep{width:1px;height:44px;background:var(--border-lit);position:relative;z-index:1}
.dz-stat .dz-dial{--pct:70;width:68px;height:68px;border-radius:50%;position:relative;
  background:conic-gradient(from -90deg,var(--accent) calc(var(--pct)*1%),var(--surface3) 0);display:flex;align-items:center;justify-content:center}
.dz-dial-fill-0{--pct:0}.dz-dial-fill-10{--pct:10}.dz-dial-fill-20{--pct:20}.dz-dial-fill-30{--pct:30}
.dz-dial-fill-40{--pct:40}.dz-dial-fill-50{--pct:50}.dz-dial-fill-60{--pct:60}.dz-dial-fill-70{--pct:70}
.dz-dial-fill-80{--pct:80}.dz-dial-fill-90{--pct:90}.dz-dial-fill-100{--pct:100}
.dz-stat .dz-dial-ring{position:absolute;inset:5px;width:auto;height:auto;border-radius:50%;background:var(--surface)}
.dz-dial-mask{display:none}
.dz-stat .dz-dial-value{position:relative;z-index:2;font-family:var(--font-head);font-weight:800;color:var(--text);font-size:1.05rem}
.dz-stat-qual-badge{background:var(--aurora);color:#0a0b12;padding:.45rem 1rem;border-radius:999px;font-size:.8rem;font-weight:800}

/* ==========================================================================
   FAQ
   ========================================================================== */
.dz-faq{max-width:860px;margin:0 auto;padding:4rem 1.5rem}
.dz-faq-head{text-align:center;margin-bottom:2.5rem}
.dz-dial-mini{display:inline-flex;width:46px;height:46px;border-radius:50%;position:relative;margin-bottom:1rem;
  background:conic-gradient(from -90deg,var(--accent),var(--primary),var(--pink),var(--accent));padding:2px}
.dz-dial-mini-face{position:absolute;inset:3px;background:var(--surface);border-radius:50%;display:flex;align-items:center;justify-content:center}
.dz-dial-mini-needle{width:2px;height:13px;background:var(--accent);transform-origin:bottom center;transform:rotate(30deg);border-radius:2px}
.dz-faq-title{font-size:clamp(1.7rem,3.2vw,2.2rem);margin:0 0 .7rem}
.dz-faq-sub{color:var(--muted);line-height:1.65;margin:0}
.dz-faq-list{display:flex;flex-direction:column;gap:.85rem;margin-top:2rem}
.dz-faq-item{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:.25rem 1.3rem;transition:border-color .25s}
.dz-faq-item[open]{border-color:var(--border-lit)}
.dz-faq-q{cursor:pointer;list-style:none;padding:1.05rem 0;display:flex;align-items:center;gap:.8rem;color:var(--text);font-weight:700;font-size:1rem}
.dz-faq-q::-webkit-details-marker{display:none}
.dz-faq-q::after{content:"+";margin-left:auto;color:var(--accent);font-size:1.4rem;font-weight:400;transition:transform .25s}
.dz-faq-item[open] .dz-faq-q::after{transform:rotate(45deg)}
.dz-dial-tick{flex-shrink:0;width:9px;height:9px;border-radius:50%;background:var(--aurora)}
.dz-faq-a{padding:0 0 1.25rem 1.7rem}
.dz-faq-a p{color:var(--muted);line-height:1.75;margin:0}

/* ==========================================================================
   FOOTER
   ========================================================================== */
.dz-footer{background:var(--bg2);border-top:1px solid var(--border);padding:3.5rem 1.5rem 2rem;margin-top:3.5rem;position:relative}
.dz-footer::before{content:"";position:absolute;top:-1px;left:0;right:0;height:1px;background:var(--aurora);opacity:.5}
.dz-footer-inner{max-width:var(--maxw);margin:0 auto;display:grid;grid-template-columns:1.6fr 1fr 1fr;gap:2.5rem;text-align:left;align-items:start}
@media(max-width:760px){.dz-footer-inner{grid-template-columns:1fr;gap:1.8rem;text-align:center}}
.dz-footer-brand{display:flex;align-items:center;gap:.6rem}
.dz-footer-logo{max-height:34px;width:auto;object-fit:contain;filter:drop-shadow(0 0 10px rgba(56,225,214,.45))}
.dz-footer-name{font-family:var(--font-head);font-weight:800;font-size:1.2rem;
  background:var(--aurora);-webkit-background-clip:text;background-clip:text;color:transparent}
.dz-footer-desc{color:var(--muted);line-height:1.7;font-size:.92rem;margin:.9rem 0 0;max-width:420px}
@media(max-width:760px){.dz-footer-desc,.dz-footer-brand{margin-inline:auto;justify-content:center}}
.dz-footer-col-title{font-family:var(--font-head);font-size:.78rem;text-transform:uppercase;letter-spacing:.12em;color:var(--text-dim);margin:0 0 1rem;font-weight:700}
.dz-footer-links{display:flex;flex-direction:column;gap:.6rem;align-items:flex-start}
@media(max-width:760px){.dz-footer-links{align-items:center}}
.dz-footer-link{color:var(--muted);font-size:.9rem;transition:color .2s}
.dz-footer-link:hover{color:var(--accent)}
.dz-footer-sep{display:none}
.dz-footer-dial{display:none}
.dz-footer-bottom{max-width:var(--maxw);margin:2.5rem auto 0;padding-top:1.5rem;border-top:1px solid var(--border);
  display:flex;justify-content:space-between;gap:1rem;flex-wrap:wrap;align-items:center}
@media(max-width:760px){.dz-footer-bottom{justify-content:center;text-align:center}}
.dz-footer-copy{color:var(--muted);font-size:.82rem;margin:0}

/* ==========================================================================
   PRODUCT PAGE — hero-lab, gallery, buybox, spec, pros/cons, review, related
   ========================================================================== */
.product{padding:2rem 0 1rem}
.product-hero-split{max-width:var(--maxw);margin:0 auto;padding:1.5rem 20px}
.product-hero-split .ph-hero{display:grid;grid-template-columns:1.15fr .85fr;gap:2rem;align-items:start;margin-bottom:1.5rem}
@media(max-width:860px){.product-hero-split .ph-hero{grid-template-columns:1fr}}
.dz-hero-lab{position:relative;overflow:hidden;background:radial-gradient(120% 120% at 20% 0%,var(--surface2),var(--surface));
  border:1px solid var(--border);border-radius:var(--radius);padding:2.2rem;display:flex;align-items:center;gap:2rem;flex-wrap:wrap}
.dz-hero-lab__grid{position:absolute;inset:0;opacity:.5;z-index:0;
  background-image:linear-gradient(color-mix(in srgb,var(--border) 70%,transparent) 1px,transparent 1px),
    linear-gradient(90deg,color-mix(in srgb,var(--border) 70%,transparent) 1px,transparent 1px);background-size:38px 38px}
.dz-hero-lab__dial{position:relative;z-index:1;flex-shrink:0}
.dz-dial-ring{width:130px;height:130px;border-radius:50%;position:relative;display:flex;align-items:center;justify-content:center;
  background:var(--surface3)}
.dz-dial-fill{position:absolute;inset:0;border-radius:50%;
  background:conic-gradient(from -90deg,var(--accent) calc(var(--fillpct,50)*1%),transparent 0);
  -webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 12px),#000 calc(100% - 12px));
  mask:radial-gradient(farthest-side,transparent calc(100% - 12px),#000 calc(100% - 12px))}
.dz-dial-fill--0{--fillpct:0}.dz-dial-fill--10{--fillpct:10}.dz-dial-fill--20{--fillpct:20}.dz-dial-fill--30{--fillpct:30}
.dz-dial-fill--40{--fillpct:40}.dz-dial-fill--50{--fillpct:50}.dz-dial-fill--60{--fillpct:60}.dz-dial-fill--70{--fillpct:70}
.dz-dial-fill--80{--fillpct:80}.dz-dial-fill--90{--fillpct:90}.dz-dial-fill--100{--fillpct:100}
.dz-dial-fill--none{background:var(--surface3)}
.dz-dial-hub{width:64px;height:64px;border-radius:50%;background:var(--surface);box-shadow:inset 0 0 0 1px var(--border-lit);
  position:relative;z-index:2;display:flex;align-items:center;justify-content:center}
.dz-hero-lab__dial .dz-dial-hub::after{content:"";width:10px;height:10px;border-radius:50%;background:var(--aurora)}
.dz-dial-tick{position:absolute;width:3px;height:10px;background:var(--border-lit);top:4px;left:50%;transform-origin:50% 61px}
.dz-dial-tick--0{transform:translateX(-50%) rotate(0)}
.dz-dial-tick--25{transform:translateX(-50%) rotate(90deg)}
.dz-dial-tick--50{transform:translateX(-50%) rotate(180deg)}
.dz-dial-tick--75{transform:translateX(-50%) rotate(270deg)}
.dz-dial-tick--100{transform:translateX(-50%) rotate(360deg)}
.dz-hero-lab__content{position:relative;z-index:1;flex:1;min-width:240px;display:flex;flex-direction:column;gap:.5rem}
.dz-brand-chip{align-self:flex-start;background:var(--surface3);color:var(--accent);font-size:.72rem;font-weight:800;
  text-transform:uppercase;letter-spacing:.08em;padding:.32rem .8rem;border-radius:999px;border:1px solid var(--border-lit)}
.dz-eyebrow{color:var(--muted);font-size:.82rem;text-transform:uppercase;letter-spacing:.08em;font-weight:700}
.dz-hero-lab .dz-hero-title{font-size:clamp(1.7rem,3.4vw,2.5rem);margin:.2rem 0 .4rem;line-height:1.1}
.dz-hero-tagline{color:var(--text-dim);line-height:1.6;margin:0 0 .6rem}
.dz-hero-meta{display:flex;align-items:center;gap:.5rem}
.dz-hero-meta__label{color:var(--muted);font-size:.82rem}
.dz-hero-meta__value{color:var(--text);font-weight:700;font-size:.9rem}

.gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:.7rem;margin:1.2rem 0}
.gallery img{width:100%;aspect-ratio:4/3;object-fit:cover;background:var(--surface2);border-radius:var(--radius-sm);border:1px solid var(--border);transition:.3s}
.gallery img:hover{border-color:var(--accent);transform:scale(1.02)}

.rating{color:var(--gold);font-weight:800;font-size:1.05rem}
.score-bar-wrap{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:1rem 1.2rem;margin:1rem 0}
.score-bar-label{display:flex;justify-content:space-between;font-size:.82rem;color:var(--muted);margin-bottom:.5rem;font-weight:600}
.score-bar-track{height:9px;background:var(--surface3);border-radius:5px;overflow:hidden}
.score-bar-fill{height:100%;background:var(--aurora);border-radius:5px;transform-origin:left;animation:barGrow 1.1s ease both}

.dz-buybox{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:1.75rem;display:flex;flex-direction:column;gap:1.25rem;position:relative;overflow:hidden}
.dz-buybox::before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--aurora)}
.dz-buybox--sticky{position:sticky;top:96px}
.dz-buybox__top{display:flex;flex-direction:column;gap:.25rem}
.dz-buybox__brand{color:var(--accent);font-size:.76rem;font-weight:800;text-transform:uppercase;letter-spacing:.06em}
.dz-buybox__name{color:var(--text);margin:0;font-size:1.3rem;line-height:1.2}
.dz-buybox__dial{display:flex;align-items:center;gap:1rem;padding:1rem 0;border-top:1px solid var(--border);border-bottom:1px solid var(--border)}
.dz-buybox__dial .dz-dial{width:66px;height:66px;border-radius:50%;flex-shrink:0;
  background:var(--aurora);box-shadow:0 0 22px -6px rgba(139,123,255,.7);display:flex;align-items:center;justify-content:center}
.dz-dial__face{width:50px;height:50px;border-radius:50%;background:var(--surface);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:0;line-height:1}
.dz-dial__max{margin-top:2px}
.dz-dial__num{font-family:var(--font-head);color:var(--text);font-weight:800;font-size:1.05rem}
.dz-dial__max{color:var(--muted);font-size:.7rem}
.dz-buybox__ratemeta{display:flex;flex-direction:column;gap:.15rem}
.dz-buybox__pct{color:var(--text);font-weight:800;font-size:.95rem}
.dz-buybox__count{color:var(--muted);font-size:.8rem}
.dz-buybox__trust{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.6rem}
.dz-buybox__trust-item{color:var(--text-dim);font-size:.9rem;padding-left:1.5rem;position:relative;line-height:1.5}
.dz-buybox__trust-item::before{content:"";position:absolute;left:0;top:.4rem;width:9px;height:9px;border-radius:50%;background:var(--aurora);box-shadow:0 0 8px rgba(56,225,214,.6)}
.dz-btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;text-decoration:none;font-weight:800;border-radius:999px;padding:1rem 1.5rem;text-align:center}
.dz-btn--gradient{background:var(--aurora);color:#0a0b12;transition:transform .2s,box-shadow .2s,filter .2s;box-shadow:0 14px 40px -14px rgba(139,123,255,.85)}
.dz-btn--gradient:hover{transform:translateY(-2px);filter:brightness(1.06)}
.dz-buybox__cta::after{content:"→"}
.dz-buybox__foot{display:flex;gap:.5rem;flex-wrap:wrap}
.dz-buybox__badge{background:var(--surface2);color:var(--muted);font-size:.74rem;padding:.35rem .8rem;border-radius:999px;border:1px solid var(--border);display:inline-flex;align-items:center;gap:.35rem}
.dz-buybox__badge::before{content:"✓";color:var(--accent);font-weight:800}

.cta-disclosure{font-size:.76rem;color:var(--muted);margin:.6rem 0 0;line-height:1.45;font-style:italic}
.ph-details{margin-top:1.5rem}
.verdict-box{background:linear-gradient(135deg,var(--surface2),var(--surface));border:1px solid var(--border-lit);border-radius:var(--radius);padding:1.4rem 1.6rem;margin:1.2rem 0;position:relative}
.verdict-label{display:inline-flex;align-items:center;gap:.5rem;font-size:.72rem;font-weight:800;text-transform:uppercase;letter-spacing:.12em;color:var(--accent);margin-bottom:.6rem}
.verdict-label::before{content:"";width:18px;height:18px;border-radius:6px;background:var(--aurora);box-shadow:0 0 12px -2px rgba(56,225,214,.7)}
.verdict-text{color:var(--text-dim);line-height:1.7}

.dz-spec-table{max-width:var(--maxw);margin:0 auto;padding:2.5rem 0}
.dz-spec-head{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap;margin-bottom:1.75rem;padding-bottom:1rem;border-bottom:1px solid var(--border)}
.dz-spec-title{font-size:1.5rem;margin:0}
.dz-spec-head .dz-dial{--pct:50;width:60px;height:60px;border-radius:50%;position:relative;flex-shrink:0;
  background:conic-gradient(from -90deg,var(--accent) calc(var(--pct)*1%),var(--surface3) 0);display:flex;align-items:center;justify-content:center}
.dz-spec-head .dz-dial-ring{position:static;inset:auto;width:44px;height:44px;background:var(--surface);display:flex}
.dz-spec-head .dz-dial-inner{width:44px;height:44px;border-radius:50%;background:var(--surface);display:flex;flex-direction:column;align-items:center;justify-content:center;position:absolute}
.dz-spec-head .dz-dial-value{font-family:var(--font-head);font-weight:800;color:var(--text);font-size:.8rem}
.dz-spec-head .dz-dial-label{color:var(--muted);font-size:.58rem;text-transform:uppercase}
.dz-spec-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:1rem}
.dz-spec-card{display:flex;align-items:flex-start;gap:.75rem;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);padding:1rem 1.1rem;transition:.25s}
.dz-spec-card:hover{border-color:var(--border-lit)}
.dz-spec-dot{flex-shrink:0;width:9px;height:9px;border-radius:50%;background:var(--aurora);margin-top:.4rem;box-shadow:0 0 8px rgba(56,225,214,.5)}
.dz-spec-content{display:flex;flex-direction:column;gap:.2rem}
.dz-spec-label{color:var(--muted);font-size:.74rem;text-transform:uppercase;letter-spacing:.04em}
.dz-spec-value{color:var(--text);font-weight:700;font-size:.95rem}

.cols{display:grid;grid-template-columns:1fr 1fr;gap:1.25rem;margin:1.5rem 0}
@media(max-width:640px){.cols{grid-template-columns:1fr}}
.chip{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:1.3rem 1.5rem}
.chip h3{margin:0 0 .8rem;font-size:1.1rem}
ul.clean{list-style:none;padding:0;margin:0}
ul.clean li{padding:.5rem 0;border-bottom:1px solid var(--border);color:var(--text-dim);line-height:1.5}
ul.clean li:last-child{border-bottom:none}
.ph-details>p{color:var(--text-dim);line-height:1.8;margin:1.2rem 0}
.ph-details h2{font-size:1.5rem;margin:2rem 0 1rem}
.review{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:1.2rem 1.4rem;margin:.8rem 0;color:var(--text-dim);line-height:1.6}
.review strong{color:var(--text)}

.related-section{background:var(--bg2);padding:3.5rem 0;margin-top:3rem;border-top:1px solid var(--border)}
.featured-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.4rem;padding:1rem 0 0}
@media(max-width:900px){.featured-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:480px){.featured-grid{grid-template-columns:1fr}}
.related-card,.featured-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;display:flex;flex-direction:column;color:var(--text);text-decoration:none;transition:transform .3s,box-shadow .3s,border-color .3s}
.related-card:hover,.featured-card:hover{transform:translateY(-5px);border-color:var(--border-lit);box-shadow:var(--glow-violet)}
.featured-img{aspect-ratio:4/3;overflow:hidden;background:var(--surface2)}
.featured-img img{width:100%;height:100%;object-fit:cover;transition:transform .5s}
.related-card:hover .featured-img img,.featured-card:hover .featured-img img{transform:scale(1.06)}
.featured-body{padding:1rem 1.15rem 1.2rem;display:flex;flex-direction:column;gap:.35rem}
.featured-title{font-family:var(--font-head);font-weight:700;font-size:1rem;line-height:1.25}
.featured-body .cat{color:var(--accent);font-size:.7rem;text-transform:uppercase;letter-spacing:.06em;font-weight:700}
.featured-body .rating{color:var(--gold);font-size:.9rem}
.featured-rank{color:var(--accent);font-weight:800;font-size:.8rem}

/* ==========================================================================
   ADS / AFFILIATE / COOKIE / MISC
   ========================================================================== */
.ad-placement{margin:1.75rem auto;max-width:var(--maxw);padding:0 1.5rem}
.ad-placement-inner{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}
.ad-unit{width:300px;height:250px;background:var(--surface);border:1px dashed var(--border-lit);border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center}
.ad-unit:empty::before{content:"Advertisement";color:var(--muted);font-size:.68rem;letter-spacing:.14em;text-transform:uppercase}
.aff-disc,.aff-card{font-size:.85rem;color:var(--muted);line-height:1.5}
.aff-card{margin:1.5rem auto;padding:.9rem 1.2rem;max-width:820px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);display:flex;align-items:center;gap:.6rem}
.aff-ic{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:50%;background:var(--aurora-soft);color:var(--accent);font-weight:800;font-size:.95rem}

#cookie-banner{position:fixed;bottom:1rem;left:50%;transform:translateX(-50%);width:min(680px,calc(100% - 2rem));
  background:var(--surface2);color:var(--text);padding:1rem 1.25rem;display:none;align-items:center;justify-content:space-between;
  gap:1rem;flex-wrap:wrap;z-index:200;border:1px solid var(--border-lit);border-radius:var(--radius);box-shadow:var(--shadow)}
html.cookie-ask #cookie-banner{display:flex}
#cookie-banner p{margin:0;font-size:.88rem;color:var(--text-dim)}
#cookie-banner a{color:var(--accent);text-decoration:underline}
.cookie-btns{display:flex;gap:.5rem}
#cookie-banner button{border:0;border-radius:999px;padding:.55rem 1.2rem;cursor:pointer;font-weight:700;font-family:inherit;font-size:.85rem}
#cookie-accept{background:var(--aurora);color:#0a0b12}
#cookie-decline{background:transparent;border:1px solid var(--border-lit);color:var(--text-dim)}

/* ==========================================================================
   STATIC PAGES (about / privacy / terms / cookies)
   ========================================================================== */
.legal,.static-page{max-width:820px;margin:0 auto;padding:3rem 1.5rem}
.legal h1,.static-page h1{font-size:clamp(1.9rem,4vw,2.6rem);margin:0 0 1rem}
.legal h2,.static-page h2{font-size:1.4rem;margin:2rem 0 .8rem}
.legal p,.static-page p,.legal li,.static-page li{color:var(--text-dim);line-height:1.8}
.legal a,.static-page a{color:var(--accent)}

/* ==========================================================================
   PRODUCT PAGE (PDP) — rebuilt layout
   ========================================================================== */
.pdp{padding:1rem 0 2rem}
.pdp-crumbs{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap;font-size:.82rem;color:var(--muted);margin:.5rem 0 1.5rem}
.pdp-crumbs a{color:var(--muted);transition:color .2s}
.pdp-crumbs a:hover{color:var(--accent)}
.pdp-crumbs .sep{opacity:.5}
.pdp-crumb-cur{color:var(--text-dim);font-weight:600}
.pdp-top{display:grid;grid-template-columns:1.05fr .95fr;gap:2.2rem;align-items:start}
@media(max-width:880px){.pdp-top{grid-template-columns:1fr;gap:1.5rem}}
.pdp-gallery{display:flex;flex-direction:column;gap:.8rem;position:sticky;top:96px}
@media(max-width:880px){.pdp-gallery{position:static}}
.pdp-gallery-main{position:relative;border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;
  background:var(--surface);aspect-ratio:4/3;display:flex;align-items:center;justify-content:center}
.pdp-gallery-main::before{content:"";position:absolute;inset:0;background:var(--aurora-soft);opacity:.5;pointer-events:none}
.pdp-gallery-main img{width:100%;height:100%;object-fit:contain;position:relative;z-index:1}
.pdp-gallery-thumbs{display:grid;grid-template-columns:repeat(4,1fr);gap:.6rem}
.pdp-thumb{padding:0;border:1px solid var(--border);border-radius:var(--radius-sm);overflow:hidden;background:var(--surface);
  cursor:pointer;aspect-ratio:1;transition:border-color .2s,transform .2s}
.pdp-thumb img{width:100%;height:100%;object-fit:cover;display:block}
.pdp-thumb:hover{transform:translateY(-2px);border-color:var(--border-lit)}
.pdp-thumb.active{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent),0 0 16px -4px rgba(56,225,214,.6)}
.pdp-buy{display:flex;flex-direction:column;gap:.5rem}
.pdp-buy .dz-buybox{position:static}
.pdp-glance{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--border);
  border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;margin:2rem 0}
@media(max-width:620px){.pdp-glance{grid-template-columns:repeat(2,1fr)}}
.pdp-glance-item{background:var(--surface);padding:1.1rem 1.2rem;display:flex;flex-direction:column;gap:.3rem}
.pdp-glance-item span{color:var(--muted);font-size:.7rem;text-transform:uppercase;letter-spacing:.08em}
.pdp-glance-item b{font-family:var(--font-head);color:var(--text);font-size:1.05rem;font-weight:700;line-height:1.2}
.pdp-glance-item b.rate{color:var(--gold)}
.pdp-section{margin:2.5rem 0}
.pdp-h2{font-size:1.5rem;margin:0 0 1.2rem;display:flex;align-items:center;gap:.65rem}
.pdp-h2::before{content:"";width:22px;height:22px;border-radius:7px;background:var(--aurora);flex-shrink:0;box-shadow:0 0 14px -2px rgba(139,123,255,.7)}

/* ==========================================================================
   BEST FOR YOUR SPACE — curated shortlists (replaces How We Test)
   ========================================================================== */
.dz-bestfor{max-width:var(--maxw);margin:0 auto;padding:4rem 1.5rem}
.dz-bestfor-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.2rem}
@media(max-width:900px){.dz-bestfor-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){.dz-bestfor-grid{grid-template-columns:1fr}}
.dz-bestfor-card{position:relative;display:flex;align-items:center;gap:1rem;
  background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);
  padding:1rem;text-decoration:none;color:var(--text);overflow:hidden;
  transition:transform .3s cubic-bezier(.2,.7,.2,1),box-shadow .3s,border-color .3s}
.dz-bestfor-card::after{content:"";position:absolute;inset:0;border-radius:inherit;padding:1px;
  background:var(--aurora);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);
  -webkit-mask-composite:xor;mask-composite:exclude;opacity:0;transition:opacity .3s;pointer-events:none}
.dz-bestfor-card:hover{transform:translateY(-4px);box-shadow:var(--glow-violet)}
.dz-bestfor-card:hover::after{opacity:1}
.dz-bestfor-thumb{flex-shrink:0;width:84px;height:84px;border-radius:var(--radius-sm);overflow:hidden;
  background:var(--surface2);border:1px solid var(--border)}
.dz-bestfor-thumb img{width:100%;height:100%;object-fit:cover;transition:transform .5s}
.dz-bestfor-card:hover .dz-bestfor-thumb img{transform:scale(1.08)}
.dz-bestfor-body{display:flex;flex-direction:column;gap:.25rem;min-width:0}
.dz-bestfor-tag{display:inline-flex;align-items:center;gap:.4rem;font-size:.7rem;font-weight:800;
  text-transform:uppercase;letter-spacing:.09em;background:var(--aurora);
  -webkit-background-clip:text;background-clip:text;color:transparent}
.dz-bestfor-tag::before{content:"";width:14px;height:2px;border-radius:2px;background:var(--aurora)}
.dz-bestfor-name{font-size:1rem;line-height:1.2;margin:0}
.dz-bestfor-meta{display:flex;align-items:center;gap:.6rem;font-size:.78rem;color:var(--muted)}
.dz-bestfor-meta .dz-bestfor-cat{text-transform:uppercase;letter-spacing:.05em}
.dz-bestfor-meta .dz-bestfor-score{color:var(--gold);font-weight:700}

/* ==========================================================================
   GUARDS (retain generator invariants)
   ========================================================================== */
.product img,[class*="dz-buy-box"] img,[class*="dz-product-image"]{max-height:70vh;object-fit:contain}
[class*="dz-section-head"]{margin-bottom:1.5rem}
.pg-item [class*="media"],.pg-item [class*="img"],.pg-item img{max-height:280px}

/* Legacy fallbacks (older markup variants) */
header.site{background:var(--surface);color:var(--text);padding:1rem 0;border-bottom:1px solid var(--border)}
footer.site{background:var(--bg2);color:var(--muted);padding:2rem 0;margin-top:3rem;font-size:.9rem}
.btn{display:inline-block;background:var(--aurora);color:#0a0b12;padding:.7rem 1.2rem;border-radius:999px;font-weight:700;margin-top:auto}
.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;display:flex;flex-direction:column}
.brand-tag{background:var(--surface);border:1px solid var(--border);border-radius:999px;padding:.4rem .9rem;font-size:.85rem;cursor:pointer;color:var(--text-dim)}
.brand-tag.active{background:var(--aurora);color:#0a0b12;border-color:transparent}