/* ═════════════════════════════════════════════════════════════════════════
   DeskPickr V11 — "KIOSQUE"
   Editorial magazine design system. French press kiosk meets digital product
   guide. Fraunces serif display + Inter body + IBM Plex Mono meta.
   Replaces Lumen. Prepended to base v9 so legacy .dpv6-*, .v9-*,
   .dp-product-card, .dp-winner-box still render for the 233 articles.
════════════════════════════════════════════════════════════════════════ */

/* ─── Webfonts ────────────────────────────────────────────────────────── */
@import url('https://fonts.googleapis.com/css2?family=Fraunces:ital,opsz,wght@0,9..144,300..900;1,9..144,300..900&family=Inter:wght@300..700&family=IBM+Plex+Mono:ital,wght@0,400;0,500;0,600;1,400&display=swap');

/* ─── TOKENS — Light Kiosque ─────────────────────────────────────────── */
:root{
  /* Ink — warm deep charcoal */
  --ink:#14120f;
  --ink-2:#3a3631;
  --ink-3:#6a6459;
  --ink-4:#9e988c;
  --ink-5:#c7c1b3;
  --ink-invert:#f4efe4;
  /* Paper — cream + warm neutrals */
  --bg:#f4efe4;
  --bg-2:#ede6d4;
  --bg-3:#e3daC3;
  --paper:#fdfaf3;
  --line:#d9d2c0;
  --line-strong:#bfb6a0;
  /* Brand + accents */
  --brand:#ff5a1f;
  --brand-dk:#d94614;
  --brand-lt:#fff1e8;
  --accent:#1e3a8a;      /* deep ink blue — N° numerals */
  --accent-2:#c12e2a;    /* press red — tags, underlines */
  --accent-3:#2f5c3e;    /* forest — success, ok */
  /* Semantic */
  --ok:#2f5c3e;--warn:#8a5a00;--err:#c12e2a;
  /* Radii — slight softening, no heavy rounding */
  --r0:0px;--r1:3px;--r2:6px;--r3:10px;--r4:14px;--r5:20px;
  /* Shadows — paper-embossed */
  --sh0:0 1px 0 var(--line);
  --sh1:0 1px 2px rgba(20,18,15,.04),0 2px 8px rgba(20,18,15,.06);
  --sh2:0 4px 16px rgba(20,18,15,.08),0 1px 3px rgba(20,18,15,.05);
  --sh3:0 20px 60px rgba(20,18,15,.14),0 4px 12px rgba(20,18,15,.08);
  --sh-brand:0 8px 24px rgba(255,90,31,.28);
  /* Fonts */
  --f-serif:"Fraunces","Libre Caslon Text","Charter","Iowan Old Style","PT Serif",Cambria,serif;
  --f-sans:"Inter","SF Pro Text",ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,sans-serif;
  --f-mono:"IBM Plex Mono","JetBrains Mono","SF Mono",ui-monospace,Menlo,Consolas,monospace;
  --f:var(--f-sans);
  --f-display:var(--f-serif);
  --f-body:var(--f-sans);
  /* Motion */
  --e:cubic-bezier(.2,.7,0,1);
  --e-out:cubic-bezier(.16,1,.3,1);
  --e-in:cubic-bezier(.7,0,.84,0);
  /* Layout */
  --w:1440px;--wt:760px;--wn:960px;
  --gutter:clamp(20px,4vw,56px);
  /* Kiosque hairlines */
  --lumen-hairline:var(--line);
  --lumen-hairline-strong:var(--line-strong);
  --lumen-grid-line:rgba(20,18,15,.05);
  --lumen-hover-tint:rgba(255,90,31,.06);
  --lumen-surface-glass:rgba(253,250,243,.82);
  --lumen-surface-glass-strong:rgba(253,250,243,.92);
}

/* ─── TOKENS — Dark Kiosque ──────────────────────────────────────────── */
[data-theme="dark"]{
  --ink:#ece6d8;
  --ink-2:#b8b2a4;
  --ink-3:#7d7869;
  --ink-4:#4a4640;
  --ink-5:#2a2724;
  --ink-invert:#0f0e0c;
  --bg:#0f0e0c;
  --bg-2:#17150f;
  --bg-3:#1f1c14;
  --paper:#17150f;
  --line:#2d2a22;
  --line-strong:#453f32;
  --brand:#ff7240;
  --brand-dk:#ff5a1f;
  --brand-lt:#2a1810;
  --accent:#7aa2ff;
  --accent-2:#e76d68;
  --accent-3:#7ec189;
  --sh0:0 1px 0 rgba(255,255,255,.04);
  --sh1:0 1px 2px rgba(0,0,0,.3),0 2px 8px rgba(0,0,0,.4);
  --sh2:0 4px 16px rgba(0,0,0,.5),0 1px 3px rgba(0,0,0,.4);
  --sh3:0 20px 60px rgba(0,0,0,.6),0 4px 12px rgba(0,0,0,.5);
  --lumen-hairline:rgba(255,255,255,.09);
  --lumen-hairline-strong:rgba(255,255,255,.18);
  --lumen-grid-line:rgba(255,255,255,.05);
  --lumen-hover-tint:rgba(255,114,64,.12);
  --lumen-surface-glass:rgba(15,14,12,.78);
  --lumen-surface-glass-strong:rgba(15,14,12,.92);
}

/* ─── FOUNDATIONS ────────────────────────────────────────────────────── */
html{scroll-behavior:smooth;text-size-adjust:100%}
body.deskpickr-premium,
body.dpv9,
body{
  font-family:var(--f-body);
  background:var(--bg);
  color:var(--ink);
  font-size:16px;
  line-height:1.55;
  font-feature-settings:"ss01","cv11","cv02";
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
}
*{box-sizing:border-box}
::selection{background:var(--brand);color:#fff}

/* Link reset inside Kiosque */
.dp-v11 a{color:inherit;text-decoration:none}

/* Image fade — LiteSpeed compatible */
img[data-lazyloaded]{opacity:1!important}

/* ─── SHELL ──────────────────────────────────────────────────────────── */
.dp-shell{max-width:var(--w);margin:0 auto;padding:0 var(--gutter)}
.dp-shell--narrow{max-width:var(--wn)}
.dp-shell--text{max-width:var(--wt)}

/* ─── TYPOGRAPHY ─────────────────────────────────────────────────────── */
.dp-v11 h1,.dp-v11 h2,.dp-v11 h3,.dp-v11 h4{
  font-family:var(--f-display);font-weight:560;
  letter-spacing:-.02em;line-height:1.05;color:var(--ink);
  font-optical-sizing:auto;
}
.dp-v11 h1{font-size:clamp(42px,7vw,112px);font-weight:580;letter-spacing:-.035em}
.dp-v11 h2{font-size:clamp(30px,4.2vw,60px);letter-spacing:-.025em}
.dp-v11 h3{font-size:clamp(22px,2.4vw,32px);letter-spacing:-.02em}
.dp-v11 p{color:var(--ink-2);font-family:var(--f-body)}

.dp-kicker{
  font-family:var(--f-mono);
  font-size:11px;font-weight:500;
  text-transform:uppercase;letter-spacing:.16em;
  color:var(--ink-3);
  display:inline-flex;align-items:center;gap:10px;
}
.dp-kicker::before{
  content:"";display:inline-block;
  width:24px;height:1px;background:currentColor;
  vertical-align:middle;
}
.dp-kicker--brand{color:var(--brand)}
.dp-kicker--accent{color:var(--accent-2)}

.dp-serif-em{font-family:var(--f-display);font-style:italic;font-weight:400}
.dp-serif{font-family:var(--f-display)}

/* Edition slab (N°142 style) */
.dp-slab{
  font-family:var(--f-mono);font-weight:500;font-size:11px;
  letter-spacing:.14em;text-transform:uppercase;color:var(--ink-3);
  display:inline-flex;align-items:center;gap:14px;
  padding:0;
}
.dp-slab::after{content:"";flex:1;height:1px;background:var(--line)}

/* Big numeral (N°01 etc) */
.dp-numeral{
  font-family:var(--f-display);font-style:italic;font-weight:300;
  font-size:clamp(48px,6vw,88px);line-height:1;letter-spacing:-.03em;
  color:var(--accent-2);
}
[data-theme="dark"] .dp-numeral{color:var(--accent-2)}

/* ─── NAV ────────────────────────────────────────────────────────────── */
.site-header,.dp-nav{
  background:var(--lumen-surface-glass);
  backdrop-filter:saturate(1.4) blur(16px);
  -webkit-backdrop-filter:saturate(1.4) blur(16px);
  border-bottom:1px solid var(--lumen-hairline);
  transition:border-color .3s var(--e-out),background .3s var(--e-out);
}
body.is-scrolled .site-header,body.is-scrolled .dp-nav,
.is-scrolled.site-header,.is-scrolled.dp-nav{
  background:var(--lumen-surface-glass-strong);
  border-bottom-color:var(--lumen-hairline-strong);
}

/* ─── HERO — EDITORIAL COVER ─────────────────────────────────────────── */
.dp-hero{
  padding:clamp(88px,12vh,140px) 0 clamp(56px,8vh,96px);
  border-bottom:1px solid var(--line);
  background:var(--bg);
  position:relative;
}
.dp-hero__masthead{
  display:flex;justify-content:space-between;align-items:baseline;
  margin-bottom:clamp(48px,6vw,88px);gap:24px;
}
.dp-hero__issue{
  font-family:var(--f-mono);font-weight:500;font-size:11px;
  letter-spacing:.14em;text-transform:uppercase;color:var(--ink-3);
}
.dp-hero__issue strong{color:var(--ink);font-weight:600}
.dp-hero__date{
  font-family:var(--f-mono);font-size:11px;
  letter-spacing:.14em;text-transform:uppercase;color:var(--ink-3);
}

.dp-hero__cover{
  display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);
  gap:clamp(32px,5vw,80px);align-items:end;
}
@media(max-width:900px){.dp-hero__cover{grid-template-columns:1fr}}

.dp-hero__copy{display:flex;flex-direction:column;gap:clamp(20px,2.5vw,32px)}
.dp-hero__title{
  font-family:var(--f-display);
  font-weight:530;
  font-size:clamp(48px,7.5vw,120px);
  line-height:.96;
  letter-spacing:-.035em;
  color:var(--ink);
  margin:0;
}
.dp-hero__title em{
  font-style:italic;font-weight:380;color:var(--accent-2);
}
.dp-hero__lead{
  font-family:var(--f-body);font-size:clamp(17px,1.5vw,20px);
  line-height:1.55;color:var(--ink-2);max-width:46ch;margin:0;
}
.dp-hero__actions{display:flex;flex-wrap:wrap;gap:14px;margin-top:8px}

.dp-hero__feature{
  position:relative;aspect-ratio:5/6;overflow:hidden;
  background:var(--ink-5);
}
.dp-hero__feature img{
  width:100%;height:100%;object-fit:cover;display:block;
  transition:transform .9s var(--e-out);
}
.dp-hero__feature:hover img{transform:scale(1.04)}
.dp-hero__feature::after{
  content:"";position:absolute;inset:0;
  background:linear-gradient(180deg,transparent 40%,rgba(20,18,15,.7) 100%);
  pointer-events:none;
}
.dp-hero__feature-meta{
  position:absolute;bottom:0;left:0;right:0;padding:clamp(20px,3vw,36px);
  color:#fff;z-index:1;
}
.dp-hero__feature-cat{
  font-family:var(--f-mono);font-size:10px;font-weight:600;
  letter-spacing:.18em;text-transform:uppercase;color:#fff;
  display:inline-block;padding:6px 12px;background:var(--brand);
  margin-bottom:14px;
}
.dp-hero__feature-title{
  font-family:var(--f-display);font-weight:520;
  font-size:clamp(22px,2.4vw,34px);line-height:1.08;
  letter-spacing:-.02em;color:#fff;margin:0 0 10px;
  max-width:22ch;
}
.dp-hero__feature-read{
  font-family:var(--f-mono);font-size:11px;letter-spacing:.14em;
  text-transform:uppercase;color:rgba(255,255,255,.85);
}

/* Bottom stat strip */
.dp-hero__stats{
  display:grid;grid-template-columns:repeat(4,1fr);
  gap:clamp(16px,2vw,32px);
  margin-top:clamp(56px,7vw,96px);
  padding-top:32px;
  border-top:1px solid var(--line);
}
.dp-hero__stat{display:flex;flex-direction:column;gap:8px}
.dp-hero__stat strong{
  font-family:var(--f-display);font-weight:500;
  font-size:clamp(32px,4vw,56px);line-height:1;letter-spacing:-.025em;
  color:var(--ink);
}
.dp-hero__stat span{
  font-family:var(--f-mono);font-size:11px;
  letter-spacing:.14em;text-transform:uppercase;color:var(--ink-3);
}
@media(max-width:720px){.dp-hero__stats{grid-template-columns:repeat(2,1fr);gap:20px}}

/* ─── BUTTONS ────────────────────────────────────────────────────────── */
.dp-btn{
  display:inline-flex;align-items:center;justify-content:center;gap:10px;
  padding:16px 26px;border-radius:var(--r0);
  font-family:var(--f-mono);font-weight:500;font-size:12px;
  letter-spacing:.1em;text-transform:uppercase;
  cursor:pointer;border:1px solid transparent;text-decoration:none;
  transition:transform .25s var(--e-out),background .25s var(--e-out),color .25s var(--e-out),border-color .25s var(--e-out),box-shadow .25s var(--e-out);
  position:relative;overflow:hidden;
}
.dp-btn--primary{background:var(--ink);color:var(--bg);border-color:var(--ink)}
.dp-btn--primary:hover{background:var(--brand);color:#fff;border-color:var(--brand);transform:translateY(-1px);box-shadow:var(--sh-brand)}
.dp-btn--ghost{background:transparent;color:var(--ink);border-color:var(--ink)}
.dp-btn--ghost:hover{background:var(--ink);color:var(--bg)}
.dp-btn--brand{background:var(--brand);color:#fff;border-color:var(--brand)}
.dp-btn--brand:hover{background:var(--brand-dk);border-color:var(--brand-dk);transform:translateY(-1px);box-shadow:var(--sh-brand)}
.dp-btn svg,.dp-btn .arr{width:14px;height:14px;transition:transform .25s var(--e-out)}
.dp-btn:hover svg,.dp-btn:hover .arr{transform:translateX(3px)}

/* ─── MANIFESTO BAND ─────────────────────────────────────────────────── */
.dp-manifesto{
  padding:clamp(64px,10vw,140px) 0;
  background:var(--bg-2);
  border-bottom:1px solid var(--line);
  text-align:left;
}
.dp-manifesto__inner{max-width:960px}
.dp-manifesto__quote{
  font-family:var(--f-display);font-weight:380;font-style:italic;
  font-size:clamp(28px,3.6vw,52px);
  line-height:1.18;letter-spacing:-.015em;color:var(--ink);
  margin:0;
}
.dp-manifesto__quote::before{
  content:"« ";color:var(--accent-2);font-weight:400;font-style:normal;
}
.dp-manifesto__quote::after{
  content:" »";color:var(--accent-2);font-weight:400;font-style:normal;
}
.dp-manifesto__sig{
  margin-top:28px;
  font-family:var(--f-mono);font-size:11px;font-weight:500;
  letter-spacing:.14em;text-transform:uppercase;color:var(--ink-3);
}

/* ─── SECTION PATTERN ────────────────────────────────────────────────── */
.dp-sec{
  padding:clamp(72px,8vw,120px) 0;
  position:relative;
  border-bottom:1px solid var(--line);
}
.dp-sec--dark{background:var(--ink);color:var(--bg);border-color:rgba(255,255,255,.08)}
.dp-sec--dark .dp-sec__kicker,
.dp-sec--dark .dp-sec__lead{color:rgba(244,239,228,.7)}
.dp-sec--dark .dp-sec__title,
.dp-sec--dark h2,.dp-sec--dark h3{color:var(--bg)}
.dp-sec--dark .dp-numeral{color:#ff7a48}
.dp-sec--paper{background:var(--paper)}
.dp-sec--cream{background:var(--bg-2)}

.dp-sec__head{
  display:grid;grid-template-columns:auto 1fr;
  gap:clamp(32px,4vw,64px);
  align-items:end;
  margin-bottom:clamp(48px,5vw,72px);
  padding-bottom:clamp(24px,3vw,40px);
  border-bottom:1px solid var(--line);
}
.dp-sec--dark .dp-sec__head{border-bottom-color:rgba(255,255,255,.12)}
.dp-sec__head-left{display:flex;flex-direction:column;gap:10px;align-items:flex-start}
.dp-sec__kicker{
  font-family:var(--f-mono);font-size:11px;font-weight:500;
  letter-spacing:.16em;text-transform:uppercase;color:var(--ink-3);
  display:flex;align-items:center;gap:14px;
}
.dp-sec__title{
  font-family:var(--f-display);font-weight:520;
  font-size:clamp(36px,5vw,72px);
  line-height:1;letter-spacing:-.03em;color:var(--ink);margin:0;
}
.dp-sec__title em{font-style:italic;font-weight:380;color:var(--accent-2)}
.dp-sec__head-right{
  display:flex;flex-direction:column;gap:12px;
  justify-self:end;align-items:flex-end;max-width:420px;text-align:right;
}
.dp-sec__lead{
  font-family:var(--f-body);font-size:15px;line-height:1.55;
  color:var(--ink-2);margin:0;
}
.dp-sec__more{
  font-family:var(--f-mono);font-size:11px;font-weight:600;
  letter-spacing:.14em;text-transform:uppercase;color:var(--ink);
  display:inline-flex;align-items:center;gap:8px;
  border-bottom:1px solid currentColor;padding-bottom:2px;
  transition:gap .2s var(--e-out),color .2s var(--e-out);
}
.dp-sec__more:hover{gap:14px;color:var(--brand)}
@media(max-width:800px){
  .dp-sec__head{grid-template-columns:1fr;gap:20px}
  .dp-sec__head-right{justify-self:start;align-items:flex-start;text-align:left}
}

/* ─── BENTO GRID — "Le Dossier" featured ─────────────────────────────── */
.dp-bento{
  display:grid;
  grid-template-columns:repeat(12,1fr);
  grid-auto-rows:minmax(220px,auto);
  gap:clamp(12px,1.2vw,24px);
}
.dp-bento__item{
  position:relative;overflow:hidden;
  background:var(--paper);border:1px solid var(--line);
  display:flex;flex-direction:column;
  transition:transform .4s var(--e-out),box-shadow .4s var(--e-out),border-color .4s var(--e-out);
}
.dp-bento__item:hover{transform:translateY(-3px);box-shadow:var(--sh2);border-color:var(--line-strong)}
.dp-bento__item--xl{grid-column:span 8;grid-row:span 2}
.dp-bento__item--lg{grid-column:span 4;grid-row:span 2}
.dp-bento__item--md{grid-column:span 4;grid-row:span 1}
.dp-bento__item--sm{grid-column:span 3;grid-row:span 1}
.dp-bento__item--dark{background:var(--ink);color:var(--bg);border-color:var(--ink)}
.dp-bento__item--brand{background:var(--brand);color:#fff;border-color:var(--brand)}

.dp-bento__img{
  position:relative;overflow:hidden;flex:1;min-height:180px;background:var(--bg-3);
}
.dp-bento__img img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .8s var(--e-out)}
.dp-bento__item:hover .dp-bento__img img{transform:scale(1.05)}
.dp-bento__body{padding:clamp(16px,1.6vw,24px);display:flex;flex-direction:column;gap:10px}
.dp-bento__cat{
  font-family:var(--f-mono);font-size:10px;font-weight:600;
  letter-spacing:.16em;text-transform:uppercase;color:var(--brand);
}
.dp-bento__item--dark .dp-bento__cat{color:#ff9b5c}
.dp-bento__item--brand .dp-bento__cat{color:rgba(255,255,255,.9)}
.dp-bento__title{
  font-family:var(--f-display);font-weight:520;
  font-size:clamp(18px,1.4vw,24px);line-height:1.15;
  letter-spacing:-.015em;color:inherit;margin:0;
}
.dp-bento__item--xl .dp-bento__title{font-size:clamp(24px,2.4vw,40px);letter-spacing:-.025em}
.dp-bento__item--lg .dp-bento__title{font-size:clamp(20px,1.8vw,30px)}
.dp-bento__meta{
  font-family:var(--f-mono);font-size:10px;letter-spacing:.12em;
  text-transform:uppercase;color:var(--ink-4);margin-top:auto;
}
.dp-bento__item--dark .dp-bento__meta,
.dp-bento__item--brand .dp-bento__meta{color:rgba(255,255,255,.6)}
@media(max-width:960px){
  .dp-bento__item--xl,.dp-bento__item--lg{grid-column:span 12}
  .dp-bento__item--md{grid-column:span 6}
  .dp-bento__item--sm{grid-column:span 6}
}
@media(max-width:600px){
  .dp-bento{grid-auto-rows:minmax(180px,auto)}
  .dp-bento__item--md,.dp-bento__item--sm{grid-column:span 12}
}

/* ─── CATEGORIES — editorial grid ────────────────────────────────────── */
.dp-cats-grid{
  display:grid;grid-template-columns:repeat(3,1fr);
  gap:clamp(14px,1.4vw,24px);
}
.dp-cat-tile{
  position:relative;overflow:hidden;aspect-ratio:4/5;
  border:1px solid var(--line);background:var(--paper);
  display:flex;flex-direction:column;justify-content:flex-end;
  padding:clamp(20px,2vw,32px);
  text-decoration:none;color:inherit;isolation:isolate;
  transition:transform .4s var(--e-out),box-shadow .4s var(--e-out);
}
.dp-cat-tile::before{
  content:"";position:absolute;inset:0;background:var(--ink);z-index:-2;
}
.dp-cat-tile img{
  position:absolute;inset:0;width:100%;height:100%;object-fit:cover;
  z-index:-1;opacity:.55;transition:opacity .5s var(--e-out),transform .7s var(--e-out);
  filter:grayscale(.2) contrast(1.05);
}
.dp-cat-tile::after{
  content:"";position:absolute;inset:0;z-index:-1;
  background:linear-gradient(180deg,rgba(20,18,15,.3) 0%,rgba(20,18,15,.8) 100%);
}
.dp-cat-tile:hover{transform:translateY(-4px);box-shadow:var(--sh3)}
.dp-cat-tile:hover img{opacity:.75;transform:scale(1.08)}
.dp-cat-tile__num{
  position:absolute;top:clamp(16px,2vw,28px);right:clamp(16px,2vw,28px);
  font-family:var(--f-display);font-style:italic;font-weight:300;
  font-size:clamp(24px,2.6vw,40px);line-height:1;color:rgba(255,255,255,.55);
}
.dp-cat-tile__kicker{
  font-family:var(--f-mono);font-size:10px;font-weight:600;
  letter-spacing:.16em;text-transform:uppercase;color:#ff9b5c;
  margin-bottom:10px;
}
.dp-cat-tile__title{
  font-family:var(--f-display);font-weight:530;
  font-size:clamp(22px,2vw,32px);line-height:1.05;
  letter-spacing:-.02em;color:#fff;margin:0 0 6px;
}
.dp-cat-tile__meta{
  font-family:var(--f-mono);font-size:10px;letter-spacing:.14em;
  text-transform:uppercase;color:rgba(255,255,255,.7);
}
@media(max-width:900px){.dp-cats-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:520px){.dp-cats-grid{grid-template-columns:1fr}}

/* ─── ARTICLE ROW (latest stories) ───────────────────────────────────── */
.dp-stories{
  display:grid;grid-template-columns:repeat(3,1fr);
  gap:clamp(24px,3vw,56px) clamp(14px,1.4vw,28px);
}
.dp-story{
  display:flex;flex-direction:column;gap:14px;
  border-top:1px solid var(--line);padding-top:20px;
  text-decoration:none;color:inherit;
  transition:padding .3s var(--e-out);
}
.dp-story:hover{padding-top:16px}
.dp-story__img{
  position:relative;aspect-ratio:4/3;overflow:hidden;background:var(--bg-3);
}
.dp-story__img img{
  width:100%;height:100%;object-fit:cover;display:block;
  transition:transform .8s var(--e-out),filter .5s var(--e-out);
}
.dp-story:hover .dp-story__img img{transform:scale(1.05)}
.dp-story__cat{
  font-family:var(--f-mono);font-size:10px;font-weight:600;
  letter-spacing:.16em;text-transform:uppercase;color:var(--brand);
}
.dp-story__title{
  font-family:var(--f-display);font-weight:520;
  font-size:clamp(18px,1.6vw,26px);line-height:1.1;
  letter-spacing:-.015em;color:var(--ink);margin:0;
  transition:color .25s var(--e-out);
}
.dp-story:hover .dp-story__title{color:var(--accent-2)}
.dp-story__meta{
  font-family:var(--f-mono);font-size:10px;letter-spacing:.12em;
  text-transform:uppercase;color:var(--ink-4);margin-top:auto;
}
@media(max-width:900px){.dp-stories{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){.dp-stories{grid-template-columns:1fr}}

/* ─── MARQUEE — kiosk ticker ─────────────────────────────────────────── */
.dp-ticker{
  padding:24px 0;
  background:var(--ink);color:var(--bg);
  border-top:1px solid var(--ink);border-bottom:1px solid var(--ink);
  overflow:hidden;
}
.dp-ticker__track{
  display:flex;gap:64px;
  animation:dp-ticker-scroll 40s linear infinite;
  white-space:nowrap;
}
.dp-ticker__item{
  font-family:var(--f-display);font-style:italic;font-weight:380;
  font-size:clamp(28px,4vw,56px);line-height:1;letter-spacing:-.02em;
  color:var(--bg);
}
.dp-ticker__item + .dp-ticker__item::before{
  content:"✦";margin-right:64px;color:var(--brand);font-style:normal;
  font-size:.5em;vertical-align:middle;
}
@keyframes dp-ticker-scroll{
  from{transform:translateX(0)}
  to{transform:translateX(-50%)}
}
@media(prefers-reduced-motion:reduce){.dp-ticker__track{animation:none}}

/* ─── NEWSLETTER — editorial cream card ─────────────────────────────── */
.dp-nl{
  padding:clamp(56px,8vw,120px) 0;
  background:var(--bg-2);
  border-bottom:1px solid var(--line);
}
.dp-nl__inner{
  display:grid;grid-template-columns:1fr 1fr;
  gap:clamp(32px,5vw,80px);align-items:center;
}
.dp-nl__copy{display:flex;flex-direction:column;gap:20px}
.dp-nl__title{
  font-family:var(--f-display);font-weight:520;font-style:italic;
  font-size:clamp(36px,4vw,56px);line-height:1.02;letter-spacing:-.025em;
  color:var(--ink);margin:0;
}
.dp-nl__lead{
  font-family:var(--f-body);font-size:15px;line-height:1.55;
  color:var(--ink-2);max-width:40ch;margin:0;
}
@media(max-width:800px){.dp-nl__inner{grid-template-columns:1fr}}

/* Newsletter form re-styling (v11 look) */
.dpv6-newsletter-form,.dp-nl__form{
  background:var(--paper);padding:clamp(24px,3vw,40px);
  border:1px solid var(--line);display:flex;flex-direction:column;gap:14px;
}
[data-theme="dark"] .dpv6-newsletter-form{background:var(--paper);border-color:var(--line)}
.dpv6-newsletter-form label{display:flex;flex-direction:column;gap:6px;font-family:var(--f-body)}
.dpv6-newsletter-form label > span{
  font-family:var(--f-mono);font-size:11px;font-weight:600;
  letter-spacing:.14em;text-transform:uppercase;color:var(--ink-3)!important;
}
.dpv6-newsletter-form input[type=email],
.dpv6-newsletter-form input[type=text]{
  padding:14px 16px;border:1px solid var(--line);
  background:var(--bg);color:var(--ink);
  font-family:var(--f-body);font-size:15px;border-radius:0!important;
  transition:border-color .2s var(--e-out);
}
.dpv6-newsletter-form input:focus{outline:none;border-color:var(--brand)}
.dpv6-newsletter-form button[type=submit]{
  background:var(--ink);color:var(--bg);
  padding:14px 20px;border:none;cursor:pointer;
  font-family:var(--f-mono);font-size:12px;font-weight:600;
  letter-spacing:.12em;text-transform:uppercase;
  transition:background .2s var(--e-out);
}
.dpv6-newsletter-form button[type=submit]:hover{background:var(--brand)}

/* ─── FOOTER ─────────────────────────────────────────────────────────── */
.site-footer,.dp-footer{
  background:var(--ink);color:var(--bg);
  padding-top:clamp(56px,6vw,96px);
}
.dp-footer-bottom{border-top:1px solid rgba(255,255,255,.1);padding:24px 0;font-family:var(--f-mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase}

/* ─── REVEAL PRIMITIVES (preserved from v10) ─────────────────────────── */
[data-reveal]{opacity:0;transform:translate3d(0,24px,0);transition:opacity .9s var(--e-out),transform .9s var(--e-out)}
[data-reveal="fade"]{transform:none}
[data-reveal="up"]{transform:translate3d(0,40px,0)}
[data-reveal="zoom"]{transform:scale(.96)}
[data-reveal].is-in{opacity:1;transform:none}
@media(prefers-reduced-motion:reduce){[data-reveal]{opacity:1!important;transform:none!important;transition:none!important}}

/* Scroll progress bar (reused from v10) */
.dp-scroll-progress{
  position:fixed;top:0;left:0;right:0;height:2px;
  background:transparent;z-index:9999;pointer-events:none;
}
.dp-scroll-progress::after{
  content:"";position:absolute;top:0;left:0;height:100%;width:var(--dp-progress,0%);
  background:var(--brand);transition:width .1s linear;
}

/* Split text wrap */
.dp-split .dp-split-word{display:inline-block}
.dp-split .dp-split-char{display:inline-block;opacity:0;transform:translateY(.8em);transition:opacity .6s var(--e-out),transform .8s var(--e-out)}
.dp-split.is-in .dp-split-char{opacity:1;transform:none}

/* Tilt + magnet (keep working) */
.dp-tilt{will-change:transform}
.dp-magnet{position:relative}

/* ─── LEGACY COMPAT — preserve existing v9/v6 articles ───────────────── */
/* Don't touch .dp-product-card, .dp-winner-box — they have their own
   strong styling in base CSS. Just add small polish. */
.dp-v11 .dp-product-card,.dp-v11 .dp-winner-box{font-family:var(--f-body)}
.dp-v11 .dp-product-card h3,.dp-v11 .dp-winner-box h3,
.dp-v11 .dp-product-card .dp-title,.dp-v11 .dp-winner-box .dp-title{font-family:var(--f-display);font-weight:540;letter-spacing:-.01em}

/* Breadcrumbs restyle */
.dp-v11 .dpv6-breadcrumbs,.dp-v11 .dpv6-breadcrumb{
  font-family:var(--f-mono);font-size:11px;letter-spacing:.14em;
  text-transform:uppercase;color:var(--ink-3);margin:0 0 24px;
}

/* ─── SINGLE ARTICLE UPGRADES (magazine feel) ────────────────────────── */
.dp-v11 .dpv6-single-hero{
  display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);
  gap:clamp(32px,5vw,80px);
  padding:clamp(48px,8vh,96px) 0;
  border-bottom:1px solid var(--line);
}
@media(max-width:900px){.dp-v11 .dpv6-single-hero{grid-template-columns:1fr}}
.dp-v11 .dpv6-single-copy{display:flex;flex-direction:column;gap:24px;justify-content:center}
.dp-v11 .dpv6-story-meta--hero{
  font-family:var(--f-mono);font-size:11px;letter-spacing:.14em;
  text-transform:uppercase;color:var(--ink-3);
  display:flex;gap:20px;align-items:center;flex-wrap:wrap;
}
.dp-v11 .dpv6-story-taxonomy{
  font-family:var(--f-mono);font-size:10px;font-weight:600;
  letter-spacing:.16em;text-transform:uppercase;color:var(--brand);
  padding:5px 10px;border:1px solid var(--brand);
}
.dp-v11 .dpv6-single-copy h1{
  font-family:var(--f-display);font-weight:540;
  font-size:clamp(36px,5vw,76px);line-height:1;
  letter-spacing:-.03em;color:var(--ink);margin:0;
}
.dp-v11 .dpv6-lead{
  font-family:var(--f-display);font-weight:380;font-style:italic;
  font-size:clamp(18px,1.8vw,24px);line-height:1.4;
  color:var(--ink-2);margin:0;max-width:52ch;
}
.dp-v11 .dpv6-single-media{position:relative;aspect-ratio:4/5;overflow:hidden;background:var(--bg-3)}
.dp-v11 .dpv6-single-media img{width:100%;height:100%;object-fit:cover;display:block}

.dp-v11 .dpv6-single-layout{
  display:grid;grid-template-columns:minmax(0,1fr) 340px;
  gap:clamp(40px,5vw,96px);
  padding:clamp(48px,7vw,96px) 0;
}
@media(max-width:1000px){.dp-v11 .dpv6-single-layout{grid-template-columns:1fr}}
.dp-v11 .dpv6-article-prose{
  font-family:"Iowan Old Style","Charter",Georgia,serif;
  font-size:18px;line-height:1.7;color:var(--ink-2);
}
.dp-v11 .dpv6-article-prose h2{
  font-family:var(--f-display);font-weight:540;font-size:clamp(26px,2.8vw,40px);
  letter-spacing:-.02em;line-height:1.15;margin:48px 0 20px;color:var(--ink);
}
.dp-v11 .dpv6-article-prose h3{
  font-family:var(--f-display);font-weight:520;font-size:clamp(20px,2vw,28px);
  letter-spacing:-.015em;line-height:1.2;margin:36px 0 12px;color:var(--ink);
}
.dp-v11 .dpv6-article-prose p{margin:0 0 20px}
.dp-v11 .dpv6-article-prose a{color:var(--accent-2);text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px}
.dp-v11 .dpv6-article-prose a:hover{color:var(--brand)}

/* Sidecar — kept but restyled */
.dp-v11 .dpv6-sidecard{
  background:var(--paper);border:1px solid var(--line);padding:24px;
  margin-bottom:24px;
}
.dp-v11 .dpv6-sidecard h3{
  font-family:var(--f-display);font-weight:540;font-size:20px;
  letter-spacing:-.015em;margin:0 0 14px;color:var(--ink);
}
.dp-v11 .dpv6-panel-kicker{
  font-family:var(--f-mono);font-size:10px;font-weight:600;
  letter-spacing:.16em;text-transform:uppercase;color:var(--accent-2);
  margin:0 0 10px;
}

/* Related articles grid at article bottom */
.dp-v11 .dpv6-related-articles{padding:clamp(48px,6vw,96px) 0;border-top:1px solid var(--line)}
.dp-v11 .dpv6-related-articles__title{font-family:var(--f-display);font-weight:540;font-size:clamp(28px,3vw,44px);letter-spacing:-.02em;color:var(--ink)}
.dp-v11 .dpv6-related-articles__grid{
  display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(14px,1.4vw,24px);
}
.dp-v11 .dpv6-related-card{
  display:flex;flex-direction:column;gap:12px;
  text-decoration:none;color:inherit;padding-top:16px;border-top:1px solid var(--line);
}
.dp-v11 .dpv6-related-card__title{font-family:var(--f-display);font-weight:520;font-size:18px;line-height:1.15;color:var(--ink);margin:0}
.dp-v11 .dpv6-related-card__cat{font-family:var(--f-mono);font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:var(--brand)}
@media(max-width:900px){.dp-v11 .dpv6-related-articles__grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:520px){.dp-v11 .dpv6-related-articles__grid{grid-template-columns:1fr}}

/* ─── ARCHIVE / CATEGORY PAGE ───────────────────────────────────────── */
body.category .dpv6-cat-hero,body.archive .dpv6-cat-hero,body.blog .dpv6-cat-hero{
  padding:clamp(64px,10vh,140px) 0 clamp(40px,5vw,72px);
  border-bottom:1px solid var(--line);
}
body.category .dpv6-cat-hero h1,body.archive .dpv6-cat-hero h1,body.blog .dpv6-cat-hero h1{
  font-family:var(--f-display);font-weight:540;
  font-size:clamp(40px,6vw,96px);letter-spacing:-.035em;line-height:.98;
  color:var(--ink);margin:0;
}

/* ─── UTILITIES ──────────────────────────────────────────────────────── */
.dp-v11 .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}

/* Cursor orb (kept minimal for dark) */
.dp-cursor-spot{
  position:fixed;top:0;left:0;width:280px;height:280px;
  border-radius:50%;pointer-events:none;z-index:1;mix-blend-mode:multiply;
  background:radial-gradient(circle,rgba(255,90,31,.12),transparent 60%);
  transform:translate3d(-50%,-50%,0);
  transition:opacity .4s var(--e-out);opacity:0;
}
[data-theme="dark"] .dp-cursor-spot{
  mix-blend-mode:screen;
  background:radial-gradient(circle,rgba(255,114,64,.25),transparent 60%);
}
@media(hover:hover) and (pointer:fine){.dp-cursor-spot.is-on{opacity:1}}

/* ═════════════════════════════════════════════════════════════════════════
   End Kiosque overlay. Base v9 styles follow — they style the remaining
   legacy .dpv6-* / .v9-* surface. Kiosque tokens bubble through.
════════════════════════════════════════════════════════════════════════ */
/*
 Theme Name:   DeskPickr Affiliate Theme
 Template:     generatepress
 Version:      9.0.0
*/

/* ═══════════════════════════════════════════════════
   KEYFRAMES
═══════════════════════════════════════════════════ */
@keyframes gradientShift{0%{background-position:0% 50%}50%{background-position:100% 50%}100%{background-position:0% 50%}}
@keyframes floatUp{0%,100%{transform:translateY(0)}50%{transform:translateY(-7px)}}
@keyframes fadeInUp{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}
@keyframes shimmer{0%{transform:translateX(-100%)}100%{transform:translateX(200%)}}
@keyframes ripple{to{transform:scale(4);opacity:0}}

/* ═══════════════════════════════════════════════════
   TOKENS
═══════════════════════════════════════════════════ */
:root{
  --ink:#0d1117;--ink-2:#30363d;--ink-3:#57606a;--ink-4:#8b949e;
  --bg:#fff;--bg-2:#f6f8fa;--bg-3:#eef0f3;--line:#d0d7de;
  --brand:#f97316;--brand-dk:#c2410c;--brand-lt:#fff7ed;
  --blue:#0969da;--blue-bg:#ddf4ff;
  --green:#1a7f37;--green-bg:#dafbe1;
  --red:#d1242f;--red-bg:#ffebe9;
  --r1:4px;--r2:8px;--r3:12px;--r4:16px;--r5:24px;
  --sh0:0 1px 0 rgba(27,31,36,.04);
  --sh1:0 1px 3px rgba(27,31,36,.12),0 8px 24px rgba(66,74,83,.12);
  --sh2:0 8px 24px rgba(27,31,36,.12),0 16px 48px rgba(27,31,36,.08);
  --sh3:0 16px 64px rgba(27,31,36,.16),0 4px 12px rgba(27,31,36,.08);
  --w:1160px;--wt:740px;
  --f:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  --e:cubic-bezier(.2,.6,.3,1);
}

/* ═══════════════════════════════════════════════════
   RESET
═══════════════════════════════════════════════════ */
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body.deskpickr-premium{
  font-family:var(--f);font-size:16px;line-height:1.65;
  color:var(--ink);background:var(--bg);
  -webkit-font-smoothing:antialiased;overflow-x:hidden;
}
body.deskpickr-premium *{font-family:inherit}
img{max-width:100%;height:auto;display:block}
a{color:var(--brand);text-decoration:none}
a:hover{color:var(--brand-dk)}
ul,ol{padding-left:1.5em}

/* ═══════════════════════════════════════════════════
   GP RESETS (must come before everything)
═══════════════════════════════════════════════════ */
.deskpickr-premium .site-header{display:none!important}
.deskpickr-premium .entry-header,.deskpickr-premium .page-header{display:none!important}
.deskpickr-premium .site-content{padding:0!important}
.deskpickr-premium .content-area{padding:0!important;max-width:none!important}
.deskpickr-premium #main{padding:0!important}
.deskpickr-premium .site-footer{background:none!important;border:none!important;padding:0!important}
.deskpickr-premium .footer-widget-container{display:none}
.deskpickr-premium .grid-container{max-width:none!important;padding:0!important}
/* Override GP inline CSS headings */
.deskpickr-premium h1{font-weight:800!important}
.deskpickr-premium h2{font-weight:700!important}
.deskpickr-premium h3{font-weight:700!important}
/* Override GP nav link display */
.deskpickr-premium nav.main-navigation a.dp-nav-brand-link{
  display:inline-flex!important;flex-direction:row!important;
  align-items:center!important;line-height:1!important;height:auto!important;
}

/* ═══════════════════════════════════════════════════
   ACCENT TOP BAR
═══════════════════════════════════════════════════ */
body.deskpickr-premium::before{
  content:'';display:block;position:fixed;top:0;left:0;right:0;height:2px;
  background:linear-gradient(90deg,#f97316,#fb923c,#fbbf24,#f97316);
  background-size:300% auto;
  animation:gradientShift 4s linear infinite;
  z-index:9999;pointer-events:none;
}
#dp-progress-bar{
  position:fixed;top:2px;left:0;z-index:9998;
  height:2px;width:0;background:rgba(255,255,255,.5);
  transition:width .1s linear;pointer-events:none;
}

/* ═══════════════════════════════════════════════════
   SHELL
═══════════════════════════════════════════════════ */
.dp-shell{max-width:var(--w);margin:0 auto;padding:0 clamp(16px,4vw,48px)}

/* ═══════════════════════════════════════════════════
   NAV
═══════════════════════════════════════════════════ */
nav.main-navigation{
  position:sticky!important;top:2px!important;z-index:500!important;
  background:rgba(255,255,255,.92)!important;
  backdrop-filter:saturate(180%) blur(20px)!important;
  -webkit-backdrop-filter:saturate(180%) blur(20px)!important;
  border-bottom:1px solid rgba(208,215,222,.5)!important;
  transition:box-shadow .2s!important;
}
nav.main-navigation.scrolled{box-shadow:0 2px 16px rgba(13,17,23,.08)!important}

.deskpickr-premium .inside-navigation.grid-container.grid-parent{
  display:flex!important;flex-wrap:nowrap!important;align-items:center!important;
  gap:4px!important;max-width:var(--w)!important;margin:0 auto!important;
  padding:0 clamp(16px,4vw,48px)!important;min-height:58px!important;width:100%!important;
}

/* Brand */
.dp-nav-brand{display:inline-flex!important;align-items:center!important;flex-shrink:0!important;margin-right:12px!important}
.dp-nav-brand-link{
  display:inline-flex!important;flex-direction:row!important;align-items:center!important;
  gap:9px!important;text-decoration:none!important;color:inherit!important;line-height:1!important;
}
.dp-nav-brand-mark{
  width:32px;height:32px;background:var(--ink);color:#fff;
  border-radius:8px;display:flex;align-items:center;justify-content:center;
  font-size:11px;font-weight:800;letter-spacing:-.3px;flex-shrink:0;
  transition:background .2s,box-shadow .2s;
}
.dp-nav-brand-link:hover .dp-nav-brand-mark{background:var(--brand);box-shadow:0 0 0 3px rgba(249,115,22,.2)}
.dp-nav-brand-text{font-size:15px;font-weight:700;color:var(--ink);letter-spacing:-.4px;white-space:nowrap}

/* Menu */
.deskpickr-premium .main-navigation .main-nav,
.deskpickr-premium nav.main-navigation #primary-menu{
  display:flex!important;flex-direction:row!important;align-items:center!important;
  gap:0!important;flex:1!important;list-style:none!important;padding:0!important;margin:0!important;
}
.deskpickr-premium .main-navigation .main-nav>li>a{
  display:block;padding:6px 11px;font-size:13.5px;font-weight:500;color:var(--ink-2);
  border-radius:var(--r2);transition:background .15s,color .15s;white-space:nowrap;
}
.deskpickr-premium .main-navigation .main-nav>li>a:hover,
.deskpickr-premium .main-navigation .main-nav>li.current-menu-item>a{background:var(--bg-3);color:var(--ink)}
.deskpickr-premium .main-navigation .menu-item-cta>a{
  background:var(--ink)!important;color:#fff!important;padding:7px 16px!important;
  border-radius:20px!important;font-weight:700!important;font-size:13px!important;
  transition:background .15s,transform .15s!important;
}
.deskpickr-premium .main-navigation .menu-item-cta>a:hover{background:var(--brand)!important;transform:translateY(-1px)!important}
.deskpickr-premium .menu-toggle{display:none!important}

/* Dropdown */
.main-navigation .main-nav>li{position:relative}
.main-navigation .main-nav>li>ul.sub-menu{
  position:absolute;top:calc(100% + 8px);left:0;z-index:600;
  background:var(--bg);border:1px solid var(--line);border-radius:var(--r4);
  box-shadow:var(--sh3);min-width:200px;padding:6px;
  opacity:0;pointer-events:none;transform:translateY(-8px);
  transition:opacity .15s,transform .15s;list-style:none;
}
.main-navigation .main-nav>li:hover>ul.sub-menu{opacity:1;pointer-events:all;transform:none}
.main-navigation .main-nav .sub-menu li a{
  display:block;padding:8px 12px;font-size:13px;color:var(--ink-2);
  border-radius:var(--r2);transition:background .15s;
}
.main-navigation .main-nav .sub-menu li a:hover{background:var(--bg-3);color:var(--ink)}

/* Mobile toggle */
#dp-menu-toggle{
  display:none;margin-left:auto;background:none;border:none;cursor:pointer;
  padding:8px;flex-direction:column;gap:5px;flex-shrink:0;
}
#dp-menu-toggle span{display:block;width:20px;height:1.5px;background:var(--ink);border-radius:2px;transition:transform .2s,opacity .2s}

/* ═══════════════════════════════════════════════════
   BREADCRUMBS
═══════════════════════════════════════════════════ */
.dp-breadcrumbs{
  display:flex;align-items:center;flex-wrap:wrap;gap:4px 6px;
  padding:20px 0 0;font-size:12px;color:var(--ink-4);
}
.dp-breadcrumbs a{color:var(--ink-3)}
.dp-breadcrumbs a:hover{color:var(--brand)}
.dp-breadcrumbs .sep{color:var(--line);margin:0 2px}

/* ═══════════════════════════════════════════════════
   PRIMITIVES
═══════════════════════════════════════════════════ */
.dpv6-kicker{
  display:inline-flex;align-items:center;gap:8px;
  font-size:11px;font-weight:700;letter-spacing:1.4px;text-transform:uppercase;
  color:var(--brand);margin-bottom:14px;
}
.dpv6-kicker::before{content:'';display:block;width:18px;height:2px;background:var(--brand);border-radius:1px}

.dpv6-lead{font-size:1.05rem;color:var(--ink-3);line-height:1.75;margin-top:14px;max-width:600px}
.dpv6-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:26px}

.dpv6-btn{
  display:inline-flex;align-items:center;gap:8px;
  padding:11px 22px;border-radius:8px;font-size:14px;font-weight:600;
  transition:transform .15s,box-shadow .15s,background .15s,color .15s;
  white-space:nowrap;cursor:pointer;text-decoration:none;
  border:1px solid transparent;position:relative;overflow:hidden;
}
.dpv6-btn:hover{transform:translateY(-1px)}
.dpv6-btn--primary{
  background:var(--ink);color:#fff;border-color:var(--ink);
  box-shadow:0 1px 0 rgba(27,31,36,.1),inset 0 1px 0 rgba(255,255,255,.08);
}
.dpv6-btn--primary::before{
  content:'';position:absolute;top:0;left:-100%;width:60%;height:100%;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.12),transparent);
  transform:skewX(-20deg);transition:left .5s;
}
.dpv6-btn--primary:hover::before{left:150%}
.dpv6-btn--primary:hover{background:#21262d;color:#fff;box-shadow:0 4px 12px rgba(13,17,23,.2)}
.dpv6-btn--ghost{
  background:var(--bg);color:var(--ink-2);border-color:var(--line);
  box-shadow:0 1px 0 rgba(27,31,36,.04);
}
.dpv6-btn--ghost:hover{background:var(--bg-2);border-color:var(--ink-4)}

.dpv6-chip{
  display:inline-flex;align-items:center;padding:4px 12px;border-radius:20px;
  font-size:12px;font-weight:500;background:var(--bg-2);color:var(--ink-3);
  border:1px solid var(--line);text-decoration:none;cursor:pointer;
  transition:background .15s,color .15s,border-color .15s;
}
.dpv6-chip:hover,.dpv6-chip.active{background:var(--ink);color:#fff;border-color:var(--ink)}
.dpv6-chip--muted{background:transparent;border-color:var(--bg-3);color:var(--ink-4)}

/* ═══════════════════════════════════════════════════
   STORY CARDS
═══════════════════════════════════════════════════ */
.dpv6-story-card{
  background:var(--bg);border-radius:var(--r4);overflow:hidden;
  border:1px solid var(--line);
  transition:box-shadow .2s,transform .2s,border-color .2s;
}
.dpv6-story-card:hover{box-shadow:var(--sh1);transform:translateY(-2px);border-color:transparent}
.dpv6-story-link{display:block;color:inherit;text-decoration:none;height:100%}
.dpv6-story-media{overflow:hidden;background:var(--bg-3)}
.dpv6-story-media img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s var(--e)}
.dpv6-story-card:hover .dpv6-story-media img{transform:scale(1.05)}
.dpv6-story-content{padding:18px 20px 22px}
.dpv6-story-meta{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin-bottom:8px;font-size:11.5px;color:var(--ink-4)}
.dpv6-story-taxonomy{
  display:inline-flex;padding:2px 9px;border-radius:20px;
  background:var(--brand-lt);color:var(--brand);
  font-weight:600;font-size:10.5px;letter-spacing:.4px;text-transform:uppercase;
  text-decoration:none;transition:background .15s,color .15s;
}
.dpv6-story-taxonomy:hover{background:var(--brand);color:#fff}
.dpv6-story-card h3{font-size:.95rem;font-weight:700;line-height:1.4;color:var(--ink);margin-bottom:6px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
.dpv6-story-card p{font-size:13px;color:var(--ink-3);line-height:1.6;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden}
.dpv6-story-cta{display:inline-flex;align-items:center;gap:5px;margin-top:12px;font-size:12.5px;font-weight:600;color:var(--brand)}
.dpv6-story-cta::after{content:'→';transition:transform .15s}
.dpv6-story-card:hover .dpv6-story-cta::after{transform:translateX(3px)}
/* Feature */
.dpv6-story-card--feature .dpv6-story-media{aspect-ratio:3/2}
.dpv6-story-card--feature .dpv6-story-content{padding:24px 28px 28px}
.dpv6-story-card--feature h3{font-size:1.15rem;-webkit-line-clamp:3}
.dpv6-story-card--feature:hover{box-shadow:0 8px 32px rgba(13,17,23,.12),0 0 0 1px rgba(249,115,22,.15)}
/* Grid */
.dpv6-story-card--grid .dpv6-story-media{aspect-ratio:16/10}
/* Compact */
.dpv6-story-card--compact .dpv6-story-link{display:grid;grid-template-columns:84px 1fr}
.dpv6-story-card--compact .dpv6-story-media{width:84px;min-height:76px}
.dpv6-story-card--compact .dpv6-story-content{padding:12px 14px}
.dpv6-story-card--compact h3{font-size:.82rem;-webkit-line-clamp:2}
.dpv6-story-card--compact p{display:none}
.dpv6-story-card--compact .dpv6-story-cta{margin-top:6px;font-size:11.5px}

/* ═══════════════════════════════════════════════════
   HOMEPAGE HERO
═══════════════════════════════════════════════════ */
.dpv6-home-hero{
  position:relative;padding:72px 0 60px;background:var(--bg);
  border-bottom:1px solid var(--line);overflow:hidden;
}
.dpv6-home-hero::before{
  content:'';position:absolute;inset:0;
  background:radial-gradient(ellipse 70% 55% at 70% 40%,rgba(249,115,22,.07) 0%,transparent 55%),
    radial-gradient(ellipse 50% 70% at 20% 90%,rgba(251,146,60,.04) 0%,transparent 55%);
  pointer-events:none;
}
.dpv6-home-hero::after{
  content:'';position:absolute;top:8%;right:3%;width:280px;height:280px;
  background:radial-gradient(circle,rgba(249,115,22,.06) 0%,transparent 70%);
  border-radius:50%;pointer-events:none;animation:floatUp 8s ease-in-out infinite;
}
.dpv6-home-hero-grid{
  position:relative;z-index:1;
  display:grid;grid-template-columns:1fr 400px;gap:56px;align-items:center;
}
.dpv6-home-copy h1{
  font-size:clamp(1.8rem,3.5vw,2.8rem);font-weight:800;line-height:1.12;
  letter-spacing:-.05em;color:var(--ink);
  animation:fadeInUp .6s var(--e) .1s both;
}
.dpv6-home-copy .dpv6-kicker{
  animation:fadeInUp .5s var(--e) both;
  background:linear-gradient(90deg,#f97316,#fb923c,#f59e0b);
  background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;
  background-size:200% auto;animation:fadeInUp .5s var(--e) both,gradientShift 4s linear 1s infinite;
}
.dpv6-home-copy .dpv6-kicker::before{background:var(--brand);-webkit-text-fill-color:initial;color:transparent}
.dpv6-home-copy .dpv6-lead{animation:fadeInUp .6s var(--e) .2s both}
.dpv6-home-copy .dpv6-actions{animation:fadeInUp .6s var(--e) .3s both}
/* Showcase */
.dpv6-surface{
  background:var(--bg);border-radius:var(--r5);border:1px solid var(--line);
  overflow:hidden;box-shadow:var(--sh2);animation:fadeInUp .7s var(--e) .4s both;
}
.dpv6-surface--feature{animation:fadeInUp .7s var(--e) .4s both,floatUp 6s ease-in-out 1.5s infinite}
.dpv6-surface-label{
  padding:8px 16px;font-size:10.5px;font-weight:700;letter-spacing:1px;text-transform:uppercase;
  color:var(--ink-4);border-bottom:1px solid var(--line);background:var(--bg-2);
}

/* ═══════════════════════════════════════════════════
   MARQUEE CHIPS STRIP
═══════════════════════════════════════════════════ */
.dpv6-marquee{padding:16px 0;border-bottom:1px solid var(--line);background:var(--bg-2)}
.dpv6-marquee-track{display:flex;flex-wrap:wrap;gap:8px;align-items:center}

/* ═══════════════════════════════════════════════════
   SECTIONS
═══════════════════════════════════════════════════ */
.dpv6-section{padding:64px 0}
.dpv6-section+.dpv6-section{border-top:1px solid var(--line)}
.dpv6-section-head{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:32px;gap:16px}
.dpv6-section-head h2{font-size:1.35rem;font-weight:800;letter-spacing:-.04em;color:var(--ink)}
.dpv6-section-head a{font-size:13px;font-weight:600;color:var(--brand)}
.dpv6-section-head a:hover{color:var(--brand-dk)}

/* ═══════════════════════════════════════════════════
   STORY GRIDS
═══════════════════════════════════════════════════ */
.dpv6-story-grid--home{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.dpv6-story-grid--archive{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;padding:44px 0}

/* ═══════════════════════════════════════════════════
   CATEGORY TILES
═══════════════════════════════════════════════════ */
.dpv6-category-catalog{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.dpv6-category-tile{
  position:relative;border-radius:var(--r4);overflow:hidden;aspect-ratio:4/3;
  cursor:pointer;border:1px solid var(--line);box-shadow:var(--sh0);
  transition:box-shadow .3s,transform .3s;will-change:transform;
}
.dpv6-category-tile:hover{box-shadow:var(--sh3);transform:translateY(-5px) scale(1.01)}
.dpv6-category-tile::before{
  content:'';position:absolute;inset:0;z-index:3;
  background:linear-gradient(105deg,transparent 40%,rgba(255,255,255,.12) 50%,transparent 60%);
  transform:translateX(-100%);transition:transform .6s;
}
.dpv6-category-tile:hover::before{transform:translateX(100%)}
.dpv6-category-media{position:absolute;inset:0}
.dpv6-category-media img{width:100%;height:100%;object-fit:cover}
.dpv6-category-tile::after{
  content:'';position:absolute;inset:0;
  background:linear-gradient(to top,rgba(13,17,23,.72) 30%,rgba(13,17,23,.1) 80%);
}
.dpv6-category-copy{position:absolute;bottom:0;left:0;right:0;z-index:2;padding:16px}
.dpv6-category-meta{font-size:10px;color:rgba(255,255,255,.5);font-weight:500;margin-bottom:3px;text-transform:uppercase;letter-spacing:.5px}
.dpv6-category-copy h3{font-size:.88rem;font-weight:700;color:#fff;line-height:1.3}

/* ═══════════════════════════════════════════════════
   VALUE STACK
═══════════════════════════════════════════════════ */
.dpv6-value-stack{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}

/* ═══════════════════════════════════════════════════
   BEST-OF SECTION
═══════════════════════════════════════════════════ */
.dpv6-section--best-of{background:var(--bg-2);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.dpv6-bestof-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:0}
.dpv6-bestof-card{
  background:var(--bg);border:1px solid var(--line);border-radius:var(--r4);
  padding:24px;transition:box-shadow .2s,transform .2s,border-color .2s;
}
.dpv6-bestof-card:hover{box-shadow:var(--sh2);transform:translateY(-2px);border-color:transparent}
.dpv6-bestof-head{display:flex;align-items:flex-start;gap:14px;margin-bottom:10px}
.dpv6-bestof-index{
  font-size:1.8rem;font-weight:900;color:var(--bg-3);line-height:1;
  flex-shrink:0;letter-spacing:-.05em;min-width:40px;
}
.dpv6-bestof-head .dpv6-panel-kicker{margin-bottom:4px}
.dpv6-bestof-head h3{font-size:1rem;font-weight:700;color:var(--ink);margin:0}
.dpv6-bestof-head h3 a{color:inherit;text-decoration:none}
.dpv6-bestof-head h3 a:hover{color:var(--brand)}
.dpv6-bestof-summary{font-size:13px;color:var(--ink-3);margin-bottom:16px;line-height:1.6}
.dpv6-bestof-lead{margin-bottom:16px}
.dpv6-bestof-actions{margin-top:auto}
.dpv6-bestof-actions .dpv6-btn{font-size:12px;padding:8px 16px}

/* ═══════════════════════════════════════════════════
   EDITORIAL PANEL & GRID
═══════════════════════════════════════════════════ */
.dpv6-panel.dpv6-editorial-panel{
  background:var(--ink);border-radius:var(--r5);padding:44px;color:#fff;
  position:relative;overflow:hidden;
  box-shadow:0 0 0 1px rgba(255,255,255,.06),var(--sh3);
}
.dpv6-panel.dpv6-editorial-panel::before{
  content:'';position:absolute;top:-80px;right:-80px;width:280px;height:280px;
  background:radial-gradient(circle,rgba(249,115,22,.15) 0%,transparent 70%);
}
.dpv6-editorial-panel h2{font-size:1.4rem;font-weight:800;color:#fff;margin-bottom:10px;letter-spacing:-.03em}
.dpv6-editorial-panel p{color:rgba(255,255,255,.6);line-height:1.7;font-size:.95rem}
.dpv6-panel-kicker{font-size:10px;font-weight:700;letter-spacing:1.4px;text-transform:uppercase;color:var(--brand);margin-bottom:10px}

.dpv6-editorial-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}

/* Mini grid/cards (inside editorial panel etc.) */
.dpv6-mini-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-top:20px}
.dpv6-mini-card{background:rgba(255,255,255,.07);border-radius:var(--r3);padding:16px;border:1px solid rgba(255,255,255,.1)}
.dpv6-mini-card h3{font-size:.82rem;font-weight:700;color:#fff;margin-bottom:5px}
.dpv6-mini-card p{font-size:12px;color:rgba(255,255,255,.5);line-height:1.6}

/* Benefit list */
.dpv6-benefit-list{list-style:none;padding:0;margin-top:12px;display:flex;flex-direction:column;gap:6px}
.dpv6-benefit-list li{font-size:13px;color:rgba(255,255,255,.7);padding-left:18px;position:relative}
.dpv6-benefit-list li::before{content:'✓';position:absolute;left:0;color:var(--brand);font-weight:700;font-size:11px}
/* Light variant (on white bg) */
.dpv6-newsletter-copy .dpv6-benefit-list li{color:var(--ink-3)}
.dpv6-newsletter-copy .dpv6-benefit-list li::before{color:var(--green)}

/* ═══════════════════════════════════════════════════
   NEWSLETTER
═══════════════════════════════════════════════════ */
.dpv6-newsletter{
  background:var(--ink);border-radius:var(--r5);
  margin:0;overflow:hidden;position:relative;
}
.dpv6-newsletter--wide{
  padding:56px clamp(24px,5vw,64px);
  display:grid;grid-template-columns:1fr 420px;gap:56px;align-items:center;
}
.dpv6-newsletter--compact{
  padding:32px;
  display:flex;flex-direction:column;gap:16px;
}
.dpv6-newsletter::before{
  content:'';position:absolute;top:-80px;right:-80px;width:320px;height:320px;
  background:radial-gradient(circle,rgba(249,115,22,.12) 0%,transparent 65%);
  pointer-events:none;
}
.dpv6-newsletter-copy{position:relative;z-index:1}
.dpv6-newsletter-copy .dpv6-panel-kicker{color:var(--brand)}
.dpv6-newsletter-copy h2{font-size:1.5rem;font-weight:800;color:#fff;margin-bottom:10px;letter-spacing:-.03em;line-height:1.2}
.dpv6-newsletter-copy p{color:rgba(255,255,255,.6);font-size:.95rem;line-height:1.7}
.dpv6-newsletter-form-shell{position:relative;z-index:1}
.dpv6-newsletter-form{display:flex;flex-direction:column;gap:12px}
.dpv6-newsletter-form input[type="email"]{
  width:100%;padding:12px 16px;border-radius:var(--r2);
  border:1.5px solid rgba(255,255,255,.15);background:rgba(255,255,255,.08);
  color:#fff;font-size:14px;font-family:var(--f);
  transition:border-color .15s,background .15s;outline:none;
}
.dpv6-newsletter-form input[type="email"]::placeholder{color:rgba(255,255,255,.4)}
.dpv6-newsletter-form input[type="email"]:focus{border-color:var(--brand);background:rgba(255,255,255,.12)}
.dpv6-newsletter-form button[type="submit"]{
  padding:12px 24px;background:var(--brand);color:#fff;
  border:none;border-radius:var(--r2);cursor:pointer;
  font-size:14px;font-weight:700;font-family:var(--f);
  transition:background .15s,transform .15s;
  box-shadow:0 2px 8px rgba(249,115,22,.3);
}
.dpv6-newsletter-form button[type="submit"]:hover{background:var(--brand-dk);transform:translateY(-1px)}
.dpv6-consent,.dpv6-disclaimer{font-size:11px;color:rgba(255,255,255,.35);line-height:1.6}
.dpv6-consent a,.dpv6-disclaimer a{color:rgba(255,255,255,.55)}

/* ═══════════════════════════════════════════════════
   FINAL CTA
═══════════════════════════════════════════════════ */
.dpv6-final-cta{
  padding:80px 0;text-align:center;
  background:linear-gradient(160deg,var(--bg-2) 0%,#fff7f0 60%,var(--bg) 100%);
  border-top:1px solid var(--line);
}
.dpv6-final-cta h2{
  font-size:clamp(1.5rem,3vw,2.2rem);font-weight:800;letter-spacing:-.05em;margin-bottom:12px;
  background:linear-gradient(135deg,var(--ink) 40%,var(--brand));
  background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;
}
.dpv6-final-cta p{color:var(--ink-3);margin-bottom:28px;max-width:520px;margin-left:auto;margin-right:auto}
.dpv6-final-cta .dpv6-actions{justify-content:center}

/* ═══════════════════════════════════════════════════
   PAGE HEROES
═══════════════════════════════════════════════════ */
.dpv6-page-hero{padding:52px 0 44px;border-bottom:1px solid var(--line)}
.dpv6-page-hero--journal,.dpv6-page-hero--static{
  display:grid;grid-template-columns:1fr auto;gap:40px;align-items:start;
}
.dpv6-page-hero--journal h1,.dpv6-page-hero--static h1{
  font-size:clamp(1.5rem,2.8vw,2rem);font-weight:800;
  line-height:1.2;letter-spacing:-.05em;color:var(--ink);
}
.dpv6-page-hero-aside{display:flex;flex-direction:column;gap:7px;padding-top:28px;flex-shrink:0}

/* ═══════════════════════════════════════════════════
   BLOG — FEATURE SPLIT + ARCHIVE
═══════════════════════════════════════════════════ */
.dpv6-feature-split{display:grid;grid-template-columns:1fr 280px;gap:24px;padding:36px 0}
.dpv6-feature-main{}
.dpv6-feature-side{display:flex;flex-direction:column;gap:12px}

/* ═══════════════════════════════════════════════════
   PAGINATION
═══════════════════════════════════════════════════ */
.dpv6-pagination{
  display:flex;align-items:center;justify-content:center;gap:8px;
  padding:40px 0;
}
.dpv6-pagination .page-numbers{
  display:inline-flex;align-items:center;justify-content:center;
  width:38px;height:38px;border-radius:var(--r2);
  font-size:14px;font-weight:500;color:var(--ink-2);
  border:1px solid var(--line);background:var(--bg);
  transition:background .15s,border-color .15s,color .15s;text-decoration:none;
}
.dpv6-pagination .page-numbers:hover{background:var(--bg-3);border-color:var(--ink-3)}
.dpv6-pagination .page-numbers.current{background:var(--ink);color:#fff;border-color:var(--ink)}
.dpv6-pagination .page-numbers.next,.dpv6-pagination .page-numbers.prev{width:auto;padding:0 16px;gap:6px}
.dpv6-pagination .dots{border:none;background:none;color:var(--ink-4);pointer-events:none}

/* ═══════════════════════════════════════════════════
   STATIC PAGES (contact, about)
═══════════════════════════════════════════════════ */
.dpv6-page-body{padding:52px 0}
.dpv6-contact-layout{display:grid;grid-template-columns:1fr 420px;gap:28px;align-items:start}

.dpv6-panel{background:var(--bg-2);border-radius:var(--r4);border:1px solid var(--line);padding:32px}
.dpv6-contact-spotlight{
  background:var(--ink);border-color:var(--ink);position:relative;overflow:hidden;
}
.dpv6-contact-spotlight::before{
  content:'';position:absolute;top:-60px;right:-60px;width:220px;height:220px;
  background:radial-gradient(circle,rgba(249,115,22,.12) 0%,transparent 70%);
}
.dpv6-contact-spotlight .dpv6-panel-kicker{color:var(--brand)}
.dpv6-contact-spotlight h2{font-size:1.3rem;font-weight:800;color:#fff;margin-bottom:10px;letter-spacing:-.03em}
.dpv6-contact-spotlight>p{color:rgba(255,255,255,.6);line-height:1.7;font-size:.95rem}
.dpv6-contact-spotlight .dpv6-mini-grid{margin-top:24px}
.dpv6-contact-spotlight .dpv6-mini-card h3{color:#fff}

.dpv6-mail-pill{
  display:inline-flex;align-items:center;gap:8px;margin-top:18px;padding:10px 18px;
  background:rgba(255,255,255,.09);border:1px solid rgba(255,255,255,.15);
  border-radius:30px;color:#fff;font-size:13.5px;font-weight:600;transition:background .15s;
}
.dpv6-mail-pill:hover{background:rgba(255,255,255,.16);color:#fff}
.dpv6-mail-pill::before{content:'✉ ';font-size:14px}

.dpv6-form-panel{background:var(--bg)}
.dpv6-form-panel h3,.dp-contact-form-wrap h3{font-size:1rem;font-weight:700;margin-bottom:5px;color:var(--ink)}
.dpv6-form-panel>p,.dp-contact-form-wrap>p{color:var(--ink-3);font-size:13px;margin-bottom:20px}

.dp-contact-form{display:flex;flex-direction:column;gap:12px}
.dp-contact-form label{display:flex;flex-direction:column;gap:4px;font-size:12.5px;font-weight:600;color:var(--ink-2)}
.dp-contact-form input,.dp-contact-form textarea{
  width:100%;padding:9px 12px;border:1px solid var(--line);border-radius:var(--r2);
  font-size:14px;color:var(--ink);background:var(--bg);
  transition:border-color .15s,box-shadow .15s;outline:none;font-family:var(--f);
}
.dp-contact-form input:focus,.dp-contact-form textarea:focus{border-color:var(--ink);box-shadow:0 0 0 3px rgba(13,17,23,.1)}
.dp-contact-form textarea{resize:vertical;min-height:110px}
.dp-contact-form button[type="submit"],.dp-btn,.dp-btn--primary{
  align-self:flex-start;padding:10px 24px;
  background:var(--ink);color:#fff;border:1px solid var(--ink);border-radius:var(--r2);
  cursor:pointer;font-size:13.5px;font-weight:700;font-family:var(--f);
  box-shadow:0 1px 0 rgba(27,31,36,.1);transition:background .15s,transform .15s;
}
.dp-contact-form button[type="submit"]:hover,.dp-btn:hover,.dp-btn--primary:hover{background:#21262d;transform:translateY(-1px)}

/* ═══════════════════════════════════════════════════
   ARTICLE — SINGLE HERO
═══════════════════════════════════════════════════ */
.dpv6-single-hero{
  display:grid;grid-template-columns:1fr 360px;gap:48px;
  align-items:center;padding:52px 0 44px;border-bottom:1px solid var(--line);
}
.dpv6-story-meta--hero{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:14px;font-size:12.5px;color:var(--ink-4)}
.dpv6-single-copy h1{font-size:clamp(1.4rem,2.8vw,2.1rem);font-weight:800;line-height:1.15;letter-spacing:-.05em;color:var(--ink)}
.dpv6-single-copy .dpv6-lead{font-size:.97rem;margin-top:10px}
.dpv6-single-copy .dpv6-actions{margin-top:18px}
.dpv6-single-media{border-radius:var(--r4);overflow:hidden;box-shadow:var(--sh2);aspect-ratio:4/3;border:1px solid var(--line)}
.dpv6-single-media img{width:100%;height:100%;object-fit:cover}

/* ═══════════════════════════════════════════════════
   ARTICLE — LAYOUT & PROSE
═══════════════════════════════════════════════════ */
.dpv6-single-layout{padding:48px 0 80px}
.dpv6-article-shell{
  display:grid;grid-template-columns:1fr 280px;gap:48px;align-items:start;
}

/* Trust strip (inline article meta, not sidebar) */
.dp-trust-strip{
  background:var(--bg-2);border:1px solid var(--line);border-radius:var(--r2);
  padding:14px 18px;margin-bottom:28px;
  display:flex;flex-wrap:wrap;gap:8px 20px;align-items:center;font-size:12.5px;color:var(--ink-3);
}
.dp-trust-strip p{margin:0;font-size:12.5px;color:var(--ink-3)}
.dp-trust-strip strong{color:var(--ink-2)}

/* Article prose */
.dpv6-article-prose{min-width:0}
.dpv6-article-prose h2{
  font-size:1.3rem;font-weight:800;letter-spacing:-.04em;color:var(--ink);
  margin:2.5em 0 .6em;padding-bottom:.4em;border-bottom:2px solid var(--line);
}
.dpv6-article-prose h3{font-size:1.05rem;font-weight:700;color:var(--ink);margin:2em 0 .5em}
.dpv6-article-prose p{color:var(--ink-2);line-height:1.8;margin-bottom:1.2em}
.dpv6-article-prose ul,.dpv6-article-prose ol{color:var(--ink-2);margin-bottom:1.2em}
.dpv6-article-prose li{margin-bottom:.4em}
.dpv6-article-prose strong{color:var(--ink);font-weight:700}
.dpv6-article-prose a{color:var(--blue);border-bottom:1px solid rgba(9,105,218,.2)}
.dpv6-article-prose a:hover{color:#0550ae;border-bottom-color:var(--blue)}
.dpv6-article-prose blockquote{border-left:2px solid var(--line);padding:12px 20px;color:var(--ink-3);margin:1.5em 0;font-style:italic}

/* ═══════════════════════════════════════════════════
   ARTICLE SIDEBAR (.dpv6-sidecar)
═══════════════════════════════════════════════════ */
.dpv6-sidecar{
  position:sticky;top:72px;
  display:flex;flex-direction:column;gap:16px;
  max-height:calc(100vh - 90px);overflow-y:auto;
  /* custom scrollbar */
  scrollbar-width:thin;scrollbar-color:var(--line) transparent;
}
.dpv6-sidecar::-webkit-scrollbar{width:4px}
.dpv6-sidecar::-webkit-scrollbar-track{background:transparent}
.dpv6-sidecar::-webkit-scrollbar-thumb{background:var(--line);border-radius:2px}

.dpv6-sidecard{
  background:var(--bg-2);border:1px solid var(--line);border-radius:var(--r3);padding:20px;
}
.dpv6-sidecard .dpv6-panel-kicker{color:var(--brand)}
.dpv6-sidecard h3{font-size:.9rem;font-weight:700;color:var(--ink);margin-bottom:8px;line-height:1.3}
.dpv6-sidecard>p{font-size:12.5px;color:var(--ink-3);line-height:1.6;margin-bottom:14px}
.dpv6-sidecard .dpv6-btn{width:100%;justify-content:center;font-size:12.5px;padding:9px 16px}

/* Sidecard variants */
.dpv6-sidecard--bestof{background:linear-gradient(135deg,var(--ink),#1e293b);border-color:var(--ink)}
.dpv6-sidecard--bestof .dpv6-panel-kicker{color:var(--brand)}
.dpv6-sidecard--bestof h3{color:#fff}
.dpv6-sidecard--bestof>p{color:rgba(255,255,255,.55)}

.dpv6-sidecard--cta{background:var(--brand-lt);border-color:rgba(249,115,22,.2)}
.dpv6-sidecard--cta .dpv6-panel-kicker{color:var(--brand-dk)}
.dpv6-sidecard--cta h3{color:var(--brand-dk)}

.dpv6-sidecard--newsletter{}

/* Side list (article meta: date, category, etc.) */
.dpv6-side-list{list-style:none;padding:0;display:flex;flex-direction:column;gap:0}
.dpv6-side-list li{
  display:flex;justify-content:space-between;align-items:center;
  padding:7px 0;border-bottom:1px solid var(--line);font-size:12.5px;
}
.dpv6-side-list li:last-child{border-bottom:none}
.dpv6-side-list span{color:var(--ink-4)}
.dpv6-side-list strong{color:var(--ink-2);font-weight:600}

/* Related mini list */
.dpv6-related-mini{list-style:none;padding:0;display:flex;flex-direction:column;gap:8px}
.dpv6-related-mini li a{
  font-size:12.5px;font-weight:500;color:var(--ink-2);line-height:1.4;
  transition:color .15s;
}
.dpv6-related-mini li a:hover{color:var(--brand)}
.dpv6-related-mini li a::before{content:'→ ';color:var(--brand);font-size:11px}

/* TOC */
#dp-toc{background:var(--bg-2);border:1px solid var(--line);border-radius:var(--r3);padding:18px}
#dp-toc h4{font-size:10.5px;font-weight:700;color:var(--ink-4);text-transform:uppercase;letter-spacing:.8px;margin-bottom:10px}
#dp-toc ol{padding-left:1.2em}
#dp-toc li{margin-bottom:5px}
#dp-toc a{font-size:12.5px;color:var(--ink-3);transition:color .15s}
#dp-toc a:hover,#dp-toc a.active{color:var(--brand)}

/* ═══════════════════════════════════════════════════
   PRODUCT CARD (actual HTML classes)
═══════════════════════════════════════════════════ */
.product-card{
  display:grid;grid-template-columns:160px 1fr;
  border:1.5px solid var(--line);border-radius:var(--r4);
  overflow:hidden;margin:28px 0;background:var(--bg);
  box-shadow:var(--sh0);transition:box-shadow .2s,transform .2s,border-color .2s;
  position:relative;
}
.product-card:hover{box-shadow:var(--sh2);transform:translateY(-2px);border-color:rgba(249,115,22,.3)}

/* Badge on product card */
.product-card .badge{
  position:absolute;top:12px;left:12px;z-index:2;
  font-size:10px;font-weight:700;letter-spacing:.4px;text-transform:uppercase;
  padding:3px 10px;border-radius:20px;background:var(--brand);color:#fff;
  white-space:nowrap;
}

.card-media{
  background:var(--bg-2);display:flex;align-items:center;justify-content:center;
  padding:24px;border-right:1.5px solid var(--line);
}
.card-media img,.dp-responsive-product{
  max-width:110px;max-height:110px;object-fit:contain;width:100%;height:auto;
}
.card-body{padding:20px 24px;display:flex;flex-direction:column;gap:6px;padding-top:44px}
.card-body .card-title{font-size:1rem;font-weight:700;color:var(--ink);line-height:1.35;margin:0}
.card-body .card-subtitle{font-size:12.5px;color:var(--ink-3)}

.product-meta{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:2px 0}
.stars{color:#d97706;font-size:13px;letter-spacing:1px}
.rating-text{font-size:11px;color:var(--ink-4)}

.product-card .price{font-size:1.3rem;font-weight:800;color:var(--ink);margin:4px 0}
.product-card .old-price{font-size:.9rem;text-decoration:line-through;color:var(--ink-4)}

/* Amazon buy button */
.btn-amazon,.dp-aff-link{
  display:inline-flex;align-items:center;gap:8px;
  margin-top:8px;padding:10px 20px;
  background:linear-gradient(135deg,#FF9900 0%,#ffb340 100%);
  color:#0d1117;border-radius:var(--r2);font-size:13px;font-weight:700;
  transition:background .15s,transform .15s,box-shadow .15s;
  box-shadow:0 2px 8px rgba(255,153,0,.25),0 1px 0 rgba(27,31,36,.05);
  align-self:flex-start;position:relative;overflow:hidden;text-decoration:none;
}
.btn-amazon::before,.dp-aff-link::before{
  content:'';position:absolute;top:0;left:-100%;width:60%;height:100%;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);
  transform:skewX(-20deg);transition:left .5s;
}
.btn-amazon:hover::before,.dp-aff-link:hover::before{left:150%}
.btn-amazon:hover,.dp-aff-link:hover{
  background:linear-gradient(135deg,#e68a00 0%,#FF9900 100%);
  transform:translateY(-1px);
  box-shadow:0 4px 16px rgba(255,153,0,.35);color:#0d1117;
}

/* ═══════════════════════════════════════════════════
   PROS / CONS (actual HTML: .pros-cons > .pros + .cons)
═══════════════════════════════════════════════════ */
.pros-cons{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:24px 0}
.pros,.cons{border-radius:var(--r3);padding:18px;border:1px solid}
.pros{background:var(--green-bg);border-color:#a7f3d0}
.cons{background:var(--red-bg);border-color:#fca5a5}
.pros h4,.cons h4{font-size:.75rem;font-weight:800;letter-spacing:.8px;text-transform:uppercase;margin-bottom:10px;display:flex;align-items:center;gap:7px}
.pros h4{color:var(--green)}
.cons h4{color:var(--red)}
.pros h4::before{content:'✓'}
.cons h4::before{content:'✕'}
.pros ul,.cons ul{list-style:none;padding:0;display:flex;flex-direction:column;gap:5px}
.pros li,.cons li{font-size:12.5px;padding-left:16px;position:relative;line-height:1.5}
.pros li::before{content:'+';position:absolute;left:0;color:var(--green);font-weight:700}
.cons li::before{content:'−';position:absolute;left:0;color:var(--red);font-weight:700}

/* ═══════════════════════════════════════════════════
   COMPARISON TABLE
═══════════════════════════════════════════════════ */
.comparison-table{margin:28px 0;overflow-x:auto;border-radius:var(--r3);border:1px solid var(--line)}
.comparison-table table{width:100%;border-collapse:collapse;font-size:13.5px}
.comparison-table th{background:var(--ink);color:#fff;padding:11px 15px;text-align:left;font-size:11px;font-weight:700;letter-spacing:.4px;text-transform:uppercase}
.comparison-table td{padding:11px 15px;border-bottom:1px solid var(--line);color:var(--ink-2)}
.comparison-table tr:last-child td{border-bottom:none}
.comparison-table tr:hover td{background:var(--bg-2)}
.comparison-table td:first-child{font-weight:600;color:var(--ink)}

/* ═══════════════════════════════════════════════════
   CTA BOX
═══════════════════════════════════════════════════ */
.cta-box{
  background:var(--ink);border-radius:var(--r4);padding:32px;
  text-align:center;margin:32px 0;color:#fff;position:relative;overflow:hidden;
}
.cta-box::before{content:'';position:absolute;top:-40px;right:-40px;width:160px;height:160px;background:radial-gradient(circle,rgba(249,115,22,.12) 0%,transparent 70%)}
.cta-box h3{font-size:1.2rem;font-weight:800;margin-bottom:8px;color:#fff;position:relative}
.cta-box p{color:rgba(255,255,255,.6);margin-bottom:18px;position:relative}
.cta-box .btn-amazon,.cta-box .dp-aff-link{margin:0 auto;position:relative}

/* ═══════════════════════════════════════════════════
   FAQ
═══════════════════════════════════════════════════ */
.faq-section{margin:32px 0}
.faq-section>h2{font-size:1.2rem;font-weight:800;margin-bottom:16px;letter-spacing:-.03em}
.faq-item{border:1px solid var(--line);border-radius:var(--r3);margin-bottom:8px;overflow:hidden;transition:border-color .15s}
.faq-item[open]{border-color:var(--ink)}
.faq-item summary{padding:14px 18px;font-size:.93rem;font-weight:600;color:var(--ink);cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center;user-select:none}
.faq-item summary::-webkit-details-marker{display:none}
.faq-item summary::after{content:'＋';font-size:1rem;color:var(--ink-4);transition:transform .2s,color .2s;flex-shrink:0;margin-left:12px}
.faq-item[open] summary::after{transform:rotate(45deg);color:var(--brand)}
.faq-item .faq-answer{padding:0 18px 16px;color:var(--ink-3);font-size:13.5px;line-height:1.7}

/* ═══════════════════════════════════════════════════
   DISCLOSURE / AFFILIATE
═══════════════════════════════════════════════════ */
.affiliate-disclosure{
  background:var(--bg-2);border:1px solid var(--line);border-radius:var(--r2);
  padding:12px 16px;font-size:11.5px;color:var(--ink-4);margin:20px 0;line-height:1.6;
}

/* ═══════════════════════════════════════════════════
   FOOTER
═══════════════════════════════════════════════════ */
.site-footer{background:var(--ink)!important;color:rgba(255,255,255,.45)}
.inside-site-info{max-width:var(--w);margin:0 auto;padding:0 clamp(16px,4vw,48px)}
.footer-disclosure{padding:28px 0 18px;font-size:11.5px;line-height:1.7;border-bottom:1px solid rgba(255,255,255,.08)}
.footer-links{display:flex;flex-wrap:wrap;gap:4px 16px;padding:14px 0;border-bottom:1px solid rgba(255,255,255,.08)}
.footer-links a{font-size:12.5px;color:rgba(255,255,255,.35);font-weight:500}
.footer-links a:hover{color:#fff}
.copyright-bar{padding:14px 0 18px;font-size:11.5px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:8px;color:rgba(255,255,255,.25)}

/* ═══════════════════════════════════════════════════
   BACK TO TOP
═══════════════════════════════════════════════════ */
#dp-back-to-top{
  position:fixed;bottom:24px;right:24px;z-index:100;
  width:38px;height:38px;border-radius:50%;background:var(--ink);color:#fff;
  display:flex;align-items:center;justify-content:center;font-size:16px;
  cursor:pointer;border:1px solid rgba(255,255,255,.1);box-shadow:var(--sh2);
  opacity:0;pointer-events:none;transform:translateY(8px);
  transition:opacity .2s,transform .2s,background .15s;
}
#dp-back-to-top::before{content:'↑'}
#dp-back-to-top.visible{opacity:1;pointer-events:all;transform:none}
#dp-back-to-top:hover{background:var(--brand)}

/* ═══════════════════════════════════════════════════
   ANIMATIONS / STATE
═══════════════════════════════════════════════════ */
.dp-stagger-item{opacity:0;transform:translateY(12px);transition:opacity .4s var(--e),transform .4s var(--e)}
.dp-stagger-item.dp-visible{opacity:1;transform:none}
.dp-img-loading{filter:blur(6px) saturate(.5);transition:filter .5s}
.dp-img-loaded{filter:none}
.dp-ripple{position:absolute;border-radius:50%;background:rgba(255,255,255,.3);transform:scale(0);animation:ripple .6s linear;pointer-events:none}
.dp-picture{display:block}
.dp-picture img{width:100%;height:100%;object-fit:cover}

/* ═══════════════════════════════════════════════════
   RESPONSIVE — TABLET (≤1024px)
═══════════════════════════════════════════════════ */
@media(max-width:1024px){
  .dpv6-home-hero-grid{grid-template-columns:1fr;gap:32px}
  .dpv6-showcase-stack{display:none}
  .dpv6-story-grid--home{grid-template-columns:repeat(2,1fr)}
  .dpv6-category-catalog{grid-template-columns:repeat(2,1fr)}
  .dpv6-value-stack{grid-template-columns:repeat(2,1fr)}
  .dpv6-editorial-grid{grid-template-columns:1fr}
  .dpv6-feature-split{grid-template-columns:1fr}
  .dpv6-feature-side{display:grid;grid-template-columns:repeat(2,1fr)}
  .dpv6-story-grid--archive{grid-template-columns:repeat(2,1fr)}
  .dpv6-bestof-grid{grid-template-columns:repeat(2,1fr)}
  .dpv6-newsletter--wide{grid-template-columns:1fr;gap:28px}
  .dpv6-article-shell{grid-template-columns:1fr}
  .dpv6-sidecar{position:static;max-height:none;flex-direction:row;flex-wrap:wrap}
  .dpv6-sidecard{flex:1;min-width:200px}
  .dpv6-contact-layout{grid-template-columns:1fr}
  .dpv6-single-hero{grid-template-columns:1fr}
  .dpv6-single-media{display:none}
  .dpv6-page-hero--journal,.dpv6-page-hero--static{grid-template-columns:1fr;gap:16px}
  .dpv6-page-hero-aside{flex-direction:row;flex-wrap:wrap;padding-top:0}
  .dpv6-mini-grid{grid-template-columns:1fr}
}

/* ═══════════════════════════════════════════════════
   RESPONSIVE — MOBILE (≤768px)
═══════════════════════════════════════════════════ */
@media(max-width:768px){
  .deskpickr-premium .inside-navigation.grid-container.grid-parent{min-height:52px!important}
  .main-navigation .main-nav,
  .deskpickr-premium .main-navigation .main-nav{
    display:none!important;flex-direction:column!important;
    position:fixed;top:54px;left:0;right:0;bottom:0;
    background:var(--bg);border-bottom:1px solid var(--line);
    padding:8px 16px 24px;overflow-y:auto;z-index:499;
    box-shadow:var(--sh3);
  }
  .main-navigation .main-nav.open,
  .deskpickr-premium .main-navigation .main-nav.open{display:flex!important}
  #dp-menu-toggle{display:flex!important}
  .dpv6-home-hero{padding:44px 0 36px}
  .dpv6-home-copy h1{font-size:1.6rem}
  .dpv6-story-grid--home{grid-template-columns:1fr}
  .dpv6-story-grid--archive{grid-template-columns:1fr}
  .dpv6-category-catalog{grid-template-columns:repeat(2,1fr)}
  .dpv6-value-stack{grid-template-columns:1fr}
  .dpv6-bestof-grid{grid-template-columns:1fr}
  .dpv6-feature-side{display:flex;flex-direction:column}
  .dpv6-section{padding:44px 0}
  .dpv6-panel{padding:22px}
  .dpv6-sidecar{flex-direction:column}
  .dpv6-sidecard{min-width:unset}
  .product-card{grid-template-columns:90px 1fr}
  .product-card .badge{font-size:9px;padding:2px 8px;top:8px;left:8px}
  .card-media{padding:12px}
  .card-media img,.dp-responsive-product{max-width:70px;max-height:70px}
  .card-body{padding:12px 14px;padding-top:36px}
  .pros-cons{grid-template-columns:1fr}
  .dpv6-actions{flex-direction:column;gap:8px}
  .dpv6-btn{justify-content:center;text-align:center}
  .dpv6-single-layout{padding:32px 0 56px}
  .dpv6-page-body{padding:32px 0}
  .comparison-table table{font-size:12px}
  .comparison-table th,.comparison-table td{padding:9px 11px}
  .dpv6-newsletter--wide{padding:32px 24px}
}

@media(max-width:480px){
  .dpv6-category-catalog{grid-template-columns:1fr}
  .dpv6-home-copy h1{font-size:1.4rem}
}
/* ═══════════════════════════════════════════════════════════
   DeskPickr — WOW EFFECTS v10.0
   Appended to style.css v9.0.0
═══════════════════════════════════════════════════════════ */

/* ─────────── DESIGN TOKENS EXTENDED ─────────── */
:root {
  --grad-hero: linear-gradient(135deg,#0a0a0f 0%,#111827 50%,#0a0a0f 100%);
  --grad-accent: linear-gradient(135deg,#0071e3 0%,#2563eb 50%,#7c3aed 100%);
  --grad-warm: linear-gradient(135deg,#f97316 0%,#eab308 100%);
  --glow-blue: 0 0 40px rgba(0,113,227,.35);
  --glow-warm: 0 0 40px rgba(249,115,22,.35);
  --glow-purple: 0 0 40px rgba(124,58,237,.25);
  --sh-card-hover: 0 24px 80px rgba(0,0,0,.18),0 8px 24px rgba(0,113,227,.12);
  --radius-xl: 24px;
  --radius-2xl: 32px;
}

/* ─────────── SCROLLBAR ─────────── */
::-webkit-scrollbar { width: 6px; height: 6px; }
::-webkit-scrollbar-track { background: transparent; }
::-webkit-scrollbar-thumb {
  background: linear-gradient(180deg,#0071e3,#7c3aed);
  border-radius: 99px;
}
::-webkit-scrollbar-thumb:hover { background: #0071e3; }

/* ─────────── SMOOTH SCROLL ─────────── */
html { scroll-behavior: smooth; }

/* ─────────── SELECTION ─────────── */
::selection { background: rgba(0,113,227,.18); color: #0071e3; }

/* ─────────── PROGRESS BAR ─────────── */
#dp-progress-bar {
  position: fixed; top: 0; left: 0; height: 3px; width: 0; z-index: 9999;
  background: linear-gradient(90deg,#0071e3,#7c3aed,#f97316);
  transition: width .1s linear;
  box-shadow: 0 0 12px rgba(0,113,227,.6);
}

/* ─────────── NAV GLASSMORPHISM ─────────── */
.main-navigation {
  transition: background .3s ease, box-shadow .3s ease, backdrop-filter .3s ease;
  will-change: background;
}
.main-navigation.scrolled {
  background: rgba(255,255,255,.82) !important;
  backdrop-filter: blur(20px) saturate(180%);
  -webkit-backdrop-filter: blur(20px) saturate(180%);
  box-shadow: 0 1px 0 rgba(0,0,0,.06), 0 4px 32px rgba(0,0,0,.08) !important;
}

/* ─────────── NAV BRAND GLOW ─────────── */
.dp-nav-brand-mark {
  background: var(--grad-accent);
  -webkit-background-clip: text; background-clip: text;
  -webkit-text-fill-color: transparent;
  transition: filter .3s;
}
.dp-nav-brand:hover .dp-nav-brand-mark { filter: drop-shadow(0 0 8px rgba(0,113,227,.6)); }

/* ─────────── HERO GRADIENT MESH ─────────── */
@keyframes meshDrift {
  0%   { transform: translate(0,0) scale(1); }
  33%  { transform: translate(40px,-30px) scale(1.05); }
  66%  { transform: translate(-20px,20px) scale(.95); }
  100% { transform: translate(0,0) scale(1); }
}
@keyframes meshDrift2 {
  0%   { transform: translate(0,0) scale(1.1); }
  50%  { transform: translate(-50px,30px) scale(.9); }
  100% { transform: translate(0,0) scale(1.1); }
}
.dpv6-home-hero {
  position: relative;
  overflow: hidden;
}
.dpv6-home-hero::before,
.dpv6-home-hero::after {
  content: '';
  position: absolute;
  border-radius: 50%;
  filter: blur(80px);
  opacity: .18;
  pointer-events: none;
  z-index: 0;
}
.dpv6-home-hero::before {
  width: 600px; height: 600px;
  background: radial-gradient(circle,#0071e3,transparent 70%);
  top: -100px; left: -100px;
  animation: meshDrift 12s ease-in-out infinite;
}
.dpv6-home-hero::after {
  width: 500px; height: 500px;
  background: radial-gradient(circle,#7c3aed,transparent 70%);
  bottom: -80px; right: -80px;
  animation: meshDrift2 15s ease-in-out infinite;
}
.dpv6-home-hero > * { position: relative; z-index: 1; }

/* ─────────── GRADIENT TEXT HEADINGS ─────────── */
@keyframes gradientSlide {
  0%   { background-position: 0% 50%; }
  50%  { background-position: 100% 50%; }
  100% { background-position: 0% 50%; }
}
.dpv6-home-copy h1 {
  background: linear-gradient(135deg,#1d1d1f 0%,#0071e3 40%,#7c3aed 70%,#1d1d1f 100%);
  background-size: 300% 300%;
  -webkit-background-clip: text; background-clip: text;
  -webkit-text-fill-color: transparent;
  animation: gradientSlide 8s ease infinite;
}
.dp-footer-col-title, .dpv6-section-head h2, .dpv6-page-hero h1 {
  position: relative;
}
.dpv6-section-head h2::after {
  content: '';
  display: block;
  width: 48px; height: 3px;
  background: var(--grad-accent);
  border-radius: 99px;
  margin-top: 10px;
}

/* ─────────── KICKER PILL ─────────── */
.dpv6-kicker {
  display: inline-block;
  background: linear-gradient(135deg,rgba(0,113,227,.1),rgba(124,58,237,.08));
  border: 1px solid rgba(0,113,227,.2);
  color: #0071e3;
  border-radius: 99px;
  padding: 4px 14px;
  font-size: .75rem;
  font-weight: 600;
  letter-spacing: .06em;
  text-transform: uppercase;
  margin-bottom: 16px;
  backdrop-filter: blur(8px);
}

/* ─────────── CTA BUTTON SHIMMER ─────────── */
@keyframes btnShimmer {
  0%   { transform: translateX(-100%) skewX(-12deg); }
  100% { transform: translateX(200%) skewX(-12deg); }
}
.dpv6-btn--primary {
  position: relative;
  overflow: hidden;
  background: var(--grad-accent) !important;
  background-size: 200% 200% !important;
  animation: gradientSlide 4s ease infinite;
  box-shadow: 0 4px 24px rgba(0,113,227,.4), 0 2px 8px rgba(0,113,227,.2) !important;
  border: none !important;
  transition: transform .2s ease, box-shadow .3s ease !important;
}
.dpv6-btn--primary::before {
  content: '';
  position: absolute;
  top: 0; left: 0; width: 60px; height: 100%;
  background: linear-gradient(90deg,transparent,rgba(255,255,255,.35),transparent);
  animation: btnShimmer 3s ease-in-out infinite;
}
.dpv6-btn--primary:hover {
  transform: translateY(-2px) !important;
  box-shadow: 0 8px 32px rgba(0,113,227,.5), 0 4px 16px rgba(0,113,227,.3) !important;
}
.dpv6-btn--ghost {
  border: 1.5px solid rgba(0,113,227,.35) !important;
  color: #0071e3 !important;
  background: rgba(0,113,227,.04) !important;
  transition: all .25s ease !important;
  backdrop-filter: blur(8px);
}
.dpv6-btn--ghost:hover {
  background: rgba(0,113,227,.1) !important;
  border-color: #0071e3 !important;
  transform: translateY(-2px);
  box-shadow: 0 4px 20px rgba(0,113,227,.2) !important;
}

/* ─────────── PRODUCT CARD HOVER WOW ─────────── */
@keyframes cardGlow {
  0%,100% { box-shadow: var(--sh-card-hover); }
  50%      { box-shadow: 0 24px 80px rgba(0,0,0,.2),0 8px 24px rgba(124,58,237,.12); }
}
.product-card {
  transition: transform .35s cubic-bezier(.25,.46,.45,.94),
              box-shadow .35s ease !important;
  cursor: pointer;
}
.product-card:hover {
  transform: translateY(-6px) scale(1.01) !important;
  box-shadow: var(--sh-card-hover) !important;
  animation: cardGlow 3s ease infinite;
}
.product-card:hover .card-media img {
  transform: scale(1.06) rotate(-1deg);
}
.card-media img {
  transition: transform .45s cubic-bezier(.25,.46,.45,.94) !important;
}

/* ─────────── BTN AMAZON PULSE ─────────── */
@keyframes amazonPulse {
  0%,100% { box-shadow: 0 4px 14px rgba(255,153,0,.3); }
  50%      { box-shadow: 0 6px 24px rgba(255,153,0,.5); }
}
.btn-amazon.dp-aff-link {
  background: linear-gradient(135deg,#ff9900,#ff6600) !important;
  color: #fff !important;
  font-weight: 700 !important;
  border: none !important;
  border-radius: 12px !important;
  padding: 12px 20px !important;
  animation: amazonPulse 2.5s ease-in-out infinite;
  transition: transform .2s ease !important;
  display: block !important;
  text-align: center !important;
}
.btn-amazon.dp-aff-link:hover {
  transform: translateY(-2px) scale(1.02) !important;
  animation-play-state: paused;
  box-shadow: 0 8px 28px rgba(255,153,0,.5) !important;
}

/* ─────────── BADGE FLOAT ─────────── */
@keyframes badgeFloat {
  0%,100% { transform: translateY(0); }
  50%      { transform: translateY(-4px); }
}
.product-card:hover .badge {
  animation: badgeFloat 2s ease-in-out infinite;
}

/* ─────────── STORY CARD HOVER ─────────── */
.dpv6-story-card {
  transition: transform .35s cubic-bezier(.25,.46,.45,.94),
              box-shadow .35s ease !important;
}
.dpv6-story-card:hover {
  transform: translateY(-5px) !important;
  box-shadow: 0 20px 60px rgba(0,0,0,.15) !important;
}
.dpv6-story-card .dpv6-story-media img {
  transition: transform .5s ease !important;
}
.dpv6-story-card:hover .dpv6-story-media img {
  transform: scale(1.07) !important;
}
.dpv6-story-link { text-decoration: none !important; }

/* ─────────── CHIP HOVER GLOW ─────────── */
.dpv6-chip {
  transition: all .25s ease !important;
  position: relative;
}
.dpv6-chip:hover {
  background: rgba(0,113,227,.12) !important;
  color: #0071e3 !important;
  border-color: rgba(0,113,227,.3) !important;
  transform: translateY(-2px);
  box-shadow: 0 4px 16px rgba(0,113,227,.15) !important;
}

/* ─────────── CATEGORY TILE ─────────── */
.dpv6-category-tile {
  transition: transform .35s cubic-bezier(.25,.46,.45,.94),
              box-shadow .35s ease !important;
}
.dpv6-category-tile:hover {
  box-shadow: 0 20px 60px rgba(0,0,0,.15) !important;
}

/* ─────────── STARS GOLDEN GLOW ─────────── */
.stars {
  color: #f59e0b !important;
  text-shadow: 0 0 8px rgba(245,158,11,.5);
  letter-spacing: 1px;
}

/* ─────────── SCROLL REVEAL ANIMATIONS ─────────── */
@keyframes revealUp {
  from { opacity: 0; transform: translateY(28px); }
  to   { opacity: 1; transform: translateY(0); }
}
@keyframes revealLeft {
  from { opacity: 0; transform: translateX(-24px); }
  to   { opacity: 1; transform: translateX(0); }
}
@keyframes revealScale {
  from { opacity: 0; transform: scale(.92); }
  to   { opacity: 1; transform: scale(1); }
}
.dp-reveal {
  opacity: 0;
}
.dp-reveal.is-visible {
  animation: revealUp .6s cubic-bezier(.25,.46,.45,.94) forwards;
}
.dp-reveal-left.is-visible {
  animation: revealLeft .6s cubic-bezier(.25,.46,.45,.94) forwards;
}
.dp-reveal-scale.is-visible {
  animation: revealScale .5s cubic-bezier(.25,.46,.45,.94) forwards;
}

/* ─────────── BACK TO TOP ─────────── */
#dp-back-to-top {
  position: fixed; bottom: 32px; right: 28px; z-index: 800;
  width: 48px; height: 48px; border-radius: 50%;
  background: var(--grad-accent);
  border: none; cursor: pointer;
  display: flex; align-items: center; justify-content: center;
  opacity: 0; transform: translateY(12px) scale(.8);
  transition: opacity .3s ease, transform .3s cubic-bezier(.34,1.56,.64,1);
  box-shadow: 0 4px 20px rgba(0,113,227,.4);
}
#dp-back-to-top::before {
  content: '↑';
  color: #fff;
  font-size: 1.2rem;
  font-weight: 700;
}
#dp-back-to-top.visible {
  opacity: 1; transform: translateY(0) scale(1);
}
#dp-back-to-top:hover {
  transform: translateY(-4px) scale(1.08);
  box-shadow: 0 8px 28px rgba(0,113,227,.5);
}

/* ─────────── CUSTOM CURSOR RING ─────────── */
#dp-cursor-ring {
  position: fixed;
  width: 28px; height: 28px;
  border: 1.5px solid rgba(0,113,227,.5);
  border-radius: 50%;
  pointer-events: none;
  z-index: 9998;
  transform: translate(-50%,-50%);
  transition: width .2s ease, height .2s ease, border-color .2s ease, opacity .2s ease;
  mix-blend-mode: multiply;
}
#dp-cursor-ring.hovering {
  width: 48px; height: 48px;
  border-color: rgba(0,113,227,.8);
  background: rgba(0,113,227,.06);
}
@media (hover: none) or (pointer: coarse) {
  #dp-cursor-ring { display: none !important; }
}

/* ─────────── SIDECAR ANIMATE ─────────── */
.dpv6-sidecard {
  transition: box-shadow .3s ease, transform .3s ease !important;
}
.dpv6-sidecard:hover {
  box-shadow: 0 8px 40px rgba(0,0,0,.12) !important;
  transform: translateY(-2px);
}

/* ─────────── PROSE HEADINGS ─────────── */
.dpv6-article-prose h2 {
  position: relative;
  padding-left: 18px;
}
.dpv6-article-prose h2::before {
  content: '';
  position: absolute;
  left: 0; top: .15em;
  width: 4px; height: 1.1em;
  background: var(--grad-accent);
  border-radius: 99px;
}

/* ─────────── PROS CONS HOVER ─────────── */
.pros { transition: box-shadow .3s ease; }
.cons { transition: box-shadow .3s ease; }
.pros:hover { box-shadow: 0 4px 24px rgba(16,185,129,.15) !important; }
.cons:hover { box-shadow: 0 4px 24px rgba(239,68,68,.12) !important; }

/* ─────────── NOISE GRAIN OVERLAY ─────────── */
.deskpickr-premium::after {
  content: '';
  position: fixed;
  inset: 0;
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='1'/%3E%3C/svg%3E");
  opacity: .025;
  pointer-events: none;
  z-index: 9990;
}

/* ═══════════════════════════════════════════════════
   PREMIUM FOOTER
═══════════════════════════════════════════════════ */
.dp-footer-glow-bg {
  position: absolute;
  inset: 0; overflow: hidden;
  pointer-events: none;
}
.dp-glow {
  position: absolute;
  border-radius: 50%;
  filter: blur(100px);
  opacity: .18;
}
.dp-glow-1 {
  width: 500px; height: 500px;
  background: radial-gradient(circle,#0071e3,transparent 70%);
  top: -100px; left: -100px;
  animation: meshDrift 18s ease-in-out infinite;
}
.dp-glow-2 {
  width: 400px; height: 400px;
  background: radial-gradient(circle,#7c3aed,transparent 70%);
  bottom: 0; right: 50px;
  animation: meshDrift2 20s ease-in-out infinite;
}
.dp-footer {
  position: relative;
  background: linear-gradient(160deg,#060612 0%,#0c0d1a 50%,#060612 100%);
  color: rgba(255,255,255,.7);
  margin-top: 80px;
  overflow: hidden;
}
.dp-footer-inner {
  display: grid;
  grid-template-columns: 1.6fr 1fr 1fr 1fr;
  gap: 48px;
  padding: 72px 0 48px;
  align-items: start;
}
.dp-footer-logo {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 16px;
}
.dp-footer-logo .dp-nav-brand-mark {
  background: var(--grad-accent) !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  font-size: 1.1rem !important;
  font-weight: 800 !important;
  width: 36px; height: 36px;
  display: flex; align-items: center; justify-content: center;
  background: var(--grad-accent) !important;
  -webkit-background-clip: unset !important;
  background-clip: unset !important;
  -webkit-text-fill-color: #fff !important;
  border-radius: 10px;
  box-shadow: 0 4px 16px rgba(0,113,227,.4);
}
.dp-footer-logo .dp-nav-brand-text {
  font-size: 1.25rem;
  font-weight: 700;
  color: #fff;
  letter-spacing: -.02em;
}
.dp-footer-tagline {
  font-size: .875rem;
  line-height: 1.6;
  color: rgba(255,255,255,.5);
  margin-bottom: 20px;
  max-width: 260px;
}
.dp-footer-badges {
  display: flex;
  flex-direction: column;
  gap: 6px;
}
.dp-badge-item {
  font-size: .75rem;
  color: rgba(255,255,255,.45);
  letter-spacing: .02em;
}
.dp-badge-item::before {
  content: '✓';
  color: #10b981;
  margin-right: 6px;
}
.dp-footer-col-title {
  font-size: .7rem !important;
  font-weight: 700 !important;
  letter-spacing: .1em !important;
  text-transform: uppercase !important;
  color: rgba(255,255,255,.35) !important;
  margin: 0 0 20px !important;
}
.dp-footer-list {
  list-style: none !important;
  padding: 0 !important;
  margin: 0 !important;
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.dp-footer-list a {
  color: rgba(255,255,255,.55) !important;
  font-size: .875rem !important;
  text-decoration: none !important;
  transition: color .2s ease !important;
  display: block;
  line-height: 1.4;
}
.dp-footer-list a:hover {
  color: #fff !important;
}
.dp-footer-list a:hover { padding-left: 4px; }
.dp-footer-list a { transition: color .2s ease, padding-left .2s ease !important; }

/* Footer divider */
.dp-footer::before {
  content: '';
  display: block;
  position: absolute;
  top: 0; left: 0; right: 0;
  height: 1px;
  background: linear-gradient(90deg,transparent,rgba(255,255,255,.12) 30%,rgba(0,113,227,.3) 50%,rgba(255,255,255,.12) 70%,transparent);
}

/* Bottom bar */
.dp-footer-bottom {
  border-top: 1px solid rgba(255,255,255,.07);
  padding: 20px 0;
}
.dp-footer-bottom .dp-shell {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
  flex-wrap: wrap;
}
.dp-footer-copy {
  font-size: .75rem;
  color: rgba(255,255,255,.3);
  line-height: 1.5;
  max-width: 600px;
  margin: 0;
}
.dp-footer-links {
  display: flex;
  gap: 20px;
  flex-shrink: 0;
}
.dp-footer-links a {
  font-size: .75rem;
  color: rgba(255,255,255,.3);
  text-decoration: none;
  transition: color .2s;
}
.dp-footer-links a:hover { color: rgba(255,255,255,.7); }

/* Hide GP default footer chrome */
.site-info:not(.dp-footer-bottom *) {
  display: none !important;
}

/* ─────────── MARQUEE ANIMATION ─────────── */
@keyframes marqueeScroll {
  0%   { transform: translateX(0); }
  100% { transform: translateX(-50%); }
}
.dpv6-marquee-track {
  display: flex;
  gap: 10px;
  width: max-content;
  animation: marqueeScroll 30s linear infinite;
}
.dpv6-marquee {
  overflow: hidden;
  mask-image: linear-gradient(90deg,transparent,black 10%,black 90%,transparent);
  -webkit-mask-image: linear-gradient(90deg,transparent,black 10%,black 90%,transparent);
}
.dpv6-marquee:hover .dpv6-marquee-track {
  animation-play-state: paused;
}

/* ─────────── VALUE STACK (TRUST ITEMS) ─────────── */
.dpv6-value-stack > * {
  transition: transform .3s ease, box-shadow .3s ease;
}
.dpv6-value-stack > *:hover {
  transform: translateY(-4px);
  box-shadow: var(--sh-card-hover);
}

/* ─────────── BESTOF CARD ─────────── */
.dpv6-bestof-card {
  transition: transform .35s cubic-bezier(.25,.46,.45,.94),
              box-shadow .35s ease !important;
}
.dpv6-bestof-card:hover {
  transform: translateY(-6px) !important;
  box-shadow: 0 24px 72px rgba(0,0,0,.16) !important;
}

/* ─────────── NEWSLETTER ─────────── */
.dpv6-newsletter--wide {
  background: linear-gradient(135deg,#0d0d1a 0%,#111827 100%) !important;
  border: 1px solid rgba(0,113,227,.2) !important;
  color: #fff !important;
  position: relative;
  overflow: hidden;
}
.dpv6-newsletter--wide::before {
  content: '';
  position: absolute;
  width: 300px; height: 300px;
  background: radial-gradient(circle,rgba(0,113,227,.15),transparent 70%);
  top: -50px; right: -50px;
  border-radius: 50%;
}
.dpv6-newsletter--wide .dpv6-newsletter-copy h2,
.dpv6-newsletter--wide .dpv6-newsletter-copy p { color: rgba(255,255,255,.85) !important; }

/* ─────────── MOBILE FOOTER ─────────── */
@media (max-width: 768px) {
  .dp-footer-inner {
    grid-template-columns: 1fr 1fr;
    gap: 32px;
    padding: 48px 0 32px;
  }
  .dp-footer-brand { grid-column: 1 / -1; }
  .dp-footer-bottom .dp-shell { flex-direction: column; align-items: flex-start; gap: 12px; }
}
@media (max-width: 480px) {
  .dp-footer-inner { grid-template-columns: 1fr; }
}

/* ─────────── SECTION SEPARATOR ─────────── */
.dpv6-section {
  position: relative;
}
.dpv6-section + .dpv6-section::before {
  content: '';
  display: block;
  width: 1px;
  height: 80px;
  background: linear-gradient(180deg,transparent,rgba(0,113,227,.3),transparent);
  margin: 0 auto -40px;
}

/* ─────────── HIGHLIGHTED INLINE CODE ─────────── */
.dpv6-article-prose code {
  background: rgba(0,113,227,.07);
  border: 1px solid rgba(0,113,227,.15);
  border-radius: 4px;
  padding: 1px 6px;
  font-size: .875em;
  color: #0071e3;
}

/* ─────────── LINK UNDERLINE ANIMATION ─────────── */
.dpv6-article-prose a:not(.btn-amazon):not(.dpv6-btn) {
  background: linear-gradient(#0071e3,#0071e3) no-repeat 0 100%;
  background-size: 0% 1.5px;
  transition: background-size .3s ease;
}
.dpv6-article-prose a:not(.btn-amazon):not(.dpv6-btn):hover {
  background-size: 100% 1.5px;
}

/* ─────────── IMAGE HOVER ZOOM ─────────── */
.dpv6-story-media { overflow: hidden; border-radius: inherit; }
.dpv6-single-media { overflow: hidden; border-radius: var(--radius-xl); }
.dpv6-single-media img { transition: transform .6s cubic-bezier(.25,.46,.45,.94) !important; }
.dpv6-single-media:hover img { transform: scale(1.04) !important; }

/* ─────────── STAT COUNTER ─────────── */
.dp-stat-number {
  font-size: 2.5rem;
  font-weight: 800;
  background: var(--grad-accent);
  -webkit-background-clip: text; background-clip: text;
  -webkit-text-fill-color: transparent;
  line-height: 1;
}
/* ═══════════════════════════════════════════════════
   DeskPickr — BUGFIXES v10.1
   Appended to style_v10
═══════════════════════════════════════════════════ */

/* ─── BUG 1: Mini-cards INVISIBLES sur fond blanc ───
   .dpv6-mini-card est codé pour fond sombre (texte #fff, bg rgba(255,255,255,.07))
   Mais dans .dpv6-about-grid et .dpv6-editorial-grid ils sont sur fond blanc
   → fix: contexte clair = style light card
──────────────────────────────────────────────────── */
.dpv6-about-grid .dpv6-value-stack,
.dpv6-editorial-grid .dpv6-value-stack {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
  gap: 14px;
  align-self: start;
}

.dpv6-about-grid .dpv6-value-stack .dpv6-mini-card,
.dpv6-editorial-grid .dpv6-value-stack .dpv6-mini-card {
  background: var(--bg-2, #f5f5f7) !important;
  border: 1px solid var(--line, rgba(0,0,0,.08)) !important;
  border-radius: 14px !important;
  padding: 18px !important;
  color: var(--ink, #1d1d1f) !important;
  transition: box-shadow .25s ease, transform .25s ease;
}
.dpv6-about-grid .dpv6-value-stack .dpv6-mini-card:hover,
.dpv6-editorial-grid .dpv6-value-stack .dpv6-mini-card:hover {
  box-shadow: 0 8px 32px rgba(0,0,0,.1);
  transform: translateY(-3px);
}
.dpv6-about-grid .dpv6-value-stack .dpv6-mini-card h3,
.dpv6-editorial-grid .dpv6-value-stack .dpv6-mini-card h3 {
  font-size: .875rem !important;
  font-weight: 700 !important;
  color: var(--ink, #1d1d1f) !important;
  margin-bottom: 6px !important;
}
.dpv6-about-grid .dpv6-value-stack .dpv6-mini-card p,
.dpv6-editorial-grid .dpv6-value-stack .dpv6-mini-card p {
  font-size: .8rem !important;
  color: var(--ink-3, #6e6e73) !important;
  line-height: 1.55 !important;
}

/* Mini-cards sur fond SOMBRE (panel dark) restent blancs */
.dpv6-panel.dpv6-editorial-panel .dpv6-mini-card,
.dpv6-contact-spotlight .dpv6-mini-card,
.dpv6-panel.dpv6-about-manifesto ~ .dpv6-value-stack .dpv6-mini-card {
  background: rgba(255,255,255,.08) !important;
  border: 1px solid rgba(255,255,255,.12) !important;
  color: #fff !important;
}
.dpv6-panel.dpv6-editorial-panel .dpv6-mini-card h3,
.dpv6-contact-spotlight .dpv6-mini-card h3 {
  color: #fff !important;
}
.dpv6-panel.dpv6-editorial-panel .dpv6-mini-card p,
.dpv6-contact-spotlight .dpv6-mini-card p {
  color: rgba(255,255,255,.6) !important;
}

/* ─── About grid layout ─── */
.dpv6-about-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 24px;
  align-items: start;
  margin-bottom: 32px;
}
@media (max-width: 768px) {
  .dpv6-about-grid { grid-template-columns: 1fr; }
}

/* ─── BUG 2: Texte illisible sur category tiles ───
   .dpv6-category-copy p hérite du body text (sombre) → invisible sur image
   .dpv6-story-cta idem
──────────────────────────────────────────────────── */
.dpv6-category-copy p {
  color: rgba(255,255,255,.78) !important;
  font-size: .82rem !important;
  line-height: 1.5 !important;
  margin: 4px 0 10px !important;
}
.dpv6-category-copy .dpv6-story-cta {
  color: rgba(255,255,255,.9) !important;
  font-size: .75rem !important;
  font-weight: 600 !important;
  letter-spacing: .03em !important;
  display: inline-flex;
  align-items: center;
  gap: 4px;
}
.dpv6-category-copy .dpv6-story-cta::after {
  content: '→';
  font-size: .85em;
  transition: transform .2s ease;
}
.dpv6-category-tile:hover .dpv6-category-copy .dpv6-story-cta::after {
  transform: translateX(4px);
}
.dpv6-category-copy .dpv6-category-meta {
  color: rgba(255,255,255,.55) !important;
}

/* Renforcir l'overlay sombre sur les tiles */
.dpv6-category-tile::after {
  background: linear-gradient(
    to top,
    rgba(0,0,0,.82) 0%,
    rgba(0,0,0,.45) 50%,
    rgba(0,0,0,.08) 100%
  ) !important;
}

/* ─── HOMEPAGE: Section gauche-droite cassée ───
   La section éditoriale (dark card gauche + value-stack droite)
   Le right column est vide visuellement → fix value-stack
──────────────────────────────────────────────────── */
.dpv6-editorial-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 24px;
  align-items: start;
}
@media (max-width: 1024px) {
  .dpv6-editorial-grid { grid-template-columns: 1fr; }
}

/* ─── CATEGORY CATALOG grid amélioré ─── */
.dpv6-category-catalog {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
}
@media (max-width: 1024px) {
  .dpv6-category-catalog { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 600px) {
  .dpv6-category-catalog { grid-template-columns: 1fr; }
}

/* ─── Améliorer les section heads ─── */
.dpv6-section-head {
  text-align: center;
  margin-bottom: 40px;
}
.dpv6-section-head h2 {
  font-size: clamp(1.5rem, 3vw, 2.2rem);
  font-weight: 800;
  letter-spacing: -.04em;
  color: var(--ink);
  margin-bottom: 10px;
}
.dpv6-section-head p {
  color: var(--ink-3);
  font-size: 1rem;
  max-width: 560px;
  margin: 0 auto;
}

/* ─── Principles grid (about page) ─── */
.dpv6-principles {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 16px;
  margin: 24px 0;
}
.dpv6-principles .dpv6-panel {
  background: var(--bg-2);
  border: 1px solid var(--line);
  border-radius: 16px;
  padding: 24px;
}
.dpv6-principles .dpv6-panel h3 {
  font-size: .95rem;
  font-weight: 700;
  color: var(--ink);
  margin-bottom: 8px;
}
.dpv6-principles .dpv6-panel p {
  font-size: .85rem;
  color: var(--ink-3);
  line-height: 1.6;
}
@media (max-width: 768px) {
  .dpv6-principles { grid-template-columns: 1fr; }
}

/* ─── About CTA panel ─── */
.dpv6-about-cta {
  background: linear-gradient(135deg, rgba(0,113,227,.06), rgba(124,58,237,.04)) !important;
  border: 1px solid rgba(0,113,227,.15) !important;
  border-radius: 16px !important;
  padding: 28px 32px !important;
  margin-top: 16px !important;
}
.dpv6-about-cta h3 { font-size: 1.1rem; font-weight: 700; color: var(--ink); }
.dpv6-about-cta p { color: var(--ink-3); }
.dpv6-about-cta a { color: var(--brand); }

/* ─── Legal grid ─── */
.dpv6-legal-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 20px;
}
.dpv6-legal-grid .dpv6-panel {
  border-radius: 14px;
  border: 1px solid var(--line);
  padding: 24px;
}
.dpv6-legal-grid .dpv6-panel h2 { font-size: 1rem; font-weight: 700; margin-bottom: 8px; }
.dpv6-legal-grid .dpv6-panel p { font-size: .875rem; color: var(--ink-3); }
@media (max-width: 768px) {
  .dpv6-legal-grid { grid-template-columns: 1fr; }
}

/* ─── Contact layout ─── */
.dpv6-contact-layout {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 24px;
  align-items: start;
}
@media (max-width: 768px) {
  .dpv6-contact-layout { grid-template-columns: 1fr; }
}

/* ─── Contact spotlight (dark card) ─── */
.dpv6-contact-spotlight {
  background: var(--ink) !important;
  border-radius: 20px !important;
  padding: 36px !important;
  color: #fff !important;
}
.dpv6-contact-spotlight h2 {
  font-size: 1.3rem; font-weight: 800; color: #fff; margin-bottom: 10px;
}
.dpv6-contact-spotlight p {
  color: rgba(255,255,255,.65); font-size: .9rem; line-height: 1.65;
}

/* ─── Homepage: hero copy text lisibility ─── */
.dpv6-home-copy .dpv6-lead {
  color: var(--ink-3) !important;
  font-size: 1.05rem !important;
  line-height: 1.7 !important;
}

/* ─── Panel kicker: correct color in light context ─── */
.dpv6-panel.dpv6-editorial-panel .dpv6-panel-kicker,
.dpv6-contact-spotlight .dpv6-panel-kicker,
.dpv6-about-manifesto .dpv6-panel-kicker {
  color: rgba(255,255,255,.5) !important;
}

/* ─── Better font stack ─── */
body, .dpv6-home, .dpv6-article-prose {
  font-family: 'Manrope', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif !important;
}
h1, h2, h3 {
  font-family: 'Sora', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif !important;
}

/* ─── GPT Inline CSS override: force correct body text ─── */
body { color: #1d1d1f !important; }
a:not([class]) { color: var(--brand, #0071e3); }

/* ─── Better about-grid: dark panel with gradient ─── */
.dpv6-about-manifesto {
  background: linear-gradient(145deg, #0d0d1a 0%, #111827 100%) !important;
  border-radius: 20px !important;
  padding: 40px !important;
  color: #fff !important;
  position: relative;
  overflow: hidden;
}
.dpv6-about-manifesto::before {
  content: '';
  position: absolute;
  top: -60px; right: -60px;
  width: 280px; height: 280px;
  background: radial-gradient(circle, rgba(0,113,227,.2), transparent 70%);
  border-radius: 50%;
  pointer-events: none;
}
.dpv6-about-manifesto h2 {
  font-size: 1.3rem !important;
  font-weight: 800 !important;
  color: #fff !important;
  line-height: 1.35 !important;
  margin-bottom: 12px !important;
  position: relative; z-index: 1;
}
.dpv6-about-manifesto p {
  color: rgba(255,255,255,.65) !important;
  font-size: .9rem !important;
  line-height: 1.7 !important;
  position: relative; z-index: 1;
}
/* ═══════════════════════════════════════════════════
   DeskPickr — CRITICAL BUGFIXES v10.2
═══════════════════════════════════════════════════ */

/* ── FIX 1: Cursor ring mix-blend-mode cause le bleu sur tout ── */
#dp-cursor-ring {
  mix-blend-mode: normal !important;
  background: transparent !important;
  border: 1.5px solid rgba(0,113,227,.4) !important;
}
#dp-cursor-ring.hovering {
  background: rgba(0,113,227,.05) !important;
  border-color: rgba(0,113,227,.6) !important;
}

/* ── FIX 2: Mini-cards texte INVISIBLE (blanc sur blanc) ──
   Structure: .dpv6-editorial-grid > .dpv6-value-stack > .dpv6-mini-card
   Ces mini-cards sont HORS d'un panel sombre → doivent être style clair
── */
.dpv6-value-stack .dpv6-mini-card {
  background: #f5f5f7 !important;
  border: 1px solid rgba(0,0,0,.08) !important;
  border-radius: 14px !important;
  padding: 20px !important;
  color: #1d1d1f !important;
}
.dpv6-value-stack .dpv6-mini-card h3 {
  color: #1d1d1f !important;
  font-size: .9rem !important;
  font-weight: 700 !important;
  margin-bottom: 6px !important;
}
.dpv6-value-stack .dpv6-mini-card p {
  color: #6e6e73 !important;
  font-size: .82rem !important;
  line-height: 1.55 !important;
}

/* Exception: mini-cards DANS un panel sombre → rester blancs */
.dpv6-panel.dpv6-editorial-panel .dpv6-mini-card,
.dpv6-contact-spotlight .dpv6-mini-card,
.dpv6-about-manifesto .dpv6-mini-card {
  background: rgba(255,255,255,.09) !important;
  border: 1px solid rgba(255,255,255,.14) !important;
  color: #fff !important;
}
.dpv6-panel.dpv6-editorial-panel .dpv6-mini-card h3,
.dpv6-contact-spotlight .dpv6-mini-card h3,
.dpv6-about-manifesto .dpv6-mini-card h3 {
  color: #fff !important;
}
.dpv6-panel.dpv6-editorial-panel .dpv6-mini-card p,
.dpv6-contact-spotlight .dpv6-mini-card p,
.dpv6-about-manifesto .dpv6-mini-card p {
  color: rgba(255,255,255,.6) !important;
}

/* ── FIX 3: Editorial grid layout ── */
.dpv6-editorial-grid {
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  gap: 28px !important;
  align-items: start !important;
}
.dpv6-value-stack {
  display: grid !important;
  grid-template-columns: 1fr !important;
  gap: 14px !important;
}

/* ── FIX 4: Category tile texte illisible ── */
.dpv6-category-copy p {
  color: rgba(255,255,255,.85) !important;
  font-size: .82rem !important;
  margin: 4px 0 10px !important;
}
.dpv6-category-copy h3 {
  color: #fff !important;
  font-weight: 700 !important;
}
.dpv6-category-copy .dpv6-story-cta {
  color: rgba(255,255,255,.9) !important;
  font-weight: 600 !important;
  font-size: .78rem !important;
}
.dpv6-category-copy .dpv6-category-meta span {
  color: rgba(255,255,255,.55) !important;
}
/* Overlay plus fort pour meilleure lisibilité */
.dpv6-category-tile::after {
  background: linear-gradient(
    to top,
    rgba(0,0,0,.88) 0%,
    rgba(0,0,0,.5) 55%,
    rgba(0,0,0,.1) 100%
  ) !important;
}

/* ── FIX 5: Noise grain overlay interférait avec la lisibilité ── */
.deskpickr-premium::after {
  opacity: .015 !important;
  pointer-events: none !important;
  z-index: 1 !important; /* Plus bas que le contenu */
}

/* ── FIX 6: Text selection color (juste cosmétique) ── */
::selection {
  background: rgba(0,113,227,.15) !important;
  color: inherit !important;
}

/* ── FIX 7: Gradient text h1 fallback pour navigateurs qui l'affichent en blanc ── */
.dpv6-home-copy h1 {
  -webkit-text-fill-color: transparent !important;
  background: linear-gradient(135deg, #1d1d1f 0%, #0071e3 45%, #7c3aed 75%, #1d1d1f 100%) !important;
  background-size: 300% 300% !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  animation: gradientSlide 8s ease infinite !important;
}

/* ── FIX 8: Responsive editorial grid ── */
@media (max-width: 1024px) {
  .dpv6-editorial-grid {
    grid-template-columns: 1fr !important;
  }
  .dpv6-value-stack {
    grid-template-columns: repeat(3, 1fr) !important;
  }
}
@media (max-width: 640px) {
  .dpv6-value-stack {
    grid-template-columns: 1fr !important;
  }
}
/* ═══════════════════════════════════════════════════════════
   DeskPickr — ARTICLE ZONES COMPLETE REDESIGN v11
   Full visual overhaul of all article components
═══════════════════════════════════════════════════════════ */

/* ─────────────────────────────────────────────────────────
   ARTICLE HERO
───────────────────────────────────────────────────────── */
.dpv6-single-hero {
  padding: 0 0 32px !important;
}
.dpv6-single-media {
  border-radius: 20px;
  overflow: hidden;
  aspect-ratio: 16/7;
  margin-bottom: 32px;
  box-shadow: 0 20px 80px rgba(0,0,0,.15);
}
.dpv6-single-media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.dpv6-single-copy {
  max-width: 740px;
}
.dpv6-single-copy h1 {
  font-size: clamp(1.6rem, 3.5vw, 2.5rem) !important;
  font-weight: 800 !important;
  letter-spacing: -.04em !important;
  line-height: 1.2 !important;
  color: #1d1d1f !important;
  -webkit-text-fill-color: #1d1d1f !important;
  background: none !important;
  margin-bottom: 16px !important;
}
.dpv6-story-meta--hero {
  display: flex;
  align-items: center;
  gap: 12px;
  flex-wrap: wrap;
  margin-bottom: 12px;
}
.dpv6-story-meta--hero .dpv6-story-taxonomy {
  background: rgba(0,113,227,.1);
  color: #0071e3;
  border: 1px solid rgba(0,113,227,.2);
  border-radius: 99px;
  padding: 3px 12px;
  font-size: .72rem;
  font-weight: 700;
  letter-spacing: .04em;
  text-transform: uppercase;
}
.dpv6-story-meta--hero span:not(.dpv6-story-taxonomy) {
  font-size: .8rem;
  color: #86868b;
}
.dpv6-single-lead {
  font-size: 1.1rem;
  color: #6e6e73;
  line-height: 1.7;
  margin-bottom: 20px;
}

/* ─────────────────────────────────────────────────────────
   ARTICLE LAYOUT: prose + sidecar
───────────────────────────────────────────────────────── */
.dpv6-single-layout {
  padding: 48px 0 80px;
}
.dpv6-article-shell {
  display: grid;
  grid-template-columns: 1fr 300px;
  gap: 56px;
  align-items: start;
}
@media (max-width: 1100px) {
  .dpv6-article-shell { grid-template-columns: 1fr; gap: 40px; }
}

/* ─────────────────────────────────────────────────────────
   ARTICLE PROSE
───────────────────────────────────────────────────────── */
.dpv6-article-prose {
  min-width: 0;
}
.dpv6-article-prose h2 {
  font-size: 1.4rem !important;
  font-weight: 800 !important;
  letter-spacing: -.03em !important;
  color: #1d1d1f !important;
  margin: 48px 0 14px !important;
  padding-left: 16px !important;
  position: relative !important;
  line-height: 1.3 !important;
}
.dpv6-article-prose h2::before {
  content: '' !important;
  position: absolute !important;
  left: 0 !important;
  top: .15em !important;
  width: 4px !important;
  height: 1em !important;
  background: linear-gradient(180deg,#0071e3,#7c3aed) !important;
  border-radius: 4px !important;
}
.dpv6-article-prose h2:first-child { margin-top: 0 !important; }

.dpv6-article-prose h3 {
  font-size: 1.1rem !important;
  font-weight: 700 !important;
  color: #1d1d1f !important;
  margin: 32px 0 10px !important;
  letter-spacing: -.02em !important;
}
.dpv6-article-prose p {
  font-size: .975rem !important;
  line-height: 1.8 !important;
  color: #3a3a3c !important;
  margin-bottom: 16px !important;
}
.dpv6-article-prose strong { color: #1d1d1f; font-weight: 700; }
.dpv6-article-prose ul, .dpv6-article-prose ol {
  padding-left: 20px;
  margin-bottom: 16px;
}
.dpv6-article-prose li {
  font-size: .975rem;
  line-height: 1.75;
  color: #3a3a3c;
  margin-bottom: 4px;
}

/* ─────────────────────────────────────────────────────────
   PRODUCT CARD — COMPLETE REDESIGN
───────────────────────────────────────────────────────── */
.product-card {
  display: grid !important;
  grid-template-columns: 200px 1fr !important;
  gap: 0 !important;
  background: #fff !important;
  border: 1px solid rgba(0,0,0,.08) !important;
  border-radius: 20px !important;
  overflow: hidden !important;
  margin: 32px 0 !important;
  box-shadow: 0 4px 24px rgba(0,0,0,.07) !important;
  transition: transform .35s ease, box-shadow .35s ease !important;
  position: relative !important;
}
.product-card:hover {
  transform: translateY(-4px) !important;
  box-shadow: 0 16px 56px rgba(0,0,0,.13) !important;
}

/* Badge */
.product-card .badge {
  position: absolute !important;
  top: 16px !important;
  left: 16px !important;
  z-index: 4 !important;
  background: linear-gradient(135deg,#0071e3,#2563eb) !important;
  color: #fff !important;
  font-size: .65rem !important;
  font-weight: 800 !important;
  letter-spacing: .08em !important;
  text-transform: uppercase !important;
  padding: 4px 10px !important;
  border-radius: 99px !important;
  white-space: nowrap !important;
  box-shadow: 0 2px 12px rgba(0,113,227,.35) !important;
}
.product-card .badge.le-plus-accessible { background: linear-gradient(135deg,#10b981,#059669) !important; }
.product-card .badge.le-plus-interessant { background: linear-gradient(135deg,#f97316,#ef4444) !important; }
.product-card .badge.meilleur { background: linear-gradient(135deg,#f59e0b,#d97706) !important; }
.product-card .badge.entretien-courant { background: linear-gradient(135deg,#8b5cf6,#7c3aed) !important; }

/* Image zone */
.card-media {
  background: linear-gradient(145deg,#f8f8fa,#f0f0f5) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 24px !important;
  min-height: 180px !important;
  position: relative !important;
}
.card-media img,
.dp-responsive-product {
  width: 100% !important;
  max-width: 160px !important;
  max-height: 160px !important;
  object-fit: contain !important;
  mix-blend-mode: multiply !important;
  transition: transform .45s cubic-bezier(.25,.46,.45,.94) !important;
  filter: drop-shadow(0 8px 20px rgba(0,0,0,.12)) !important;
}
.product-card:hover .card-media img,
.product-card:hover .dp-responsive-product {
  transform: scale(1.08) rotate(-1deg) !important;
}

/* Body zone */
.card-body {
  padding: 24px 28px !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  gap: 0 !important;
}
.card-title {
  font-size: 1.15rem !important;
  font-weight: 800 !important;
  color: #1d1d1f !important;
  line-height: 1.3 !important;
  margin: 0 0 4px !important;
  letter-spacing: -.02em !important;
}
.card-subtitle {
  font-size: .82rem !important;
  color: #86868b !important;
  margin: 0 0 12px !important;
  font-weight: 500 !important;
}
.product-meta {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  margin-bottom: 10px !important;
}
.stars {
  color: #f59e0b !important;
  font-size: .9rem !important;
  letter-spacing: 1px !important;
  text-shadow: 0 0 6px rgba(245,158,11,.4) !important;
}
.rating-text {
  font-size: .75rem !important;
  color: #86868b !important;
  font-weight: 500 !important;
}
.price {
  font-size: 1.5rem !important;
  font-weight: 800 !important;
  color: #1d1d1f !important;
  letter-spacing: -.03em !important;
  margin-bottom: 16px !important;
  line-height: 1 !important;
}

/* Voir sur Amazon button */
.btn-amazon.dp-aff-link {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  background: linear-gradient(135deg,#ff9900 0%,#ff8000 100%) !important;
  color: #fff !important;
  font-weight: 800 !important;
  font-size: .875rem !important;
  padding: 13px 22px !important;
  border-radius: 12px !important;
  text-decoration: none !important;
  border: none !important;
  cursor: pointer !important;
  transition: transform .2s ease, box-shadow .2s ease !important;
  box-shadow: 0 4px 16px rgba(255,153,0,.35) !important;
  align-self: flex-start !important;
  animation: amazonPulse 2.5s ease-in-out infinite !important;
  position: relative !important;
  overflow: hidden !important;
}
.btn-amazon.dp-aff-link::before {
  content: '' !important;
  position: absolute !important;
  inset: 0 !important;
  background: linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent) !important;
  transform: translateX(-100%) !important;
  animation: btnShimmer 2.5s ease-in-out infinite !important;
}
.btn-amazon.dp-aff-link::after {
  content: '→' !important;
  font-size: 1rem !important;
  margin-left: 2px !important;
  transition: transform .2s ease !important;
}
.btn-amazon.dp-aff-link:hover::after { transform: translateX(4px) !important; }
.btn-amazon.dp-aff-link:hover {
  transform: translateY(-2px) !important;
  box-shadow: 0 8px 28px rgba(255,153,0,.5) !important;
  animation-play-state: paused !important;
}

/* ── Mobile product card ── */
@media (max-width: 700px) {
  .product-card {
    grid-template-columns: 1fr !important;
  }
  .card-media {
    padding: 20px !important;
    min-height: 160px !important;
  }
  .card-body {
    padding: 20px !important;
  }
  .btn-amazon.dp-aff-link {
    align-self: stretch !important;
    justify-content: center !important;
  }
}

/* ─────────────────────────────────────────────────────────
   PROS & CONS — REDESIGN
───────────────────────────────────────────────────────── */
.pros-cons {
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  gap: 16px !important;
  margin: 24px 0 32px !important;
  border: none !important;
  background: none !important;
}
.pros, .cons {
  border-radius: 16px !important;
  padding: 22px 24px !important;
  position: relative !important;
  overflow: hidden !important;
}
.pros {
  background: linear-gradient(145deg,rgba(16,185,129,.06),rgba(16,185,129,.03)) !important;
  border: 1.5px solid rgba(16,185,129,.2) !important;
}
.cons {
  background: linear-gradient(145deg,rgba(239,68,68,.05),rgba(239,68,68,.02)) !important;
  border: 1.5px solid rgba(239,68,68,.15) !important;
}
.pros::before {
  content: '' !important;
  position: absolute !important;
  top: -30px; right: -30px !important;
  width: 100px; height: 100px !important;
  background: radial-gradient(circle,rgba(16,185,129,.12),transparent 70%) !important;
  border-radius: 50% !important;
}
.cons::before {
  content: '' !important;
  position: absolute !important;
  top: -30px; right: -30px !important;
  width: 100px; height: 100px !important;
  background: radial-gradient(circle,rgba(239,68,68,.08),transparent 70%) !important;
  border-radius: 50% !important;
}
.pros h4, .cons h4 {
  font-size: .75rem !important;
  font-weight: 800 !important;
  letter-spacing: .1em !important;
  text-transform: uppercase !important;
  margin: 0 0 14px !important;
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
}
.pros h4 {
  color: #059669 !important;
}
.pros h4::before {
  content: '✓' !important;
  width: 20px; height: 20px !important;
  background: rgba(16,185,129,.15) !important;
  border-radius: 50% !important;
  display: flex; align-items: center; justify-content: center !important;
  font-size: .7rem !important;
}
.cons h4 {
  color: #dc2626 !important;
}
.cons h4::before {
  content: '−' !important;
  width: 20px; height: 20px !important;
  background: rgba(239,68,68,.1) !important;
  border-radius: 50% !important;
  display: flex; align-items: center; justify-content: center !important;
  font-size: .9rem !important;
  font-weight: 900 !important;
}
.pros ul, .cons ul {
  list-style: none !important;
  padding: 0 !important;
  margin: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 8px !important;
}
.pros li, .cons li {
  font-size: .875rem !important;
  line-height: 1.5 !important;
  padding-left: 16px !important;
  position: relative !important;
  color: #3a3a3c !important;
}
.pros li::before {
  content: '·' !important;
  position: absolute !important;
  left: 4px !important;
  color: #10b981 !important;
  font-size: 1.2rem !important;
  line-height: 1.3 !important;
  font-weight: 900 !important;
}
.cons li::before {
  content: '·' !important;
  position: absolute !important;
  left: 4px !important;
  color: #ef4444 !important;
  font-size: 1.2rem !important;
  line-height: 1.3 !important;
  font-weight: 900 !important;
}
@media (max-width: 600px) {
  .pros-cons { grid-template-columns: 1fr !important; }
}

/* ─────────────────────────────────────────────────────────
   COMPARISON TABLE — REDESIGN
───────────────────────────────────────────────────────── */
.dpv6-article-prose table,
.comparison-table table,
table {
  width: 100% !important;
  border-collapse: separate !important;
  border-spacing: 0 !important;
  border-radius: 16px !important;
  overflow: hidden !important;
  border: 1px solid rgba(0,0,0,.08) !important;
  margin: 28px 0 !important;
  font-size: .875rem !important;
  box-shadow: 0 4px 20px rgba(0,0,0,.06) !important;
}
.dpv6-article-prose thead,
.comparison-table thead,
thead {
  background: linear-gradient(135deg,#0071e3,#2563eb) !important;
}
.dpv6-article-prose thead th,
.comparison-table thead th,
thead th {
  color: #fff !important;
  font-size: .72rem !important;
  font-weight: 700 !important;
  letter-spacing: .06em !important;
  text-transform: uppercase !important;
  padding: 14px 18px !important;
  border: none !important;
  white-space: nowrap !important;
}
.dpv6-article-prose tbody tr,
.comparison-table tbody tr,
tbody tr {
  transition: background .15s ease !important;
}
.dpv6-article-prose tbody tr:nth-child(even),
.comparison-table tbody tr:nth-child(even),
tbody tr:nth-child(even) {
  background: rgba(0,113,227,.03) !important;
}
.dpv6-article-prose tbody tr:hover,
.comparison-table tbody tr:hover,
tbody tr:hover {
  background: rgba(0,113,227,.07) !important;
}
.dpv6-article-prose tbody td,
.comparison-table tbody td,
tbody td {
  padding: 13px 18px !important;
  color: #3a3a3c !important;
  border-top: 1px solid rgba(0,0,0,.05) !important;
  line-height: 1.5 !important;
}
.dpv6-article-prose tbody td:first-child,
.comparison-table tbody td:first-child,
tbody td:first-child {
  font-weight: 700 !important;
  color: #1d1d1f !important;
}

/* Table scroll sur mobile */
.dpv6-article-prose table { display: block !important; overflow-x: auto !important; }

/* ─────────────────────────────────────────────────────────
   CTA BOX — REDESIGN
───────────────────────────────────────────────────────── */
.cta-box,
[class*="cta-box"] {
  background: linear-gradient(135deg,#0d0d1a 0%,#111827 100%) !important;
  border-radius: 20px !important;
  padding: 36px 40px !important;
  margin: 40px 0 !important;
  position: relative !important;
  overflow: hidden !important;
  border: 1px solid rgba(0,113,227,.2) !important;
  box-shadow: 0 20px 60px rgba(0,0,0,.15) !important;
}
.cta-box::before,
[class*="cta-box"]::before {
  content: '' !important;
  position: absolute !important;
  top: -60px; right: -60px !important;
  width: 250px; height: 250px !important;
  background: radial-gradient(circle,rgba(0,113,227,.18),transparent 70%) !important;
  border-radius: 50% !important;
  pointer-events: none !important;
}
.cta-box::after,
[class*="cta-box"]::after {
  content: '' !important;
  position: absolute !important;
  bottom: -40px; left: -40px !important;
  width: 180px; height: 180px !important;
  background: radial-gradient(circle,rgba(124,58,237,.12),transparent 70%) !important;
  border-radius: 50% !important;
  pointer-events: none !important;
}
.cta-box h3,
[class*="cta-box"] h3 {
  font-size: 1.2rem !important;
  font-weight: 800 !important;
  color: #fff !important;
  margin: 0 0 8px !important;
  position: relative; z-index: 1 !important;
}
.cta-box p,
[class*="cta-box"] p {
  font-size: .9rem !important;
  color: rgba(255,255,255,.65) !important;
  margin: 0 0 20px !important;
  line-height: 1.6 !important;
  position: relative; z-index: 1 !important;
}
.cta-box a,
[class*="cta-box"] a {
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  background: linear-gradient(135deg,#ff9900,#ff8000) !important;
  color: #fff !important;
  font-weight: 800 !important;
  font-size: .875rem !important;
  padding: 13px 24px !important;
  border-radius: 12px !important;
  text-decoration: none !important;
  position: relative; z-index: 1 !important;
  box-shadow: 0 4px 20px rgba(255,153,0,.35) !important;
  transition: transform .2s, box-shadow .2s !important;
}
.cta-box a:hover,
[class*="cta-box"] a:hover {
  transform: translateY(-2px) !important;
  box-shadow: 0 8px 28px rgba(255,153,0,.5) !important;
}

/* ─────────────────────────────────────────────────────────
   AFFILIATE DISCLOSURE STRIP (dp-trust-strip)
───────────────────────────────────────────────────────── */
.dp-trust-strip {
  background: linear-gradient(135deg,rgba(0,113,227,.04),rgba(124,58,237,.03)) !important;
  border: 1px solid rgba(0,113,227,.1) !important;
  border-radius: 14px !important;
  padding: 20px 22px !important;
  margin-bottom: 32px !important;
  font-size: .8rem !important;
  color: #6e6e73 !important;
  line-height: 1.6 !important;
}
.dp-trust-strip p {
  margin: 0 0 4px !important;
  font-size: .8rem !important;
  color: #6e6e73 !important;
}
.dp-trust-strip p:last-child { margin: 0 !important; }
.dp-trust-strip strong { color: #3a3a3c !important; }

/* TOC inside trust strip */
#dp-toc {
  background: #fff !important;
  border: 1px solid rgba(0,0,0,.08) !important;
  border-radius: 12px !important;
  padding: 16px 20px !important;
  margin-bottom: 16px !important;
}
#dp-toc h4 {
  font-size: .72rem !important;
  font-weight: 800 !important;
  letter-spacing: .1em !important;
  text-transform: uppercase !important;
  color: #86868b !important;
  margin: 0 0 12px !important;
}
#dp-toc ol {
  padding-left: 16px !important;
  margin: 0 !important;
}
#dp-toc li { margin-bottom: 6px !important; }
#dp-toc a {
  font-size: .82rem !important;
  color: #3a3a3c !important;
  text-decoration: none !important;
  line-height: 1.5 !important;
  transition: color .2s !important;
}
#dp-toc a:hover,
#dp-toc a.active {
  color: #0071e3 !important;
  font-weight: 600 !important;
}

/* ─────────────────────────────────────────────────────────
   SIDECAR (sidebar sticky)
───────────────────────────────────────────────────────── */
.dpv6-sidecar {
  position: sticky !important;
  top: 88px !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 16px !important;
}
.dpv6-sidecard {
  background: #fff !important;
  border: 1px solid rgba(0,0,0,.08) !important;
  border-radius: 18px !important;
  padding: 22px !important;
  box-shadow: 0 4px 20px rgba(0,0,0,.06) !important;
  transition: box-shadow .3s ease, transform .25s ease !important;
}
.dpv6-sidecard:hover {
  box-shadow: 0 8px 36px rgba(0,0,0,.1) !important;
  transform: translateY(-2px) !important;
}
.dpv6-sidecard--bestof {
  background: linear-gradient(145deg,#0d0d1a,#111827) !important;
  border-color: rgba(0,113,227,.2) !important;
}
.dpv6-sidecard--bestof .dpv6-panel-kicker,
.dpv6-sidecard--bestof h3,
.dpv6-sidecard--bestof p { color: rgba(255,255,255,.8) !important; }
.dpv6-sidecard--bestof h3 { color: #fff !important; }
.dpv6-sidecard--cta {
  background: linear-gradient(135deg,#ff9900,#ff8000) !important;
  border: none !important;
}
.dpv6-sidecard--cta * { color: #fff !important; }
.dpv6-sidecard--newsletter {
  background: linear-gradient(135deg,#f0f4ff,#f8f0ff) !important;
  border-color: rgba(0,113,227,.12) !important;
}

.dpv6-side-list {
  list-style: none !important;
  padding: 0 !important;
  margin: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 10px !important;
}
.dpv6-side-list li {
  display: flex !important;
  justify-content: space-between !important;
  align-items: flex-start !important;
  font-size: .82rem !important;
  gap: 8px !important;
  padding-bottom: 10px !important;
  border-bottom: 1px solid rgba(0,0,0,.06) !important;
}
.dpv6-side-list li:last-child { border-bottom: none !important; padding-bottom: 0 !important; }
.dpv6-side-list .label { color: #86868b !important; flex-shrink: 0; }
.dpv6-side-list .value { font-weight: 600 !important; color: #1d1d1f !important; text-align: right; }

/* Related articles mini */
.dpv6-related-mini {
  display: flex !important;
  flex-direction: column !important;
  gap: 10px !important;
}
.dpv6-related-mini a {
  font-size: .82rem !important;
  color: #3a3a3c !important;
  text-decoration: none !important;
  line-height: 1.4 !important;
  padding: 10px 12px !important;
  border-radius: 10px !important;
  background: rgba(0,0,0,.03) !important;
  border: 1px solid rgba(0,0,0,.06) !important;
  transition: all .2s ease !important;
  display: block !important;
}
.dpv6-related-mini a:hover {
  background: rgba(0,113,227,.06) !important;
  border-color: rgba(0,113,227,.15) !important;
  color: #0071e3 !important;
  padding-left: 16px !important;
}

/* ─────────────────────────────────────────────────────────
   AFFILIATE DISCLOSURE SHORTCODE
───────────────────────────────────────────────────────── */
.dp-affiliate-disclosure,
.affiliate-disclosure {
  display: flex !important;
  align-items: flex-start !important;
  gap: 12px !important;
  background: rgba(0,113,227,.04) !important;
  border: 1px solid rgba(0,113,227,.12) !important;
  border-radius: 12px !important;
  padding: 14px 18px !important;
  margin: 0 0 32px !important;
  font-size: .8rem !important;
  color: #6e6e73 !important;
  line-height: 1.55 !important;
}
.dp-affiliate-disclosure::before {
  content: 'ℹ' !important;
  font-size: 1rem !important;
  color: #0071e3 !important;
  flex-shrink: 0 !important;
  margin-top: 1px !important;
}

/* ─────────────────────────────────────────────────────────
   PAGINATION (blog)
───────────────────────────────────────────────────────── */
.dpv6-pagination {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  margin: 56px 0 !important;
  flex-wrap: wrap !important;
}
.dpv6-pagination .page-numbers,
.page-numbers {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 40px !important;
  height: 40px !important;
  border-radius: 10px !important;
  border: 1px solid rgba(0,0,0,.1) !important;
  color: #3a3a3c !important;
  font-size: .875rem !important;
  font-weight: 600 !important;
  text-decoration: none !important;
  transition: all .2s ease !important;
  background: #fff !important;
}
.dpv6-pagination .page-numbers:hover,
.page-numbers:hover {
  background: rgba(0,113,227,.08) !important;
  border-color: rgba(0,113,227,.2) !important;
  color: #0071e3 !important;
}
.dpv6-pagination .page-numbers.current,
.page-numbers.current {
  background: linear-gradient(135deg,#0071e3,#2563eb) !important;
  color: #fff !important;
  border-color: transparent !important;
  box-shadow: 0 4px 16px rgba(0,113,227,.3) !important;
}
.dpv6-pagination .page-numbers.next,
.dpv6-pagination .page-numbers.prev,
.page-numbers.next,
.page-numbers.prev {
  width: auto !important;
  padding: 0 18px !important;
  font-size: .82rem !important;
}

/* ─────────────────────────────────────────────────────────
   BLOG ARCHIVE — Story cards redesign
───────────────────────────────────────────────────────── */
.dpv6-story-card {
  background: #fff !important;
  border: 1px solid rgba(0,0,0,.07) !important;
  border-radius: 18px !important;
  overflow: hidden !important;
  text-decoration: none !important;
  display: block !important;
  transition: transform .35s ease, box-shadow .35s ease !important;
  box-shadow: 0 2px 12px rgba(0,0,0,.06) !important;
}
.dpv6-story-card:hover {
  transform: translateY(-5px) !important;
  box-shadow: 0 20px 56px rgba(0,0,0,.12) !important;
}
.dpv6-story-media {
  overflow: hidden !important;
  aspect-ratio: 16/9 !important;
  background: #f5f5f7 !important;
}
.dpv6-story-media img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  transition: transform .5s ease !important;
}
.dpv6-story-card:hover .dpv6-story-media img {
  transform: scale(1.07) !important;
}
.dpv6-story-content {
  padding: 20px 22px !important;
}
.dpv6-story-meta {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  margin-bottom: 8px !important;
  flex-wrap: wrap !important;
}
.dpv6-story-taxonomy {
  font-size: .7rem !important;
  font-weight: 700 !important;
  letter-spacing: .05em !important;
  text-transform: uppercase !important;
  color: #0071e3 !important;
  background: rgba(0,113,227,.08) !important;
  padding: 2px 10px !important;
  border-radius: 99px !important;
}
.dpv6-story-meta span:not(.dpv6-story-taxonomy) {
  font-size: .75rem !important;
  color: #86868b !important;
}
.dpv6-story-content h3 {
  font-size: .975rem !important;
  font-weight: 700 !important;
  color: #1d1d1f !important;
  line-height: 1.4 !important;
  margin: 0 0 8px !important;
  letter-spacing: -.02em !important;
}
.dpv6-story-content p {
  font-size: .82rem !important;
  color: #6e6e73 !important;
  line-height: 1.6 !important;
  margin: 0 0 14px !important;
  display: -webkit-box !important;
  -webkit-line-clamp: 3 !important;
  -webkit-box-orient: vertical !important;
  overflow: hidden !important;
}
.dpv6-story-cta {
  font-size: .78rem !important;
  font-weight: 700 !important;
  color: #0071e3 !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  transition: gap .2s ease !important;
}
.dpv6-story-card:hover .dpv6-story-cta { gap: 9px !important; }
.dpv6-story-cta::after { content: '→' !important; font-size: .9em !important; }

/* ============================================================
   LAYOUT FIX v1.0 — Article sidecar + mobile menu
   ============================================================ */

/* ── 1. Override GP's inside-article padding on single posts ── */
.deskpickr-premium.single .inside-article,
.deskpickr-premium.single .inside-article.featured-image-header-image {
  padding: 0 !important;
  background: transparent !important;
}

/* ── 2. Article shell: proper 2-col grid ── */
.dpv6-article-shell {
  display: grid !important;
  grid-template-columns: 1fr 300px !important;
  gap: 52px !important;
  max-width: 1200px !important;
  margin: 0 auto !important;
  padding: 40px 40px 60px !important;
  box-sizing: border-box !important;
  align-items: start !important;
}

/* ── 3. Article prose max-width ── */
.dpv6-article-prose {
  min-width: 0 !important;
  max-width: 100% !important;
}

/* ── 4. Sidecar: sticky scrollable ── */
.dpv6-sidecar {
  position: sticky !important;
  top: 88px !important;
  max-height: calc(100vh - 110px) !important;
  overflow-y: auto !important;
  overflow-x: hidden !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 20px !important;
  padding-bottom: 20px !important;
  scrollbar-width: thin !important;
  scrollbar-color: rgba(0,0,0,.15) transparent !important;
}
.dpv6-sidecar::-webkit-scrollbar { width: 4px; }
.dpv6-sidecar::-webkit-scrollbar-thumb { background: rgba(0,0,0,.15); border-radius: 2px; }

/* ── 5. Sidecard base ── */
.dpv6-sidecard {
  border-radius: 16px !important;
  overflow: hidden !important;
  box-shadow: 0 4px 24px rgba(0,0,0,.08) !important;
}

/* Bestof sidecard — dark */
.dpv6-sidecard--bestof {
  background: linear-gradient(145deg, #1a1a2e 0%, #16213e 100%) !important;
  padding: 20px !important;
  color: #fff !important;
}
.dpv6-sidecard--bestof .dpv6-sidecard-title {
  font-size: .7rem !important;
  font-weight: 700 !important;
  letter-spacing: .12em !important;
  text-transform: uppercase !important;
  color: rgba(255,255,255,.5) !important;
  margin-bottom: 14px !important;
}
.dpv6-sidecard--bestof .dpv6-bestof-entry {
  display: flex !important;
  align-items: flex-start !important;
  gap: 12px !important;
  padding: 10px 0 !important;
  border-bottom: 1px solid rgba(255,255,255,.08) !important;
  text-decoration: none !important;
  color: inherit !important;
  transition: transform .2s !important;
}
.dpv6-sidecard--bestof .dpv6-bestof-entry:last-child { border-bottom: none !important; }
.dpv6-sidecard--bestof .dpv6-bestof-entry:hover { transform: translateX(3px) !important; }
.dpv6-bestof-rank {
  width: 24px !important;
  height: 24px !important;
  background: linear-gradient(135deg, #ff6b35, #f7931e) !important;
  border-radius: 6px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  font-size: .7rem !important;
  font-weight: 800 !important;
  color: #fff !important;
  flex-shrink: 0 !important;
}
.dpv6-bestof-name {
  font-size: .8rem !important;
  font-weight: 600 !important;
  color: #f0f0f0 !important;
  line-height: 1.4 !important;
}
.dpv6-bestof-price {
  font-size: .75rem !important;
  color: #ff6b35 !important;
  font-weight: 700 !important;
}

/* CTA sidecard — orange gradient */
.dpv6-sidecard--cta {
  background: linear-gradient(135deg, #ff9a3c 0%, #ff6b35 100%) !important;
  padding: 22px 20px !important;
  text-align: center !important;
  color: #fff !important;
}
.dpv6-sidecard--cta .dpv6-sidecard-title {
  font-size: 1rem !important;
  font-weight: 800 !important;
  margin-bottom: 8px !important;
  color: #fff !important;
}
.dpv6-sidecard--cta .dpv6-sidecard-desc {
  font-size: .8rem !important;
  opacity: .9 !important;
  margin-bottom: 14px !important;
}
.dpv6-sidecard--cta .dpv6-sidecard-btn {
  display: block !important;
  background: #fff !important;
  color: #ff6b35 !important;
  font-weight: 700 !important;
  font-size: .82rem !important;
  padding: 10px 16px !important;
  border-radius: 50px !important;
  text-decoration: none !important;
  transition: transform .2s, box-shadow .2s !important;
}
.dpv6-sidecard--cta .dpv6-sidecard-btn:hover {
  transform: translateY(-2px) !important;
  box-shadow: 0 8px 20px rgba(0,0,0,.2) !important;
}

/* Newsletter sidecard */
.dpv6-sidecard--newsletter {
  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%) !important;
  padding: 22px 20px !important;
  color: #fff !important;
}
.dpv6-sidecard--newsletter .dpv6-sidecard-title {
  font-size: .95rem !important;
  font-weight: 800 !important;
  margin-bottom: 6px !important;
}
.dpv6-sidecard--newsletter .dpv6-sidecard-desc {
  font-size: .78rem !important;
  opacity: .85 !important;
  margin-bottom: 14px !important;
}
.dpv6-nl-form { display: flex !important; flex-direction: column !important; gap: 8px !important; }
.dpv6-nl-input {
  padding: 10px 14px !important;
  border-radius: 8px !important;
  border: none !important;
  font-size: .82rem !important;
  background: rgba(255,255,255,.2) !important;
  color: #fff !important;
  outline: none !important;
}
.dpv6-nl-input::placeholder { color: rgba(255,255,255,.6) !important; }
.dpv6-nl-submit {
  padding: 10px !important;
  background: rgba(255,255,255,.25) !important;
  border: 1px solid rgba(255,255,255,.4) !important;
  border-radius: 8px !important;
  color: #fff !important;
  font-weight: 700 !important;
  font-size: .82rem !important;
  cursor: pointer !important;
  transition: background .2s !important;
}
.dpv6-nl-submit:hover { background: rgba(255,255,255,.35) !important; }

/* Info sidecard */
.dpv6-sidecard--info {
  background: #f8f9fa !important;
  border: 1px solid #e9ecef !important;
  padding: 18px 16px !important;
}
.dpv6-sidecard--info .dpv6-sidecard-title {
  font-size: .72rem !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: .1em !important;
  color: #6c757d !important;
  margin-bottom: 10px !important;
}
.dpv6-sidecard--info .dpv6-info-item {
  display: flex !important;
  gap: 8px !important;
  padding: 6px 0 !important;
  font-size: .8rem !important;
  color: #495057 !important;
  border-bottom: 1px solid rgba(0,0,0,.05) !important;
}
.dpv6-sidecard--info .dpv6-info-item:last-child { border-bottom: none !important; }
.dpv6-info-icon { flex-shrink: 0 !important; }

/* ── 6. MOBILE MENU FIX ── */
/* Force hamburger visible on mobile */
@media (max-width: 768px) {
  /* GP nav toggle */
  .nav-toggle,
  .mobile-menu-control-wrapper,
  button.menu-toggle,
  .menu-toggle {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    visibility: visible !important;
    opacity: 1 !important;
    z-index: 9999 !important;
    cursor: pointer !important;
    background: transparent !important;
    border: none !important;
    padding: 8px !important;
  }

  /* Hamburger bars */
  .nav-toggle .bars,
  .nav-toggle span,
  .menu-toggle .bar,
  .menu-toggle-icon span {
    display: block !important;
    width: 24px !important;
    height: 2px !important;
    background: #1d1d1f !important;
    margin: 5px 0 !important;
    transition: all .3s !important;
    visibility: visible !important;
  }

  /* Mobile nav overlay when open */
  .main-nav.toggled,
  .main-nav.toggled ul {
    display: block !important;
  }

  /* Fix nav position on mobile */
  .site-header .inside-header {
    flex-wrap: wrap !important;
  }

  /* GP mobile nav dropdown */
  .main-navigation.toggled .main-nav,
  .toggled .main-nav {
    display: block !important;
    width: 100% !important;
    background: #fff !important;
    padding: 12px 0 !important;
    box-shadow: 0 8px 32px rgba(0,0,0,.12) !important;
  }

  .main-navigation.toggled .main-nav ul,
  .toggled .main-nav ul {
    display: block !important;
    width: 100% !important;
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
  }

  .main-navigation.toggled .main-nav ul li a,
  .toggled .main-nav ul li a {
    display: block !important;
    padding: 12px 24px !important;
    color: #1d1d1f !important;
    font-weight: 600 !important;
    border-bottom: 1px solid rgba(0,0,0,.06) !important;
    text-decoration: none !important;
  }

  /* Hide desktop nav items on mobile */
  .main-navigation:not(.toggled) .main-nav {
    display: none !important;
  }

  /* Custom dp-nav-mobile if present */
  #dp-nav-mobile {
    display: block !important;
    position: fixed !important;
    top: 0 !important;
    left: -100% !important;
    width: 85vw !important;
    max-width: 320px !important;
    height: 100vh !important;
    background: #fff !important;
    z-index: 9998 !important;
    padding: 80px 24px 40px !important;
    box-shadow: 4px 0 40px rgba(0,0,0,.15) !important;
    transition: left .35s cubic-bezier(.4,0,.2,1) !important;
    overflow-y: auto !important;
  }
  #dp-nav-mobile.is-open {
    left: 0 !important;
  }
  #dp-nav-mobile-overlay {
    display: none !important;
    position: fixed !important;
    inset: 0 !important;
    background: rgba(0,0,0,.5) !important;
    z-index: 9997 !important;
    backdrop-filter: blur(4px) !important;
  }
  #dp-nav-mobile-overlay.is-open {
    display: block !important;
  }

  /* GP hamburger icon override — make it visible */
  .site-header .menu-toggle,
  .site-header .nav-toggle {
    color: #1d1d1f !important;
    font-size: 1.5rem !important;
    width: 44px !important;
    height: 44px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    border-radius: 8px !important;
  }
  .site-header .menu-toggle:hover {
    background: rgba(0,0,0,.06) !important;
  }
}

/* ── 7. Responsive: below 1100px → single col ── */
@media (max-width: 1100px) {
  .dpv6-article-shell {
    grid-template-columns: 1fr !important;
    max-width: 740px !important;
    padding: 32px 24px 48px !important;
    gap: 32px !important;
  }
  .dpv6-sidecar {
    position: static !important;
    max-height: none !important;
    flex-direction: row !important;
    flex-wrap: wrap !important;
    gap: 16px !important;
  }
  .dpv6-sidecard {
    flex: 1 1 260px !important;
  }
}

@media (max-width: 600px) {
  .dpv6-article-shell {
    padding: 20px 16px 40px !important;
  }
  .dpv6-sidecar {
    flex-direction: column !important;
  }
  .dpv6-sidecard {
    flex: 1 1 100% !important;
  }
}

/* ============================================================
   MOBILE NAV FIX v2.0
   - #dp-menu-toggle = custom hamburger button (appended by JS)
   - .main-nav.open = nav visible on mobile
   ============================================================ */

/* ── Hide GP's native menu-toggle (our JS replaces it) ── */
button.menu-toggle,
.menu-toggle[class*="menu-toggle"] {
  display: none !important;
}

/* ── Mobile only ── */
@media (max-width: 768px) {

  /* Hide the nav links by default */
  nav.main-navigation .main-nav {
    display: none !important;
    width: 100% !important;
    order: 3 !important;
  }

  /* Show when JS toggles .open */
  nav.main-navigation .main-nav.open {
    display: block !important;
    background: #fff !important;
    border-top: 1px solid rgba(0,0,0,.07) !important;
    padding: 8px 0 16px !important;
    box-shadow: 0 12px 40px rgba(0,0,0,.1) !important;
    border-radius: 0 0 16px 16px !important;
    animation: slideDown .25s ease !important;
  }

  @keyframes slideDown {
    from { opacity: 0; transform: translateY(-8px); }
    to   { opacity: 1; transform: translateY(0); }
  }

  /* Nav items */
  nav.main-navigation .main-nav.open ul {
    list-style: none !important;
    margin: 0 !important;
    padding: 0 !important;
    display: block !important;
  }
  nav.main-navigation .main-nav.open ul li {
    display: block !important;
    border-bottom: 1px solid rgba(0,0,0,.05) !important;
  }
  nav.main-navigation .main-nav.open ul li:last-child {
    border-bottom: none !important;
  }
  nav.main-navigation .main-nav.open ul li a,
  nav.main-navigation .main-nav.open ul li a:visited {
    display: block !important;
    padding: 13px 24px !important;
    color: #1d1d1f !important;
    font-size: .92rem !important;
    font-weight: 600 !important;
    text-decoration: none !important;
    transition: background .15s, padding-left .15s !important;
  }
  nav.main-navigation .main-nav.open ul li a:hover {
    background: rgba(0,0,0,.03) !important;
    padding-left: 30px !important;
    color: #ff6b35 !important;
  }
  /* Submenu */
  nav.main-navigation .main-nav.open ul .sub-menu {
    display: none !important;
    padding-left: 12px !important;
    background: rgba(0,0,0,.02) !important;
  }
  nav.main-navigation .main-nav.open ul li.focus > .sub-menu,
  nav.main-navigation .main-nav.open ul li:focus-within > .sub-menu {
    display: block !important;
  }

  /* Allow header flex wrap so nav can go full width below */
  nav.main-navigation .inside-navigation {
    flex-wrap: wrap !important;
    position: relative !important;
  }

  /* ── Hamburger button #dp-menu-toggle ── */
  #dp-menu-toggle {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 5px !important;
    width: 44px !important;
    height: 44px !important;
    background: transparent !important;
    border: none !important;
    border-radius: 10px !important;
    cursor: pointer !important;
    padding: 10px !important;
    margin-left: auto !important;
    flex-shrink: 0 !important;
    z-index: 100 !important;
    transition: background .2s !important;
  }
  #dp-menu-toggle:hover {
    background: rgba(0,0,0,.06) !important;
  }
  #dp-menu-toggle span {
    display: block !important;
    width: 22px !important;
    height: 2px !important;
    background: #1d1d1f !important;
    border-radius: 2px !important;
    transition: transform .3s, opacity .3s, width .3s !important;
    transform-origin: center !important;
  }

  /* Animated X when open */
  #dp-menu-toggle.open span:nth-child(1) {
    transform: translateY(7px) rotate(45deg) !important;
  }
  #dp-menu-toggle.open span:nth-child(2) {
    opacity: 0 !important;
    width: 0 !important;
  }
  #dp-menu-toggle.open span:nth-child(3) {
    transform: translateY(-7px) rotate(-45deg) !important;
  }

  /* Site logo should stay visible */
  .site-branding,
  .site-title,
  .custom-logo-link {
    flex-shrink: 0 !important;
  }

  /* Header flex layout */
  .site-header .inside-header {
    display: flex !important;
    align-items: center !important;
    flex-wrap: nowrap !important;
    gap: 8px !important;
  }
}

/* ── Desktop: show nav, hide hamburger ── */
@media (min-width: 769px) {
  #dp-menu-toggle {
    display: none !important;
  }
  nav.main-navigation .main-nav {
    display: flex !important;
  }
}

/* ============================================================
   LAYOUT FIX v2 — correct grid targets
   .dpv6-single-layout = the 2-col grid container
   .dpv6-article-shell = left column (prose only)
   aside.dpv6-sidecar  = right column
   ============================================================ */

/* ── 1. Remove GP inside-article padding on singles ── */
.deskpickr-premium.single .inside-article {
  padding: 0 !important;
  background: transparent !important;
  max-width: none !important;
}

/* ── 2. dpv6-single-layout = THE 2-col grid ── */
.dpv6-single-layout {
  display: grid !important;
  grid-template-columns: 1fr 300px !important;
  gap: 52px !important;
  max-width: 1260px !important;
  margin: 0 auto !important;
  padding: 40px 40px 80px !important;
  box-sizing: border-box !important;
  align-items: start !important;
  width: 100% !important;
}

/* ── 3. Left col: article prose ── */
.dpv6-article-shell {
  min-width: 0 !important;
  width: 100% !important;
  display: block !important;
  grid-template-columns: unset !important; /* kill incorrect grid from v1 */
}
.dpv6-article-prose {
  min-width: 0 !important;
  max-width: 720px !important;
}

/* ── 4. Right col: sidecar ── */
aside.dpv6-sidecar {
  position: sticky !important;
  top: 88px !important;
  max-height: calc(100vh - 110px) !important;
  overflow-y: auto !important;
  overflow-x: hidden !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 20px !important;
  padding-bottom: 20px !important;
  width: 300px !important;
  min-width: 0 !important;
}

/* ── 5. Sidecard styles ── */
.dpv6-sidecard {
  background: #f8f9fa !important;
  border: 1px solid #e9ecef !important;
  border-radius: 14px !important;
  padding: 20px !important;
  overflow: hidden !important;
}
.dpv6-sidecard .dpv6-panel-kicker {
  font-size: .65rem !important;
  font-weight: 700 !important;
  letter-spacing: .12em !important;
  text-transform: uppercase !important;
  color: #ff6b35 !important;
  margin: 0 0 4px !important;
}
.dpv6-sidecard h3 {
  font-size: .95rem !important;
  font-weight: 800 !important;
  margin: 0 0 10px !important;
  color: #1d1d1f !important;
  line-height: 1.35 !important;
}
.dpv6-sidecard p {
  font-size: .8rem !important;
  color: #6e6e73 !important;
  margin: 0 0 12px !important;
}
.dpv6-side-list {
  list-style: none !important;
  padding: 0 !important;
  margin: 0 !important;
}
.dpv6-side-list li {
  display: flex !important;
  justify-content: space-between !important;
  padding: 7px 0 !important;
  border-bottom: 1px solid rgba(0,0,0,.06) !important;
  font-size: .8rem !important;
}
.dpv6-side-list li:last-child { border-bottom: none !important; }
.dpv6-side-list li span { color: #6e6e73 !important; }
.dpv6-side-list li strong { color: #1d1d1f !important; font-weight: 700 !important; }

.dpv6-related-mini {
  list-style: none !important;
  padding: 0 !important;
  margin: 0 !important;
}
.dpv6-related-mini li {
  border-bottom: 1px solid rgba(0,0,0,.06) !important;
  padding: 7px 0 !important;
}
.dpv6-related-mini li a {
  font-size: .8rem !important;
  color: #1d1d1f !important;
  text-decoration: none !important;
  line-height: 1.4 !important;
  display: block !important;
  transition: color .15s !important;
}
.dpv6-related-mini li a:hover { color: #ff6b35 !important; }

/* Newsletter sidecard */
.dpv6-sidecard--newsletter {
  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%) !important;
  border: none !important;
  color: #fff !important;
}
.dpv6-sidecard--newsletter .dpv6-panel-kicker { color: rgba(255,255,255,.7) !important; }
.dpv6-sidecard--newsletter h3 { color: #fff !important; }
.dpv6-sidecard--newsletter p { color: rgba(255,255,255,.85) !important; }

/* Bestof sidecard */
.dpv6-sidecard--bestof {
  background: linear-gradient(145deg, #1a1a2e 0%, #16213e 100%) !important;
  border: none !important;
  color: #fff !important;
}
.dpv6-sidecard--bestof .dpv6-panel-kicker { color: rgba(255,255,255,.5) !important; }
.dpv6-sidecard--bestof h3 { color: #f0f0f0 !important; }
.dpv6-sidecard--bestof p { color: rgba(255,255,255,.7) !important; }
.dpv6-sidecard--bestof .dpv6-btn--ghost {
  border-color: rgba(255,255,255,.3) !important;
  color: #fff !important;
  margin-top: 4px !important;
}
.dpv6-sidecard--bestof .dpv6-btn--ghost:hover {
  background: rgba(255,255,255,.1) !important;
}

/* CTA sidecard */
.dpv6-sidecard--cta {
  background: linear-gradient(135deg, #ff9a3c 0%, #ff6b35 100%) !important;
  border: none !important;
  color: #fff !important;
}
.dpv6-sidecard--cta .dpv6-panel-kicker { color: rgba(255,255,255,.7) !important; }
.dpv6-sidecard--cta h3 { color: #fff !important; }
.dpv6-sidecard--cta p { color: rgba(255,255,255,.9) !important; }
.dpv6-sidecard--cta .dpv6-btn--primary {
  background: #fff !important;
  color: #ff6b35 !important;
}
.dpv6-sidecard--cta .dpv6-btn--primary:hover {
  box-shadow: 0 6px 20px rgba(0,0,0,.2) !important;
  transform: translateY(-2px) !important;
}

/* ── 6. Responsive ── */
@media (max-width: 1100px) {
  .dpv6-single-layout {
    grid-template-columns: 1fr !important;
    max-width: 740px !important;
    padding: 32px 24px 48px !important;
    gap: 0 !important;
  }
  aside.dpv6-sidecar {
    position: static !important;
    max-height: none !important;
    flex-direction: row !important;
    flex-wrap: wrap !important;
    gap: 16px !important;
    margin-top: 40px !important;
    width: 100% !important;
  }
  .dpv6-sidecard {
    flex: 1 1 260px !important;
  }
}
@media (max-width: 640px) {
  .dpv6-single-layout { padding: 20px 16px 40px !important; }
  aside.dpv6-sidecar { flex-direction: column !important; }
  .dpv6-sidecard { flex: 1 1 100% !important; }
}

/* ============================================================
   SIDECARD FIX — force list visibility + compact newsletter
   ============================================================ */

/* Ensure side-list items are always visible */
.dpv6-side-list {
  display: block !important;
  list-style: none !important;
  padding: 0 !important;
  margin: 0 !important;
}
.dpv6-side-list li {
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
  padding: 8px 0 !important;
  border-bottom: 1px solid rgba(0,0,0,.07) !important;
  font-size: .82rem !important;
  line-height: 1.4 !important;
  visibility: visible !important;
  opacity: 1 !important;
}
.dpv6-side-list li:last-child { border-bottom: none !important; }
.dpv6-side-list li span {
  color: #6e6e73 !important;
  flex-shrink: 0 !important;
}
.dpv6-side-list li strong {
  color: #1d1d1f !important;
  font-weight: 700 !important;
  text-align: right !important;
}

/* Related mini list */
.dpv6-related-mini {
  display: block !important;
  list-style: none !important;
  padding: 0 !important;
  margin: 0 !important;
}
.dpv6-related-mini li {
  display: block !important;
  padding: 7px 0 !important;
  border-bottom: 1px solid rgba(0,0,0,.06) !important;
}
.dpv6-related-mini li:last-child { border-bottom: none !important; }
.dpv6-related-mini li a {
  display: block !important;
  font-size: .82rem !important;
  color: #1d1d1f !important;
  text-decoration: none !important;
  line-height: 1.4 !important;
}
.dpv6-related-mini li a:hover { color: #ff6b35 !important; }

/* Compact newsletter form in sidecard */
.dpv6-sidecard--newsletter .dpv6-nl-form {
  display: flex !important;
  flex-direction: column !important;
  gap: 8px !important;
  margin-top: 12px !important;
}
.dpv6-sidecard--newsletter .dpv6-nl-input {
  width: 100% !important;
  padding: 10px 12px !important;
  border-radius: 8px !important;
  border: none !important;
  font-size: .82rem !important;
  background: rgba(255,255,255,.2) !important;
  color: #fff !important;
  outline: none !important;
  box-sizing: border-box !important;
}
.dpv6-sidecard--newsletter .dpv6-nl-input::placeholder {
  color: rgba(255,255,255,.6) !important;
}
.dpv6-sidecard--newsletter .dpv6-nl-submit {
  width: 100% !important;
  padding: 11px !important;
  background: rgba(255,255,255,.25) !important;
  border: 1px solid rgba(255,255,255,.4) !important;
  border-radius: 8px !important;
  color: #fff !important;
  font-weight: 700 !important;
  font-size: .84rem !important;
  cursor: pointer !important;
  transition: background .2s !important;
}
.dpv6-sidecard--newsletter .dpv6-nl-submit:hover {
  background: rgba(255,255,255,.38) !important;
}

/* Sidecard h3 always correct size */
.dpv6-sidecard h3 {
  font-size: .95rem !important;
  font-weight: 800 !important;
  margin: 0 0 8px !important;
  line-height: 1.35 !important;
}
.dpv6-sidecard--newsletter h3 { color: #fff !important; }
.dpv6-sidecard--bestof h3    { color: #f0f0f0 !important; }
.dpv6-sidecard--cta h3       { color: #fff !important; }

/* Sidecard p sizes */
.dpv6-sidecard p {
  font-size: .82rem !important;
  margin: 0 0 10px !important;
  line-height: 1.5 !important;
}
.dpv6-sidecard--newsletter p { color: rgba(255,255,255,.85) !important; }
.dpv6-sidecard--bestof p     { color: rgba(255,255,255,.7) !important; }
.dpv6-sidecard--cta p        { color: rgba(255,255,255,.9) !important; }

/* Bestof btn */
.dpv6-sidecard--bestof .dpv6-btn--ghost {
  display: inline-block !important;
  margin-top: 4px !important;
  padding: 9px 16px !important;
  border: 1px solid rgba(255,255,255,.35) !important;
  border-radius: 50px !important;
  color: #fff !important;
  font-size: .8rem !important;
  font-weight: 700 !important;
  text-decoration: none !important;
  transition: background .2s !important;
}
.dpv6-sidecard--bestof .dpv6-btn--ghost:hover {
  background: rgba(255,255,255,.12) !important;
}
/* CTA btn */
.dpv6-sidecard--cta .dpv6-btn--primary {
  display: inline-block !important;
  padding: 10px 18px !important;
  background: #fff !important;
  color: #ff6b35 !important;
  border-radius: 50px !important;
  font-size: .82rem !important;
  font-weight: 700 !important;
  text-decoration: none !important;
  transition: box-shadow .2s, transform .2s !important;
}
.dpv6-sidecard--cta .dpv6-btn--primary:hover {
  box-shadow: 0 6px 20px rgba(0,0,0,.2) !important;
  transform: translateY(-2px) !important;
}

/* ============================================================
   PRODUCT CARDS — design complet v1
   ============================================================ */

/* ── Lead paragraph ── */
.dpv6-lead {
  font-size: 1.05rem !important;
  color: #495057 !important;
  line-height: 1.7 !important;
  margin: 0 0 24px !important;
}

/* ── Trust strip ── */
.dp-trust-strip {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 10px 20px !important;
  padding: 12px 18px !important;
  background: #f0fdf4 !important;
  border-left: 3px solid #22c55e !important;
  border-radius: 0 10px 10px 0 !important;
  margin: 0 0 28px !important;
}
.dp-trust-strip span {
  font-size: .8rem !important;
  font-weight: 600 !important;
  color: #15803d !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 4px !important;
}

/* ── Product card wrapper ── */
.dpv6-product-card {
  background: #fff !important;
  border: 1px solid #e5e7eb !important;
  border-radius: 16px !important;
  overflow: hidden !important;
  margin: 0 0 32px !important;
  box-shadow: 0 2px 16px rgba(0,0,0,.06) !important;
  transition: box-shadow .25s, transform .25s !important;
}
.dpv6-product-card:hover {
  box-shadow: 0 10px 40px rgba(0,0,0,.10) !important;
  transform: translateY(-2px) !important;
}

/* Winner / top-pick card */
.dpv6-product-card--winner {
  border-color: #ff6b35 !important;
  border-width: 2px !important;
  box-shadow: 0 4px 28px rgba(255,107,53,.14) !important;
}
.dpv6-product-card--winner::before {
  content: '★ Meilleur choix 2026' !important;
  display: block !important;
  background: linear-gradient(90deg, #ff6b35, #f7931e) !important;
  color: #fff !important;
  font-size: .72rem !important;
  font-weight: 800 !important;
  letter-spacing: .08em !important;
  text-transform: uppercase !important;
  text-align: center !important;
  padding: 6px !important;
}

/* ── Image zone ── */
.dpv6-product-card__img-zone {
  position: relative !important;
  background: #f8f9fa !important;
  height: 220px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  overflow: hidden !important;
  border-bottom: 1px solid #f0f0f0 !important;
}

/* Override inline image styles with proper sizing */
.dpv6-product-card__photo {
  width: auto !important;
  max-width: calc(100% - 32px) !important;
  height: 186px !important;
  object-fit: contain !important;
  display: block !important;
  background: transparent !important;
  padding: 0 !important;
  margin: 0 auto !important;
  mix-blend-mode: multiply !important;
}

/* ── Badge ── */
.dpv6-product-badge {
  position: absolute !important;
  top: 12px !important;
  left: 12px !important;
  padding: 4px 12px !important;
  border-radius: 50px !important;
  font-size: .68rem !important;
  font-weight: 700 !important;
  letter-spacing: .06em !important;
  text-transform: uppercase !important;
  background: linear-gradient(135deg, #ff6b35, #f7931e) !important;
  color: #fff !important;
  z-index: 2 !important;
  box-shadow: 0 2px 8px rgba(255,107,53,.3) !important;
}

/* ── Card body ── */
.dpv6-product-card__body {
  padding: 24px !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 14px !important;
}

/* Name */
.dpv6-product-card__name {
  font-size: 1.2rem !important;
  font-weight: 800 !important;
  color: #1d1d1f !important;
  margin: 0 !important;
  line-height: 1.25 !important;
}

/* Price */
.dpv6-product-card__price {
  font-size: 1.35rem !important;
  font-weight: 800 !important;
  color: #ff6b35 !important;
  margin: 0 !important;
  line-height: 1 !important;
}

/* Description */
.dpv6-product-card__desc {
  font-size: .9rem !important;
  color: #4b5563 !important;
  line-height: 1.65 !important;
  margin: 0 !important;
}

/* ── Specs tag row ── */
.dpv6-product-card__specs {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 8px !important;
  padding: 14px !important;
  background: #f8f9fa !important;
  border-radius: 10px !important;
}
.dpv6-product-card__specs span {
  font-size: .78rem !important;
  color: #4b5563 !important;
  background: #fff !important;
  padding: 5px 11px !important;
  border-radius: 20px !important;
  border: 1px solid #e5e7eb !important;
  white-space: nowrap !important;
  line-height: 1.3 !important;
}
.dpv6-product-card__specs strong {
  color: #1d1d1f !important;
  font-weight: 700 !important;
  margin-right: 4px !important;
}

/* ── Pros / Cons ── */
.dpv6-product-card__pros-cons {
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  gap: 12px !important;
}
.dpv6-pros,
.dpv6-cons {
  padding: 14px !important;
  border-radius: 10px !important;
}
.dpv6-pros {
  background: #f0fdf4 !important;
  border: 1px solid #bbf7d0 !important;
}
.dpv6-cons {
  background: #fff5f5 !important;
  border: 1px solid #fecaca !important;
}
.dpv6-pros h4,
.dpv6-cons h4 {
  font-size: .72rem !important;
  font-weight: 800 !important;
  text-transform: uppercase !important;
  letter-spacing: .08em !important;
  margin: 0 0 10px !important;
  line-height: 1 !important;
}
.dpv6-pros h4 { color: #16a34a !important; }
.dpv6-cons h4 { color: #dc2626 !important; }

.dpv6-pros ul,
.dpv6-cons ul {
  list-style: none !important;
  padding: 0 !important;
  margin: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 6px !important;
}
.dpv6-pros ul li,
.dpv6-cons ul li {
  font-size: .8rem !important;
  color: #374151 !important;
  line-height: 1.45 !important;
  padding: 0 !important;
  display: flex !important;
  align-items: flex-start !important;
  gap: 7px !important;
  border: none !important;
  background: none !important;
}
.dpv6-pros ul li::before {
  content: '✓' !important;
  color: #16a34a !important;
  font-weight: 800 !important;
  flex-shrink: 0 !important;
  font-size: .75rem !important;
  margin-top: 2px !important;
}
.dpv6-cons ul li::before {
  content: '✗' !important;
  color: #dc2626 !important;
  font-weight: 800 !important;
  flex-shrink: 0 !important;
  font-size: .75rem !important;
  margin-top: 2px !important;
}

/* ── Amazon CTA inside card ── */
.dpv6-product-card .dpv6-btn--primary,
.dpv6-product-card .btn-amazon.dp-aff-link {
  display: block !important;
  text-align: center !important;
  padding: 14px 20px !important;
  background: linear-gradient(135deg, #ff9a3c 0%, #ff6b35 100%) !important;
  color: #fff !important;
  border-radius: 12px !important;
  font-weight: 700 !important;
  font-size: .9rem !important;
  text-decoration: none !important;
  transition: transform .2s, box-shadow .2s !important;
  margin-top: 4px !important;
  border: none !important;
  cursor: pointer !important;
}
.dpv6-product-card .dpv6-btn--primary::before,
.dpv6-product-card .btn-amazon.dp-aff-link::before {
  display: none !important;
}
.dpv6-product-card .dpv6-btn--primary:hover,
.dpv6-product-card .btn-amazon.dp-aff-link:hover {
  transform: translateY(-2px) !important;
  box-shadow: 0 8px 24px rgba(255,107,53,.4) !important;
  color: #fff !important;
}

/* ── Comparison table ── */
.dpv6-comparison-table {
  width: 100% !important;
  border-collapse: separate !important;
  border-spacing: 0 !important;
  font-size: .88rem !important;
  margin: 28px 0 !important;
  border-radius: 14px !important;
  overflow: hidden !important;
  box-shadow: 0 2px 16px rgba(0,0,0,.07) !important;
  border: 1px solid #e5e7eb !important;
}
.dpv6-comparison-table thead tr {
  background: #1d1d1f !important;
}
.dpv6-comparison-table th {
  color: #fff !important;
  padding: 13px 16px !important;
  text-align: left !important;
  font-weight: 700 !important;
  font-size: .8rem !important;
  text-transform: uppercase !important;
  letter-spacing: .05em !important;
  border: none !important;
}
.dpv6-comparison-table td {
  padding: 13px 16px !important;
  color: #374151 !important;
  border-bottom: 1px solid #f0f0f0 !important;
  border-top: none !important;
  border-left: none !important;
  border-right: none !important;
  background: #fff !important;
}
.dpv6-comparison-table tbody tr:nth-child(even) td {
  background: #fafafa !important;
}
.dpv6-comparison-table tbody tr:first-child td {
  background: #fff8f5 !important;
  font-weight: 600 !important;
  color: #1d1d1f !important;
}
.dpv6-comparison-table tbody tr:last-child td {
  border-bottom: none !important;
}
.dpv6-comparison-table tbody tr:hover td {
  background: #fff3ed !important;
}

/* ── CTA box ── */
.dpv6-cta-box {
  background: linear-gradient(135deg, #ff9a3c 0%, #ff6b35 100%) !important;
  border-radius: 16px !important;
  padding: 32px 28px !important;
  text-align: center !important;
  color: #fff !important;
  margin: 32px 0 !important;
}
.dpv6-cta-box h3 {
  font-size: 1.25rem !important;
  font-weight: 800 !important;
  color: #fff !important;
  margin: 0 0 10px !important;
  line-height: 1.3 !important;
}
.dpv6-cta-box p {
  color: rgba(255,255,255,.92) !important;
  font-size: .92rem !important;
  margin: 0 0 20px !important;
  line-height: 1.6 !important;
}
.dpv6-cta-box strong { color: #fff !important; font-weight: 800 !important; }
.dpv6-cta-box .dpv6-btn--primary,
.dpv6-cta-box .btn-amazon {
  display: inline-block !important;
  background: #fff !important;
  color: #ff6b35 !important;
  padding: 14px 28px !important;
  border-radius: 50px !important;
  font-weight: 700 !important;
  font-size: .9rem !important;
  text-decoration: none !important;
  transition: transform .2s, box-shadow .2s !important;
  border: none !important;
}
.dpv6-cta-box .dpv6-btn--primary::before,
.dpv6-cta-box .btn-amazon::before { display: none !important; }
.dpv6-cta-box .dpv6-btn--primary:hover,
.dpv6-cta-box .btn-amazon:hover {
  transform: translateY(-2px) !important;
  box-shadow: 0 8px 28px rgba(0,0,0,.22) !important;
  color: #ff6b35 !important;
}

/* ── Article H2 headings ── */
.dpv6-article-prose h2 {
  font-size: 1.5rem !important;
  font-weight: 800 !important;
  color: #1d1d1f !important;
  margin: 36px 0 16px !important;
  padding-bottom: 10px !important;
  border-bottom: 2px solid #f0f0f0 !important;
  line-height: 1.3 !important;
}

/* ── Responsive ── */
@media (max-width: 640px) {
  .dpv6-product-card__pros-cons {
    grid-template-columns: 1fr !important;
  }
  .dpv6-product-card__body {
    padding: 18px !important;
    gap: 12px !important;
  }
  .dpv6-product-card__name { font-size: 1.05rem !important; }
  .dpv6-product-card__price { font-size: 1.15rem !important; }
  .dpv6-cta-box { padding: 24px 18px !important; }
  .dpv6-comparison-table { font-size: .78rem !important; }
  .dpv6-comparison-table th,
  .dpv6-comparison-table td { padding: 10px 12px !important; }
}
CSS_WRITTENcat /tmp/btn.css
WRITTENcat /tmp/arr.css

/* ============================================================
   LAYOUT WIDTH FIX — centrage et contrainte sur tous écrans
   ============================================================ */

/* Page wrapper — force max-width centré */
.dpv6-page--single {
  max-width: 1200px !important;
  margin: 0 auto !important;
  width: 100% !important;
  box-sizing: border-box !important;
}

/* dp-shell plus conservateur */
.dp-shell {
  max-width: 1100px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding: 0 24px !important;
  box-sizing: border-box !important;
  width: 100% !important;
}

/* Hero : utilise 1fr au lieu de colonnes fixes */
.dpv6-single-hero {
  display: grid !important;
  grid-template-columns: 1fr 340px !important;
  gap: 40px !important;
  align-items: center !important;
  padding: 32px 0 40px !important;
  border-bottom: 1px solid #f0f0f0 !important;
}
@media (max-width: 860px) {
  .dpv6-single-hero {
    grid-template-columns: 1fr !important;
  }
  .dpv6-single-media {
    display: none !important; /* cache l'image hero sur mobile */
  }
}

/* Article layout — ratio plus aéré */
.dpv6-single-layout {
  display: grid !important;
  grid-template-columns: 1fr 280px !important;
  gap: 40px !important;
  max-width: 100% !important;
  padding: 32px 0 48px !important;
  align-items: start !important;
  width: 100% !important;
}
@media (max-width: 960px) {
  .dpv6-single-layout {
    grid-template-columns: 1fr !important;
  }
  aside.dpv6-sidecar {
    position: static !important;
    max-height: none !important;
    overflow-y: visible !important;
  }
}

/* Sidecar sidebar — sticky et bonne largeur */
aside.dpv6-sidecar {
  width: 280px !important;
  position: sticky !important;
  top: 80px !important;
  max-height: calc(100vh - 100px) !important;
  overflow-y: auto !important;
  align-self: start !important;
}

/* Évite le débordement des tables sur mobile */
.dpv6-comparison-table {
  display: block !important;
  overflow-x: auto !important;
  -webkit-overflow-scrolling: touch !important;
}

/* Article prose : limite la largeur des lignes pour la lisibilité */
.dpv6-article-prose {
  min-width: 0 !important;
  width: 100% !important;
  max-width: 100% !important;
}

/* Site-content GP — laisse le dp-shell faire le centrage */
.site-content,
#content {
  padding: 0 !important;
}

/* ─────────── NEWSLETTER FORM — FIXES LABELS & TEXT INPUT ─────────── */
/* Labels en colonne : texte au-dessus de l'input */
.dpv6-newsletter-form label:not(.dpv6-consent) {
  display: flex;
  flex-direction: column;
  gap: 5px;
}
.dpv6-newsletter-form label:not(.dpv6-consent) > span {
  font-size: 12px;
  font-weight: 600;
  color: rgba(255,255,255,.6);
  text-transform: uppercase;
  letter-spacing: .06em;
  font-family: var(--f);
}
/* Input text (Prénom) — même style que l'email */
.dpv6-newsletter-form input[type="text"] {
  width: 100%;
  padding: 12px 16px;
  border-radius: var(--r2);
  border: 1.5px solid rgba(255,255,255,.15);
  background: rgba(255,255,255,.08);
  color: #fff;
  font-size: 14px;
  font-family: var(--f);
  transition: border-color .15s, background .15s;
  outline: none;
}
.dpv6-newsletter-form input[type="text"]::placeholder { color: rgba(255,255,255,.4); }
.dpv6-newsletter-form input[type="text"]:focus {
  border-color: var(--brand);
  background: rgba(255,255,255,.12);
}
/* Consent checkbox — alignement horizontal */
.dpv6-newsletter-form .dpv6-consent {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  gap: 9px;
  font-size: 12px;
  color: rgba(255,255,255,.45);
  line-height: 1.5;
}
.dpv6-newsletter-form .dpv6-consent input[type="checkbox"] {
  margin-top: 2px;
  flex-shrink: 0;
  width: 14px;
  height: 14px;
  accent-color: var(--brand);
  cursor: pointer;
}


/* ═══════════════════════════════════════════════════
   CATEGORY PAGES — PREMIUM REDESIGN
═══════════════════════════════════════════════════ */

/* ── Hero ── */
.dpv6-cat-hero {
    position:relative; overflow:hidden;
    padding:64px 0 56px; min-height:340px;
}
.dpv6-cat-hero-bg {
    position:absolute; inset:0;
    background-size:cover; background-position:center;
    opacity:.10; filter:blur(4px) saturate(1.2);
    transform:scale(1.06);
}
.dpv6-cat-hero-inner {
    position:relative; display:grid;
    grid-template-columns:1fr 380px; gap:40px; align-items:center;
}
.dpv6-cat-hero-content .dpv6-breadcrumbs,
.dpv6-cat-hero-content .breadcrumb-trail { color:rgba(255,255,255,.55); font-size:.78em; margin-bottom:16px; }
.dpv6-cat-hero-content .breadcrumb-trail a { color:rgba(255,255,255,.7); }
.dpv6-cat-hero-label {
    display:flex; align-items:center; gap:10px; margin-bottom:14px;
}
.dpv6-cat-icon { font-size:1.8em; line-height:1; }
.dpv6-chip--glass {
    background:rgba(255,255,255,.15); backdrop-filter:blur(8px);
    color:#fff; border:1px solid rgba(255,255,255,.2); font-size:.78em;
}
.dpv6-cat-hero-title {
    font-size:clamp(1.9rem,4vw,2.8rem); font-weight:800; color:#fff;
    line-height:1.1; letter-spacing:-.02em; margin:0 0 12px;
}
.dpv6-cat-hero-year {
    display:inline-block; font-size:.55em; font-weight:700;
    background:rgba(255,255,255,.15); border-radius:6px;
    padding:2px 10px; vertical-align:middle; margin-left:10px;
    letter-spacing:.04em; color:rgba(255,255,255,.85);
}
.dpv6-cat-hero-desc {
    color:rgba(255,255,255,.78); font-size:.98em; line-height:1.65;
    max-width:520px; margin-bottom:24px;
}
.dpv6-cat-hero-stats {
    display:flex; gap:12px; flex-wrap:wrap;
}
.dpv6-stat-pill {
    background:rgba(255,255,255,.12); backdrop-filter:blur(6px);
    border:1px solid rgba(255,255,255,.18); border-radius:50px;
    padding:6px 16px; display:flex; align-items:baseline; gap:6px;
}
.dpv6-stat-num { font-size:1.05em; font-weight:800; color:#fff; }
.dpv6-stat-label { font-size:.72em; color:rgba(255,255,255,.65); }
.dpv6-cat-hero-feature {
    position:relative;
}
.dpv6-cat-feature-badge {
    position:absolute; top:-10px; left:16px; z-index:2;
    background:var(--brand); color:#fff;
    font-size:.72em; font-weight:700; padding:3px 12px; border-radius:50px;
    letter-spacing:.04em; text-transform:uppercase; box-shadow:0 2px 8px rgba(249,115,22,.4);
}

/* ── Category nav bar ── */
.dpv6-cat-nav-bar {
    background:var(--bg-2); border-bottom:1px solid var(--line);
    padding:12px 0;
}
.dpv6-cat-nav-inner {
    display:flex; align-items:center; gap:8px; flex-wrap:wrap;
}
.dpv6-cat-nav-label {
    font-size:.78em; color:var(--ink-3); font-weight:600; margin-right:4px; white-space:nowrap;
}
.dpv6-chip--nav {
    background:var(--bg); border:1px solid var(--line);
    color:var(--ink-2); font-size:.78em; font-weight:600;
    padding:5px 12px; border-radius:50px; text-decoration:none;
    transition:border-color .15s, color .15s, background .15s;
}
.dpv6-chip--nav:hover {
    background:var(--brand); color:#fff; border-color:var(--brand);
}

/* ── Section heads ── */
.dpv6-cat-section-head {
    padding:40px 0 16px; border-top:1px solid var(--line);
    margin-top:40px;
}
.dpv6-cat-section-head:first-child { margin-top:0; border-top:0; padding-top:40px; }
.dpv6-cat-section-head .dpv6-kicker { margin-bottom:6px; }
.dpv6-cat-section-head h2 {
    font-size:clamp(1.3rem,2.5vw,1.75rem); font-weight:800;
    color:var(--ink); letter-spacing:-.025em; margin:0;
}

/* ── Hero grid (2 large cards) ── */
.dpv6-cat-hero-grid {
    display:grid; grid-template-columns:1fr 1fr; gap:20px; margin-bottom:8px;
}

/* ── Main article grid ── */
.dpv6-cat-grid {
    display:grid; grid-template-columns:repeat(3,1fr); gap:20px;
}
.dpv6-cat-body { padding-top:0; padding-bottom:60px; }

/* ── Newsletter ── */
.dpv6-cat-newsletter { margin:48px 0 32px; }

/* ── Pagination ── */
.dpv6-pagination--cat { text-align:center; padding:24px 0 8px; }
.dpv6-pagination--cat .page-numbers {
    display:inline-flex; align-items:center; justify-content:center;
    width:40px; height:40px; border-radius:8px; margin:0 2px;
    font-weight:600; font-size:.88em; text-decoration:none;
    color:var(--ink-2); background:var(--bg-2); border:1px solid var(--line);
    transition:all .15s;
}
.dpv6-pagination--cat .page-numbers.current,
.dpv6-pagination--cat .page-numbers:hover {
    background:var(--brand); color:#fff; border-color:var(--brand);
}

/* ── Responsive ── */
@media(max-width:900px){
    .dpv6-cat-hero-inner { grid-template-columns:1fr; }
    .dpv6-cat-hero-feature { display:none; }
    .dpv6-cat-hero-grid { grid-template-columns:1fr; }
    .dpv6-cat-grid { grid-template-columns:repeat(2,1fr); }
}
@media(max-width:600px){
    .dpv6-cat-grid { grid-template-columns:1fr; }
    .dpv6-cat-hero { padding:40px 0 36px; }
    .dpv6-cat-hero-stats { gap:8px; }
}


/* ═══════════════════════════════════════════════════
   CATEGORY — ULTRA PREMIUM ENHANCEMENTS
═══════════════════════════════════════════════════ */

/* 3D card hover effect */
.dpv6-cat-grid .dpv6-story-card,
.dpv6-cat-hero-grid .dpv6-story-card {
    transition:transform .25s cubic-bezier(.34,1.56,.64,1), box-shadow .25s ease;
    transform-style:preserve-3d;
}
.dpv6-cat-grid .dpv6-story-card:hover {
    transform:translateY(-6px) scale(1.01);
    box-shadow:0 16px 48px rgba(0,0,0,.12), 0 0 0 1.5px var(--brand);
}

/* Animated gradient border on featured card */
.dpv6-cat-hero-grid .dpv6-story-card--feature {
    background:var(--bg);
    border:2px solid transparent;
    background-clip:padding-box;
    position:relative;
}
.dpv6-cat-hero-grid .dpv6-story-card--feature::before {
    content:''; position:absolute; inset:-2px; border-radius:inherit; z-index:-1;
    background:linear-gradient(135deg,var(--brand),#a855f7,#3b82f6,var(--brand));
    background-size:300% 300%;
    animation:dp-border-anim 4s linear infinite;
}
@keyframes dp-border-anim {
    0%{background-position:0% 50%}
    50%{background-position:100% 50%}
    100%{background-position:0% 50%}
}

/* Read-time progress bar on article cards */
.dpv6-story-card { position:relative; }
.dpv6-story-card .dpv6-story-readtime {
    display:inline-flex; align-items:center; gap:4px;
    font-size:.72em; color:var(--ink-4); font-weight:500;
}

/* "HOT" badge pulse animation */
@keyframes dp-pulse {
    0%,100%{box-shadow:0 0 0 0 rgba(239,68,68,.4)}
    50%{box-shadow:0 0 0 6px rgba(239,68,68,0)}
}
.dpv6-badge-hot {
    background:#ef4444; color:#fff;
    font-size:.65em; font-weight:800; padding:2px 7px; border-radius:50px;
    letter-spacing:.04em; text-transform:uppercase;
    animation:dp-pulse 2s ease infinite;
}

/* Category hero scroll fade-in */
.dpv6-cat-hero-content { animation:dp-fadein-up .5s ease both; }
.dpv6-cat-hero-feature { animation:dp-fadein-up .5s .15s ease both; }
@keyframes dp-fadein-up {
    from{opacity:0;transform:translateY(24px)} to{opacity:1;transform:translateY(0)}
}

/* Trending strip below hero */
.dpv6-cat-trending {
    background:linear-gradient(90deg,var(--bg-2) 0%,var(--bg) 100%);
    border:1px solid var(--line); border-radius:12px;
    padding:20px 24px; margin:32px 0 8px;
    display:grid; grid-template-columns:auto 1fr; gap:20px; align-items:start;
}
.dpv6-cat-trending-label {
    display:flex; flex-direction:column; align-items:center; gap:4px;
    background:var(--brand); color:#fff; border-radius:8px;
    padding:8px 14px; font-size:.72em; font-weight:800; text-align:center;
    letter-spacing:.04em; text-transform:uppercase; min-width:72px;
}
.dpv6-cat-trending-label span { font-size:1.5em; }
.dpv6-cat-trending-list {
    display:flex; flex-direction:column; gap:10px; list-style:none; margin:0; padding:0;
}
.dpv6-cat-trending-list li {
    display:flex; align-items:center; gap:10px;
    padding-bottom:10px; border-bottom:1px solid var(--line);
}
.dpv6-cat-trending-list li:last-child { border-bottom:0; padding-bottom:0; }
.dpv6-cat-trending-num {
    font-size:1.3em; font-weight:900; color:var(--brand);
    min-width:28px; line-height:1; font-variant-numeric:tabular-nums;
}
.dpv6-cat-trending-info { flex:1; }
.dpv6-cat-trending-info a {
    font-weight:600; font-size:.88em; color:var(--ink);
    text-decoration:none; display:block; margin-bottom:2px; line-height:1.3;
}
.dpv6-cat-trending-info a:hover { color:var(--brand); }
.dpv6-cat-trending-meta { font-size:.72em; color:var(--ink-4); }

/* Animated count-up for stats */
.dpv6-stat-num[data-count] { font-variant-numeric:tabular-nums; }

/* Reading progress bar at top of page */
#dp-read-progress {
    position:fixed; top:0; left:0; height:3px; width:0%;
    background:linear-gradient(90deg,var(--brand),#a855f7);
    z-index:10000; transition:width .1s linear;
}

/* ===== TABLE OF CONTENTS ===== */
.dp-toc{background:var(--bg-2,#f8f8f6);border-left:4px solid var(--brand,#f97316);border-radius:var(--r2,8px);padding:20px 24px;margin:32px 0;max-width:640px;}
.dp-toc__title{font-size:14px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--brand,#f97316);margin-bottom:12px;}
.dp-toc__list{margin:0;padding-left:20px;display:flex;flex-direction:column;gap:6px;}
.dp-toc__list a{color:var(--ink,#111);font-size:14px;text-decoration:none;border-bottom:1px dotted transparent;transition:border-color .15s,color .15s;}
.dp-toc__list a:hover{color:var(--brand,#f97316);border-bottom-color:var(--brand,#f97316);}
/* ===== SOCIAL SHARE ===== */
.dp-share{display:flex;align-items:center;gap:10px;padding:14px 0;margin-bottom:24px;flex-wrap:wrap;}
.dp-share__label{font-size:12px;font-weight:600;color:var(--ink-3,#888);text-transform:uppercase;letter-spacing:.05em;}
.dp-share__btn{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;font-size:14px;font-weight:800;text-decoration:none;transition:transform .15s,box-shadow .15s;color:#fff;}
.dp-share__btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,.2);color:#fff;}
.dp-share__btn--tw{background:#000;}
.dp-share__btn--fb{background:#1877f2;}
.dp-share__btn--wa{background:#25d366;}
.dp-share__btn--pi{background:#e60023;}
/* ===== AUTHOR BOX ===== */
.dp-author-box{display:flex;gap:16px;align-items:flex-start;background:var(--bg-2,#f8f8f6);border:1px solid var(--bg-3,#eee);border-radius:var(--r3,12px);padding:20px 24px;margin:40px 0 24px;}
.dp-author-box__avatar{flex-shrink:0;width:48px;height:48px;}
.dp-author-box__avatar svg{width:48px;height:48px;border-radius:50%;}
.dp-author-box__name{font-size:14px;font-weight:700;color:var(--ink,#111);margin-bottom:6px;}
.dp-author-box__bio{font-size:13px;color:var(--ink-3,#666);line-height:1.6;margin-bottom:8px;}
.dp-author-box__link{font-size:12px;color:var(--brand,#f97316);font-weight:600;text-decoration:none;border-bottom:1px solid transparent;transition:border-color .15s;}
.dp-author-box__link:hover{border-bottom-color:var(--brand,#f97316);}
@media(max-width:480px){.dp-author-box{flex-direction:column;gap:12px;}}

/* ===== BANKING SECTION ===== */
.dp-boost{display:inline-flex;align-items:center;gap:4px;font-size:12px;font-weight:700;padding:3px 8px;border-radius:20px;}
.dp-boost--active{background:#d1fae5;color:#065f46;}
.dp-boost--pause{background:#fef3c7;color:#92400e;}
.dp-boost--none{background:#f3f4f6;color:#6b7280;}

.dp-bank-table{width:100%;border-collapse:collapse;font-size:14px;margin:24px 0;}
.dp-bank-table th{background:var(--bg-2,#f8f8f6);font-weight:700;font-size:12px;text-transform:uppercase;letter-spacing:.05em;padding:10px 12px;border-bottom:2px solid var(--bg-3,#eee);text-align:left;}
.dp-bank-table td{padding:10px 12px;border-bottom:1px solid var(--bg-3,#eee);vertical-align:middle;}
.dp-bank-table tr:last-child td{border-bottom:none;}

.dp-bank-cta{display:inline-flex;align-items:center;gap:4px;background:var(--brand,#f97316);color:#fff;font-size:12px;font-weight:700;padding:6px 12px;border-radius:6px;text-decoration:none;white-space:nowrap;transition:background .15s,transform .15s;}
.dp-bank-cta:hover{background:#ea6c00;transform:translateY(-1px);color:#fff;}
.dp-bank-cta--secondary{background:var(--bg-2,#f3f4f6);color:var(--ink,#111);}
.dp-bank-cta--secondary:hover{background:var(--bg-3,#e5e7eb);color:var(--ink,#111);}
.dp-bank-cta--main{font-size:14px;padding:12px 20px;border-radius:8px;width:100%;justify-content:center;margin-top:12px;}

.dp-bank-card{background:var(--bg,#fff);border:1px solid var(--bg-3,#e5e7eb);border-radius:var(--r3,12px);padding:24px;margin:24px 0;box-shadow:var(--sh0,0 1px 3px rgba(0,0,0,.06));}
.dp-bank-card--featured{border-color:var(--brand,#f97316);box-shadow:0 0 0 3px rgba(249,115,22,.15);}
.dp-bank-card--neutral{border-color:#e5e7eb;background:var(--bg-2,#f9fafb);}
.dp-bank-card__header{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:16px;}

.dp-bank-badge{display:inline-flex;align-items:center;gap:4px;font-size:12px;font-weight:700;padding:4px 10px;border-radius:20px;}
.dp-bank-badge--boost{background:#fff7ed;color:#c2410c;}
.dp-bank-badge--active{background:#d1fae5;color:#065f46;}
.dp-bank-badge--pause{background:#fef3c7;color:#92400e;}

@media(max-width:640px){
  .dp-bank-table{display:block;overflow-x:auto;-webkit-overflow-scrolling:touch;}
  .dp-bank-card{padding:16px;}
}


#dp-menu-toggle { display: none !important; visibility: hidden !important; opacity: 0 !important; pointer-events: none !important; }


/* ===== PHASE 7 : WOW DESKTOP IMPROVEMENTS ===== */

/* 1. Header Glassmorphism & Sticky */
.site-header {
    position: sticky; top: 0; z-index: 9995;
    background: rgba(255,255,255,0.82) !important;
    backdrop-filter: blur(14px) saturate(160%);
    -webkit-backdrop-filter: blur(14px) saturate(160%);
    border-bottom: 1px solid rgba(0,0,0,0.06) !important;
    transition: background 0.3s ease, border 0.3s ease;
}
[data-theme="dark"] .site-header {
    background: rgba(15,18,25,0.85) !important;
    border-bottom-color: rgba(255,255,255,0.1) !important;
}

/* 2. Micro-interactions : Hover Lift on Cards & Widgets */
.dpv6-story-card, .dp-category-card, .inside-article, .sidebar .widget, .dp-bank-card {
    transition: transform 0.4s cubic-bezier(0.2, 1, 0.3, 1), box-shadow 0.4s ease !important;
}
.dpv6-story-card:hover, .dp-category-card:hover, .inside-article:hover, .sidebar .widget:hover, .dp-bank-card:hover {
    transform: translateY(-8px);
    box-shadow: 0 24px 48px rgba(0,0,0,0.12) !important;
}

/* 3. Global Typography & Legibility */
body { 
    line-height: 1.75; 
    -webkit-font-smoothing: antialiased; 
    -moz-osx-font-smoothing: grayscale;
}
h1, h2, h3, .dpv6-story-card h3 { 
    letter-spacing: -0.02em; 
    font-weight: 800; 
}
.entry-content p { margin-bottom: 1.8em; }

/* 4. Modern Premium Footer */
.dp-footer {
    background: linear-gradient(180deg, #111827 0%, #030712 100%) !important;
    position: relative; overflow: hidden;
}
.dp-footer::before {
    content: ''; position: absolute; top: 0; left: 0; right: 0; height: 1px;
    background: linear-gradient(90deg, transparent, rgba(249,115,22,0.3), transparent);
}
.dp-footer-col-title {
    color: #fff !important; font-weight: 700; text-transform: uppercase; 
    font-size: 13px; letter-spacing: 0.1em; margin-bottom: 24px;
}
.dp-footer-list a { 
    color: rgba(255,255,255,0.6) !important; 
    transition: color 0.2s ease, transform 0.2s ease;
    display: inline-block;
}
.dp-footer-list a:hover { 
    color: var(--brand) !important; 
    transform: translateX(4px); 
}

/* 5. Smooth Entrance Animations */
.dp-shell { animation: dp-reveal 0.8s cubic-bezier(0.2, 1, 0.3, 1) both; }
@keyframes dp-reveal {
    from { opacity: 0; transform: translateY(20px); }
    to { opacity: 1; transform: translateY(0); }
}

/* Fix for overlapping with admin bar when logged in */
.admin-bar .site-header { top: 32px; }
@media screen and (max-width: 782px) {
    .admin-bar .site-header { top: 46px; }
}

/* ===== SIDECARD UI FIX (Phase 8) ===== */
.dpv6-sidecard { 
    overflow: visible !important; 
    height: auto !important; 
    max-height: none !important; 
    padding: 24px 22px !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 12px !important;
}
.dpv6-sidecard h3 { 
    margin: 0 !important; 
    line-height: 1.3 !important; 
    font-size: 1.05rem !important;
}
.dpv6-sidecard p { 
    margin: 4px 0 12px !important; 
    line-height: 1.6 !important;
}
.dpv6-sidecard .dpv6-btn { margin-top: auto !important; }

/* Ensure related posts list also doesn't truncate */
.dpv6-related-mini { 
    height: auto !important; 
    overflow: visible !important; 
}


/* ===== SIDECARD TOTAL VISIBILITY FIX (Phase 8 Suite) ===== */
aside.dpv6-sidecar {
    max-height: none !important;
    overflow-y: visible !important;
    overflow-x: visible !important;
    height: auto !important;
}

.dpv6-sidecard {
    overflow: visible !important;
    height: auto !important;
    max-height: none !important;
    min-height: 0 !important;
}

/* Allow long titles (Gardena vs Worx) to wrap on multiple lines */
.dpv6-related-mini li a {
    white-space: normal !important;
    display: block !important;
    line-height: 1.4 !important;
    word-wrap: break-word !important;
    padding-right: 10px !important;
}

/* Ensure the Best of & Contact cards don't truncate their inner paragraphs */
.dpv6-sidecard p {
    overflow: visible !important;
    max-height: none !important;
}


/* ===== PROS/CONS & CTA BOX PREMIUM (Phase 9) ===== */
.dp-pros-cons-box{display:grid;grid-template-columns:1fr 1fr;gap:24px;background:#f9fafb !important;padding:28px !important;border-radius:20px !important;margin:32px 0 !important;border:1px solid rgba(0,0,0,0.05) !important;box-shadow:inset 0 2px 4px rgba(0,0,0,0.02) !important;}
.dp-pros h5{color:#10b981 !important;margin:0 0 16px !important;font-size:16px !important;font-weight:800 !important;text-transform:uppercase;letter-spacing:0.05em;}
.dp-cons h5{color:#ef4444 !important;margin:0 0 16px !important;font-size:16px !important;font-weight:800 !important;text-transform:uppercase;letter-spacing:0.05em;}
.dp-pros ul, .dp-cons ul{list-style:none !important;margin:0 !important;padding:0 !important;}
.dp-pros li, .dp-cons li{display:flex !important;gap:12px !important;font-size:15px !important;margin-bottom:12px !important;line-height:1.5 !important;color:#374151 !important;align-items:flex-start !important;}
.dp-pros svg{width:18px;height:18px;fill:#10b981;flex-shrink:0;margin-top:2px;}
.dp-cons svg{width:18px;height:18px;fill:#ef4444;flex-shrink:0;margin-top:2px;}
@media(max-width:768px){.dp-pros-cons-box{grid-template-columns:1fr !important; gap:32px !important;}}

.dp-premium-cta-box{background:linear-gradient(135deg,#ffffff,#f8fafc);border:2px solid #f97316 !important;border-radius:24px !important;padding:40px 32px !important;margin:48px 0 !important;text-align:center !important;position:relative !important;box-shadow:0 20px 50px rgba(249,115,22,0.12) !important;}
.dp-cta-badge{position:absolute;top:-14px;left:50%;transform:translateX(-50%);background:#f97316;color:#fff;padding:4px 20px;border-radius:40px;font-size:11px;font-weight:800;letter-spacing:0.12em;white-space:nowrap;box-shadow:0 4px 12px rgba(249,115,22,0.3);}
.dp-premium-cta-box h4{margin:12px 0 16px !important;font-size:24px !important;font-weight:900 !important;color:#111827 !important;}
.dp-premium-cta-box p{color:#4b5563 !important;margin-bottom:28px !important;font-size:16px !important;line-height:1.6 !important;}
.dp-premium-cta-box .dp-btn-amazon{display:inline-block !important;padding:16px 36px !important;background:#f97316 !important;color:#fff !important;border-radius:50px !important;font-weight:800 !important;text-decoration:none !important;font-size:17px !important;}

.dp-winner-label{position:absolute;top:-12px;left:20px;background:linear-gradient(90deg,#f97316,#fb923c);color:#fff;padding:4px 14px;border-radius:40px;font-size:10px;font-weight:900;letter-spacing:0.1em;box-shadow:0 4px 12px rgba(249,115,22,0.4);z-index:10;}
.dp-product-card.winner{border:2px solid #f97316 !important;box-shadow:0 12px 40px rgba(249,115,22,0.15) !important;}
.dp-product-card{display:flex;gap:24px;background:#fff;border:1px solid #e5e7eb;border-radius:20px;padding:24px;margin:32px 0;transition:transform .3s,box-shadow .3s;position:relative;}
.dp-product-card:hover{transform:translateY(-4px);box-shadow:0 12px 32px rgba(0,0,0,0.08);}
.dp-card-img{width:160px;height:160px;flex-shrink:0;display:flex;align-items:center;justify-content:center;}
.dp-card-img img{max-width:100%;max-height:100%;object-fit:contain;}
.dp-card-img-placeholder{display:flex;align-items:center;justify-content:center;width:100%;height:100%;background:#f3f4f6;border-radius:8px;opacity:.7;}
.dp-card-info{flex:1;display:flex;flex-direction:column;justify-content:center;}
.dp-card-sub{font-size:12px;font-weight:700;color:#f97316;text-transform:uppercase;letter-spacing:0.05em;margin-bottom:4px;}
.dp-card-info h3{margin:0 0 8px !important;font-size:18px !important;font-weight:800 !important;color:#111827;}
.dp-card-price{display:flex;align-items:baseline;gap:8px;margin:12px 0 20px;}
.price-new{font-size:24px;font-weight:900;color:#111827;}
.price-old{font-size:16px;text-decoration:line-through;color:#9ca3af;}
@media(max-width:640px){.dp-product-card{flex-direction:column;align-items:center;text-align:center;}.dp-card-img{width:100%;height:200px;}}


/* ===== FINAL PERFECTION - STARS & WOW (Phase 11) ===== */
.dp-stars { 
    display: inline-flex !important; 
    align-items: center !important; 
    gap: 3px !important; 
    vertical-align: middle !important;
    white-space: nowrap !important;
}
.dp-stars svg { 
    width: 17px !important; 
    height: 17px !important; 
    fill: #e5e7eb !important; /* Gray */
    display: inline-block !important;
}
.dp-stars svg.full { fill: #f97316 !important; } /* Orange Amazon */
.dp-stars svg.half { fill: url(#dp-star-half) !important; }
.dp-stars .rating-val { 
    font-size: 13px !important; 
    font-weight: 700 !important; 
    margin-left: 6px !important; 
    color: var(--ink-2) !important;
}

/* Ensure Amazon buttons shimmer correctly */
.dp-btn-amazon, .dpv6-btn--primary {
    position: relative !important;
    overflow: hidden !important;
    transition: all .3s cubic-bezier(.4,0,.2,1) !important;
}
.dp-btn-amazon::after {
    content: ''; position: absolute; top: -50%; left: -60%; width: 30%; height: 200%;
    background: rgba(255,255,255,0.4); transform: rotate(25deg);
    animation: dp-shimmer 3.5s infinite linear;
}

/* Force sidecar visibility again for good measure */
aside.dpv6-sidecar, .dpv6-sidecar {
    max-height: none !important;
    overflow: visible !important;
    height: auto !important;
}

/* ── Footer category count badge ── */
.dp-footer-cat-count{font-size:.7rem;color:var(--ink-4);font-weight:400;}