/* =========================================================
   HOT DEALS PRO — v159 (2026-10-03). Scoped to .dh-* ; pairs with js/159-hot-deals-pro.js.
   Uses the existing tokens (navy / sand / paper / line / ink) so light + dark themes follow the rest of the site.
   ========================================================= */
.dh-hero,.dh-section{--dh-navy:var(--navy-900,#162D4C);--dh-navy2:var(--navy-950,#0F1F35);--dh-gold:var(--gold-500,#CEA577);--dh-gold2:var(--gold-400,#DDBB94);
  --dh-card:var(--surface,#fff);--dh-line:var(--line,#E3E7EC);--dh-ink:var(--ink,#162D4C);--dh-mute:var(--muted,#5F6B7A);--dh-soft:var(--paper-dim,#F1F3F6);
  --dh-green:#1E8E5A;--dh-r:16px;}
[data-theme="dark"] .dh-hero,[data-theme="dark"] .dh-section{--dh-card:var(--surface,#1A2331);--dh-ink:var(--ink,#EAEEF3);--dh-mute:var(--muted,#98A3B3);--dh-soft:#161E29;--dh-green:#4fd39a;}

/* ---------- HERO ---------- */
.dh-hero{position:relative;overflow:hidden;color:#fff;background:linear-gradient(135deg,var(--dh-navy2) 0%,var(--dh-navy) 55%,#1F3A5F 100%);border-bottom:1px solid rgba(206,165,119,.35);}
.dh-hero::before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.5;
  background:radial-gradient(520px 260px at 88% -10%,rgba(206,165,119,.28),transparent 70%),
  repeating-linear-gradient(115deg,rgba(255,255,255,.035) 0 1px,transparent 1px 22px);}
.dh-hero::after{content:"";position:absolute;left:0;right:0;bottom:0;height:3px;background:linear-gradient(90deg,transparent,var(--dh-gold),transparent);opacity:.7;}
.dh-hero-in{position:relative;max-width:1280px;margin:0 auto;padding:30px 24px 28px;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.25fr);gap:28px;align-items:center;}
.dh-kicker{display:inline-flex;align-items:center;gap:8px;font-family:var(--font-mono,monospace);font-size:11px;letter-spacing:2px;text-transform:uppercase;color:var(--dh-gold2);margin-bottom:8px;}
.dh-live{width:8px;height:8px;border-radius:50%;background:#46d38d;box-shadow:0 0 0 0 rgba(70,211,141,.6);animation:dhPulse 2s infinite;}
@keyframes dhPulse{70%{box-shadow:0 0 0 9px rgba(70,211,141,0);}100%{box-shadow:0 0 0 0 rgba(70,211,141,0);}}
.dh-hero h1{font-family:'Fraunces',Georgia,serif;font-weight:600;font-size:clamp(30px,4.2vw,46px);line-height:1.05;letter-spacing:-.5px;color:#fff;margin:0;}
.dh-hero p{margin:10px 0 0;max-width:46ch;font-size:13.5px;line-height:1.55;color:rgba(255,255,255,.72);}
.dh-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;}
.dh-stat{position:relative;padding:13px 14px 12px;border-radius:14px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.12);backdrop-filter:blur(6px);display:flex;flex-direction:column;gap:2px;min-width:0;}
.dh-stat i{position:absolute;right:11px;top:11px;font-size:13px;color:var(--dh-gold);opacity:.8;}
.dh-stat b{font-family:'Fraunces',Georgia,serif;font-weight:600;font-size:clamp(20px,2.4vw,27px);line-height:1.1;color:#fff;font-variant-numeric:tabular-nums;white-space:nowrap;}
.dh-stat span{font-size:10.5px;letter-spacing:.9px;text-transform:uppercase;color:rgba(255,255,255,.62);}
.dh-stat.hi{background:linear-gradient(145deg,rgba(206,165,119,.34),rgba(206,165,119,.12));border-color:rgba(206,165,119,.6);}
.dh-stat.hi b{color:var(--dh-gold2);}
.dh-stat.wide{grid-column:1/-1;flex-direction:row;align-items:baseline;gap:10px;flex-wrap:wrap;padding-right:34px;}
.dh-stat.wide b{font-size:clamp(18px,2vw,22px);} 

/* ---------- SECTION ---------- */
.dh-section{max-width:1280px;margin:0 auto;padding:22px 24px 60px;}

/* ---------- TOP PICKS ---------- */
.dh-picks{display:grid;grid-template-columns:1.35fr 1fr 1fr;gap:14px;margin-bottom:20px;}
.dh-pick{position:relative;min-height:190px;border-radius:var(--dh-r);overflow:hidden;cursor:pointer;color:#fff;isolation:isolate;box-shadow:0 10px 28px rgba(22,45,76,.18);transition:transform .25s,box-shadow .25s;outline:none;}
.dh-pick:hover,.dh-pick:focus-visible{transform:translateY(-3px);box-shadow:0 18px 38px rgba(22,45,76,.28);}
.dh-pick:focus-visible{box-shadow:0 0 0 3px var(--dh-gold),0 18px 38px rgba(22,45,76,.28);}
.dh-pick-bg{position:absolute;inset:0;z-index:-2;background:var(--dh-navy);}
.dh-pick-bg img{width:100%;height:100%;object-fit:cover;transition:transform .6s;}
.dh-pick:hover .dh-pick-bg img{transform:scale(1.06);}
.dh-pick::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(15,31,53,.55) 0%,rgba(15,31,53,.35) 35%,rgba(15,31,53,.92) 100%);}
.dh-pick-in{height:100%;padding:14px 16px 14px;display:flex;flex-direction:column;}
.dh-pick-top{display:flex;justify-content:space-between;align-items:center;gap:8px;}
.dh-pick-rank{display:inline-flex;align-items:center;gap:7px;padding:5px 11px 5px 9px;border-radius:999px;font-size:10.5px;font-weight:800;letter-spacing:1px;text-transform:uppercase;background:rgba(15,31,53,.7);border:1px solid rgba(206,165,119,.55);color:var(--dh-gold2);backdrop-filter:blur(4px);}
.dh-pick.rank-1 .dh-pick-rank{background:linear-gradient(135deg,#E3C08F,#CEA577);color:#162D4C;border-color:transparent;}
.dh-pick-title{margin-top:auto;font-family:'Fraunces',Georgia,serif;font-size:22px;font-weight:600;line-height:1.1;}
.dh-pick.rank-1 .dh-pick-title{font-size:27px;}
.dh-pick-loc{font-size:12.5px;color:rgba(255,255,255,.8);margin:3px 0 10px;}
.dh-pick-bot{display:flex;justify-content:space-between;align-items:flex-end;gap:10px;}
.dh-pick-now{font-weight:800;font-size:18px;font-variant-numeric:tabular-nums;}
.dh-pick-was{font-size:11.5px;color:rgba(255,255,255,.72);margin-top:2px;}
.dh-pick-pct{display:inline-flex;align-items:center;gap:6px;padding:7px 12px;border-radius:12px;background:var(--dh-gold);color:#162D4C;font-weight:900;font-size:19px;line-height:1;}
.dh-pick-pct i{font-size:14px;}

/* ---------- DEAL SCORE RING ---------- */
.dh-score{position:relative;width:42px;height:42px;flex:none;border-radius:50%;background:rgba(15,31,53,.82);display:grid;place-items:center;backdrop-filter:blur(4px);box-shadow:0 2px 8px rgba(0,0,0,.25);}
.dh-score svg{position:absolute;inset:3px;width:calc(100% - 6px);height:calc(100% - 6px);transform:rotate(-90deg);}
.dh-r-track{fill:none;stroke:rgba(255,255,255,.16);stroke-width:3.4;}
.dh-r-fill{fill:none;stroke:var(--dh-gold);stroke-width:3.4;stroke-linecap:round;}
.dh-score.tier-steal .dh-r-fill{stroke:#46d38d;} .dh-score.tier-hot .dh-r-fill{stroke:var(--dh-gold);} .dh-score.tier-good .dh-r-fill{stroke:#8aa4c6;}
.dh-score b{position:relative;font-size:12px;font-weight:800;color:#fff;font-variant-numeric:tabular-nums;}

/* ---------- LAYOUT STRIP + COMMAND BAR ---------- */
.dh-layouts{display:flex;align-items:center;gap:12px;padding:8px 10px;border:1px solid var(--dh-line);border-radius:14px;background:var(--dh-card);margin-bottom:12px;}
.dh-lbl{display:inline-flex;align-items:center;gap:7px;flex:none;font-size:11px;font-weight:800;letter-spacing:1.1px;text-transform:uppercase;color:var(--dh-mute);padding-left:4px;}
.dh-lbl i{color:var(--dh-gold);}
.dh-strip{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;padding:2px;flex:1;}
.dh-strip::-webkit-scrollbar{display:none;}
.dh-chip{display:inline-flex;align-items:center;gap:7px;flex:none;padding:7px 13px;border-radius:999px;border:1px solid var(--dh-line);background:var(--dh-soft);color:var(--dh-ink);font:600 13px/1 var(--font-body,Inter,system-ui,sans-serif);cursor:pointer;transition:background .18s,color .18s,border-color .18s,transform .18s;white-space:nowrap;}
.dh-chip i{font-size:12px;opacity:.7;}
.dh-chip b{font-size:11px;font-weight:800;min-width:20px;text-align:center;padding:3px 6px;border-radius:999px;background:rgba(22,45,76,.08);}
[data-theme="dark"] .dh-chip b{background:rgba(255,255,255,.1);}
.dh-chip:hover{border-color:var(--dh-gold);transform:translateY(-1px);}
.dh-chip.active{background:var(--dh-navy);color:#fff;border-color:var(--dh-navy);}
[data-theme="dark"] .dh-chip.active{background:var(--dh-gold);color:#162D4C;border-color:var(--dh-gold);}
.dh-chip.active i{opacity:1;color:var(--dh-gold);} [data-theme="dark"] .dh-chip.active i{color:#162D4C;}
.dh-chip.active b{background:rgba(255,255,255,.2);} [data-theme="dark"] .dh-chip.active b{background:rgba(22,45,76,.18);}

.dh-bar{position:sticky;top:calc(var(--banner-h,0px) + var(--header-h,56px) + 6px);z-index:50;display:flex;align-items:center;gap:10px;padding:9px;border-radius:16px;background:color-mix(in srgb,var(--dh-card) 88%,transparent);backdrop-filter:blur(14px) saturate(1.3);border:1px solid var(--dh-line);box-shadow:0 8px 24px rgba(22,45,76,.1);}
.dh-search{flex:1;min-width:0;display:flex;align-items:center;gap:9px;height:42px;padding:0 12px;border-radius:12px;background:var(--dh-soft);border:1px solid transparent;transition:border-color .18s,box-shadow .18s;}
.dh-search:focus-within{border-color:var(--dh-gold);box-shadow:0 0 0 3px rgba(206,165,119,.25);}
.dh-search i{color:var(--dh-mute);font-size:14px;}
.dh-search input{flex:1;min-width:0;border:0;outline:0;background:transparent;color:var(--dh-ink);font:500 14px var(--font-body,Inter,system-ui,sans-serif);}
.dh-search kbd{font:600 11px var(--font-mono,monospace);color:var(--dh-mute);border:1px solid var(--dh-line);border-radius:6px;padding:2px 6px;}
.dh-search input:focus ~ kbd,.dh-bar.has-q kbd{display:none;}
.dh-select{position:relative;display:flex;align-items:center;gap:8px;height:42px;padding:0 10px 0 12px;border-radius:12px;background:var(--dh-soft);color:var(--dh-mute);}
.dh-select select{appearance:none;-webkit-appearance:none;border:0;outline:0;background:transparent;color:var(--dh-ink);font:600 13px var(--font-body,Inter,system-ui,sans-serif);padding-right:16px;cursor:pointer;max-width:170px;}
.dh-views{display:flex;padding:3px;gap:2px;border-radius:12px;background:var(--dh-soft);}
.dh-views button{width:38px;height:36px;border:0;border-radius:9px;background:transparent;color:var(--dh-mute);cursor:pointer;font-size:14px;transition:background .18s,color .18s;}
.dh-views button.active{background:var(--dh-card);color:var(--dh-ink);box-shadow:0 1px 4px rgba(22,45,76,.18);}
.dh-views button.active i{color:var(--dh-gold);}
.dh-fbtn{display:inline-flex;align-items:center;gap:8px;height:42px;padding:0 15px;border-radius:12px;border:1px solid var(--dh-line);background:var(--dh-card);color:var(--dh-ink);font:700 13px var(--font-body,Inter,system-ui,sans-serif);cursor:pointer;}
.dh-fbtn.active{background:var(--dh-navy);color:#fff;border-color:var(--dh-navy);}
.dh-fbtn b{min-width:19px;height:19px;display:grid;place-items:center;border-radius:50%;background:var(--dh-gold);color:#162D4C;font-size:11px;}
.dh-fbtn b[hidden]{display:none;}

.dh-panel{display:grid;grid-template-rows:0fr;transition:grid-template-rows .3s ease;}
.dh-panel.open{grid-template-rows:1fr;}
.dh-panel-in{overflow:hidden;min-height:0;display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:18px;}
.dh-panel.open .dh-panel-in{padding:16px 6px 4px;}
.dh-pgroup label{display:flex;justify-content:space-between;align-items:center;font-size:11px;font-weight:800;letter-spacing:1px;text-transform:uppercase;color:var(--dh-mute);margin-bottom:9px;}
.dh-pgroup label b{color:var(--dh-ink);letter-spacing:0;text-transform:none;font-size:13px;}
.dh-chips{display:flex;flex-wrap:wrap;gap:7px;}
.dh-budget input[type=range]{width:100%;accent-color:var(--dh-gold);height:24px;cursor:pointer;}
.dh-range-ends{display:flex;justify-content:space-between;font:500 11px var(--font-mono,monospace);color:var(--dh-mute);}

/* ---------- SUMMARY ---------- */
.dh-summary{display:flex;flex-wrap:wrap;align-items:center;gap:8px 16px;padding:16px 4px 12px;font-size:13.5px;color:var(--dh-mute);}
.dh-sum-main b{color:var(--dh-ink);}
.dh-sum-chips{display:flex;flex-wrap:wrap;gap:6px;align-items:center;flex:1;}
.dh-x{display:inline-flex;align-items:center;gap:7px;padding:5px 9px 5px 11px;border-radius:999px;border:1px solid var(--dh-gold);background:rgba(206,165,119,.14);color:var(--dh-ink);font:600 12px var(--font-body,Inter,sans-serif);cursor:pointer;}
.dh-x i{font-size:10px;opacity:.7;} .dh-x:hover{background:rgba(206,165,119,.3);}
.dh-sum-act{display:flex;gap:14px;margin-left:auto;}
.dh-link{display:inline-flex;align-items:center;gap:6px;border:0;background:none;color:var(--dh-ink);font:700 12.5px var(--font-body,Inter,sans-serif);cursor:pointer;padding:4px 2px;text-decoration:underline;text-decoration-color:rgba(206,165,119,.7);text-underline-offset:4px;}
.dh-link:hover{color:var(--dh-gold);} .dh-link:disabled{opacity:.4;pointer-events:none;} .dh-link i{color:var(--dh-gold);text-decoration:none;}
.dh-gtools{display:flex;gap:8px;align-items:center;justify-content:flex-end;color:var(--dh-mute);margin:-4px 2px 10px;}

/* ---------- COMMUNITY GROUPS ---------- */
.dh-group{border:1px solid var(--dh-line);border-radius:var(--dh-r);background:var(--dh-card);margin-bottom:14px;overflow:hidden;transition:box-shadow .25s,border-color .25s;}
.dh-group.open{box-shadow:0 14px 34px rgba(22,45,76,.1);border-color:rgba(206,165,119,.55);}
.dh-ghead{width:100%;display:flex;align-items:center;gap:18px;padding:16px 20px;border:0;background:none;color:inherit;cursor:pointer;text-align:left;font:inherit;}
.dh-ghead:hover{background:linear-gradient(90deg,rgba(206,165,119,.09),transparent);}
.dh-gord{font-family:'Fraunces',Georgia,serif;font-style:italic;font-weight:500;font-size:40px;line-height:1;min-width:58px;color:var(--dh-gold);opacity:.85;}
.dh-gname{flex:1;min-width:0;}
.dh-gname h3{font-family:'Fraunces',Georgia,serif;font-weight:600;font-size:20px;color:var(--dh-ink);margin:0;}
.dh-gbar{display:block;height:4px;border-radius:4px;background:var(--dh-soft);margin:7px 0 5px;max-width:240px;overflow:hidden;}
.dh-gbar i{display:block;height:100%;border-radius:4px;background:linear-gradient(90deg,var(--dh-gold),var(--dh-gold2));}
.dh-gname em{font-style:normal;font-size:12px;color:var(--dh-mute);}
.dh-gstats{display:flex;gap:8px;}
.dh-gs{display:flex;flex-direction:column;align-items:center;min-width:64px;padding:7px 12px;border-radius:12px;background:var(--dh-soft);}
.dh-gs b{font-size:16px;font-weight:800;color:var(--dh-ink);font-variant-numeric:tabular-nums;line-height:1.1;}
.dh-gs small{font-size:10px;letter-spacing:.8px;text-transform:uppercase;color:var(--dh-mute);}
.dh-gchev{width:38px;height:38px;flex:none;display:grid;place-items:center;border-radius:50%;border:1px solid var(--dh-line);color:var(--dh-ink);transition:transform .3s,background .2s;}
.dh-group.open .dh-gchev{transform:rotate(180deg);background:var(--dh-gold);color:#162D4C;border-color:var(--dh-gold);}
.dh-gbody{display:grid;grid-template-rows:0fr;transition:grid-template-rows .35s ease;}
.dh-group.open .dh-gbody{grid-template-rows:1fr;}
.dh-ginner{overflow:hidden;min-height:0;}
.dh-group.open .dh-ginner{padding:4px 18px 20px;}

/* ---------- DEAL CARD ---------- */
.dh-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:16px;}
.dh-card{position:relative;display:flex;flex-direction:column;border-radius:var(--dh-r);background:var(--dh-card);border:1px solid var(--dh-line);overflow:hidden;cursor:pointer;outline:none;transition:transform .25s,box-shadow .25s,border-color .25s;content-visibility:auto;contain-intrinsic-size:auto 430px;}
.dh-card:hover,.dh-card:focus-visible{transform:translateY(-4px);box-shadow:0 18px 40px rgba(22,45,76,.16);border-color:var(--dh-gold);}
.dh-card:focus-visible{box-shadow:0 0 0 3px rgba(206,165,119,.55);}
.dh-card.is-feat{border-color:rgba(206,165,119,.7);}
.dh-card.tier-steal::after{content:"";position:absolute;left:0;right:0;top:0;height:3px;background:linear-gradient(90deg,#46d38d,var(--dh-gold));z-index:3;}
.dh-media{position:relative;aspect-ratio:16/10;background:var(--dh-navy);overflow:hidden;}
.dh-media img{width:100%;height:100%;object-fit:cover;transition:transform .6s;}
.dh-card:hover .dh-media img{transform:scale(1.07);}
.dh-media::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(15,31,53,.25) 0%,transparent 40%,rgba(15,31,53,.78) 100%);pointer-events:none;}
.dh-nophoto{width:100%;height:100%;display:grid;place-items:center;color:rgba(255,255,255,.35);font-size:42px;}
.dh-pct{position:absolute;z-index:2;left:12px;top:12px;display:inline-flex;align-items:baseline;gap:4px;padding:6px 11px 6px 9px;border-radius:11px;background:var(--dh-gold);color:#162D4C;box-shadow:0 6px 14px rgba(0,0,0,.25);}
.dh-pct i{font-size:12px;align-self:center;} .dh-pct b{font-size:22px;font-weight:900;line-height:1;letter-spacing:-.5px;} .dh-pct small{font-size:10.5px;font-weight:800;text-transform:uppercase;letter-spacing:.5px;}
.dh-pct.is-gift{background:#fff;} .dh-pct.is-gift small{font-size:11px;}
.dh-media .dh-score{position:absolute;z-index:2;right:12px;top:12px;}
.dh-loc{position:absolute;z-index:2;left:12px;right:60px;bottom:10px;color:#fff;font-size:12.5px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-shadow:0 1px 6px rgba(0,0,0,.5);}
.dh-loc i{color:var(--dh-gold);margin-right:6px;}
.dh-cmp{position:absolute;z-index:3;right:12px;bottom:9px;width:32px;height:32px;display:grid;place-items:center;border-radius:10px;background:rgba(15,31,53,.72);color:#fff;cursor:pointer;backdrop-filter:blur(4px);transition:background .2s;font-size:13px;}
.dh-cmp input{position:absolute;inset:0;opacity:0;cursor:pointer;margin:0;}
.dh-cmp:has(input:checked){background:var(--dh-gold);color:#162D4C;}
.dh-body{padding:14px 16px 6px;display:flex;flex-direction:column;gap:9px;flex:1;}
.dh-title{display:flex;align-items:baseline;justify-content:space-between;gap:10px;}
.dh-title h4{font-family:'Fraunces',Georgia,serif;font-size:20px;font-weight:600;color:var(--dh-ink);margin:0;}
.dh-code{font:600 11px var(--font-mono,monospace);color:var(--dh-mute);padding:3px 8px;border-radius:7px;background:var(--dh-soft);letter-spacing:.4px;}
.dh-tags{display:flex;flex-wrap:wrap;gap:6px;}
.dh-tag{display:inline-flex;align-items:center;gap:5px;padding:4px 9px;border-radius:999px;font-size:11px;font-weight:700;line-height:1.2;}
.dh-tag i{font-size:10px;}
.t-feat{background:rgba(206,165,119,.2);color:#8C6A3F;} [data-theme="dark"] .t-feat{color:var(--dh-gold2);}
.t-free{background:rgba(30,142,90,.13);color:#146C43;} [data-theme="dark"] .t-free{color:#6fe0ae;}
.t-val{background:rgba(100,131,170,.16);color:#2E4F79;} [data-theme="dark"] .t-val{color:#a9c3e6;}
.t-hot{background:rgba(192,57,43,.12);color:#922B21;} [data-theme="dark"] .t-hot{color:#ff9d92;}
.dh-specs{display:flex;flex-wrap:wrap;gap:4px 14px;font-size:12.5px;color:var(--dh-mute);}
.dh-specs span{display:inline-flex;align-items:center;gap:6px;} .dh-specs i{color:var(--dh-gold);font-size:11px;}
.dh-priceblock{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap;margin-top:auto;padding-top:4px;}
.dh-now{font-size:22px;font-weight:800;color:var(--dh-ink);letter-spacing:-.3px;font-variant-numeric:tabular-nums;}
.dh-now small{font-size:12px;font-weight:600;color:var(--dh-mute);margin-left:2px;letter-spacing:0;}
.dh-was{font-size:13px;color:var(--dh-mute);text-decoration:line-through;text-decoration-color:rgba(192,57,43,.7);font-variant-numeric:tabular-nums;}
.dh-save{display:flex;align-items:center;gap:8px;padding:8px 11px;border-radius:11px;background:rgba(30,142,90,.1);color:#146C43;font-size:12px;line-height:1.35;}
[data-theme="dark"] .dh-save{color:#6fe0ae;background:rgba(79,211,154,.1);}
.dh-save i{font-size:14px;flex:none;} .dh-save b{font-weight:800;}
.dh-actions{display:flex;gap:7px;padding:12px 16px 16px;}
.dh-btn-pri{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:8px;height:40px;padding:0 14px;border:0;border-radius:11px;background:var(--dh-navy);color:#fff;font:700 13px var(--font-body,Inter,sans-serif);cursor:pointer;transition:background .2s,transform .15s;white-space:nowrap;}
.dh-btn-pri:hover{background:#1F3A5F;transform:translateY(-1px);} .dh-btn-pri i{color:var(--dh-gold);}
[data-theme="dark"] .dh-btn-pri{background:var(--dh-gold);color:#162D4C;} [data-theme="dark"] .dh-btn-pri i{color:#162D4C;}
.dh-ib{width:40px;height:40px;flex:none;display:grid;place-items:center;border-radius:11px;border:1px solid var(--dh-line);background:var(--dh-card);color:var(--dh-ink);cursor:pointer;font-size:15px;transition:border-color .2s,color .2s,background .2s;}
.dh-ib:hover{border-color:var(--dh-gold);color:var(--dh-gold);} .dh-ib .fa-whatsapp{color:#25D366;}
.dh-fav.active{color:#d6455d;border-color:#d6455d;background:rgba(214,69,93,.08);}

/* ---------- COMPACT LIST ---------- */
.dh-list{display:flex;flex-direction:column;gap:10px;}
.dh-row{position:relative;display:grid;grid-template-columns:76px minmax(0,1fr) auto auto auto;align-items:center;gap:16px;padding:10px 14px 10px 10px;border-radius:14px;background:var(--dh-card);border:1px solid var(--dh-line);cursor:pointer;outline:none;transition:transform .2s,box-shadow .2s,border-color .2s;content-visibility:auto;contain-intrinsic-size:auto 96px;}
.dh-row:hover,.dh-row:focus-visible{transform:translateX(3px);border-color:var(--dh-gold);box-shadow:0 10px 26px rgba(22,45,76,.12);}
.dh-row.tier-steal{border-left:4px solid #46d38d;} .dh-row.is-feat{border-left:4px solid var(--dh-gold);}
.dh-rthumb{width:76px;height:64px;border-radius:11px;overflow:hidden;background:var(--dh-navy);} .dh-rthumb img{width:100%;height:100%;object-fit:cover;}
.dh-rthumb .dh-nophoto{font-size:22px;}
.dh-rmain{min-width:0;display:flex;flex-direction:column;gap:3px;}
.dh-rtitle{display:flex;align-items:center;gap:9px;} .dh-rtitle b{font-family:'Fraunces',Georgia,serif;font-size:17px;font-weight:600;color:var(--dh-ink);}
.dh-rstar{color:var(--dh-gold);font-size:11px;}
.dh-rloc{font-size:12.5px;color:var(--dh-mute);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.dh-row .dh-tags{margin-top:2px;} .dh-row .dh-tag{font-size:10.5px;padding:3px 8px;}
.dh-rprice{text-align:right;} .dh-rprice .dh-now{font-size:18px;}
.dh-rpct{display:flex;flex-direction:column;align-items:center;gap:5px;min-width:58px;}
.dh-rpct>b{font-size:17px;font-weight:900;color:var(--dh-green);} .dh-rpct>i{color:var(--dh-gold);font-size:17px;}
.dh-rscore{font-size:11px;font-weight:800;padding:2px 8px;border-radius:999px;background:var(--dh-soft);color:var(--dh-ink);}
.dh-rscore.tier-steal{background:rgba(70,211,141,.18);color:#146C43;} [data-theme="dark"] .dh-rscore.tier-steal{color:#6fe0ae;}
.dh-rscore.tier-hot{background:rgba(206,165,119,.22);color:#8C6A3F;} [data-theme="dark"] .dh-rscore.tier-hot{color:var(--dh-gold2);}
.dh-ractions{display:flex;gap:6px;} .dh-ractions .dh-ib{width:36px;height:36px;}

/* ---------- EMPTY ---------- */
.dh-empty{text-align:center;padding:70px 20px;border:1px dashed var(--dh-line);border-radius:var(--dh-r);color:var(--dh-mute);}
.dh-empty>i{font-size:34px;color:var(--dh-gold);margin-bottom:12px;display:block;}
.dh-empty h3{font-family:'Fraunces',Georgia,serif;font-size:21px;color:var(--dh-ink);margin-bottom:6px;}
.dh-empty .dh-btn-pri{display:inline-flex;margin-top:16px;flex:none;}

/* ---------- ENTRY MOTION (skipped when power saver / reduced motion) ---------- */
@keyframes dhRise{from{opacity:0;transform:translateY(14px);}to{opacity:1;transform:none;}}
.dh-pick,.dh-group,.dh-card,.dh-row{animation:dhRise .5s cubic-bezier(.2,.7,.2,1) both;}
.dh-pick:nth-child(2){animation-delay:.07s;} .dh-pick:nth-child(3){animation-delay:.14s;}
.dh-grid .dh-card:nth-child(n+7),.dh-list .dh-row:nth-child(n+9){animation:none;}
@media (prefers-reduced-motion:reduce){ .dh-pick,.dh-group,.dh-card,.dh-row,.dh-live{animation:none!important;} .dh-gbody,.dh-panel{transition:none;} }
html.bh-bg .dh-live,html.bh-bg .dh-pick,html.bh-bg .dh-group,html.bh-bg .dh-card{animation:none!important;}

/* ---------- RESPONSIVE ---------- */
@media (max-width:1080px){
  .dh-hero-in{grid-template-columns:1fr;gap:18px;padding:24px 18px 22px;}
  .dh-picks{grid-template-columns:1fr 1fr;} .dh-pick.rank-1{grid-column:1/-1;min-height:210px;}
  .dh-panel-in{grid-template-columns:1fr 1fr;} .dh-pgroup:first-child{grid-column:1/-1;}
  .hide-md{display:none!important;}
}
@media (max-width:760px){
  .dh-section{padding:14px 12px 70px;}
  .dh-stats{grid-template-columns:repeat(2,1fr);gap:8px;}
  .dh-stat{padding:11px 12px;}
  .dh-picks{display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;margin:0 -12px 16px;padding:2px 12px 8px;scrollbar-width:none;}
  .dh-picks::-webkit-scrollbar{display:none;}
  .dh-pick,.dh-pick.rank-1{flex:0 0 82%;min-height:190px;scroll-snap-align:center;}
  .dh-pick.rank-1 .dh-pick-title{font-size:23px;}
  .dh-layouts{padding:6px;} .dh-lbl span,.dh-lbl{font-size:0;gap:0;} .dh-lbl i{font-size:14px;padding:0 4px;}
  .dh-bar{flex-wrap:wrap;gap:8px;top:calc(var(--banner-h,0px) + var(--header-h,56px) + 4px);}
  .dh-search{flex:1 1 100%;order:1;} .dh-search kbd{display:none;}
  .dh-select{flex:1;order:2;} .dh-select select{max-width:none;width:100%;}
  .dh-views{order:3;} .dh-fbtn{order:4;} .dh-fbtn span{display:none;} .dh-fbtn{padding:0 12px;}
  .dh-panel-in{grid-template-columns:1fr;gap:16px;}
  .dh-summary{padding-top:14px;} .dh-sum-act{margin-left:0;width:100%;} .dh-sum-chips{flex:1 1 100%;}
  .hide-sm{display:none!important;}
  .dh-ghead{gap:12px;padding:14px;} .dh-gord{font-size:30px;min-width:40px;} .dh-gname h3{font-size:17px;} .dh-gs{min-width:54px;padding:6px 9px;}
  .dh-group.open .dh-ginner{padding:2px 12px 16px;}
  .dh-grid{grid-template-columns:1fr;gap:14px;}
  .dh-row{grid-template-columns:62px minmax(0,1fr) auto;gap:10px;padding:9px;} .dh-rthumb{width:62px;height:56px;}
  .dh-rpct{display:none;} .dh-ractions{grid-column:2/-1;} .dh-row .dh-tags{display:none;}
}
@media print{ .dh-bar,.dh-panel,.dh-actions,.dh-ractions,.dh-cmp{display:none!important;} .dh-gbody{grid-template-rows:1fr!important;} }

/* ---------- v159b: the offer itself (strip on cards / line in rows), Pearl badge ---------- */
.dh-offer{display:flex;align-items:flex-start;gap:10px;padding:9px 11px;border-radius:12px;background:linear-gradient(135deg,rgba(206,165,119,.2),rgba(206,165,119,.07));border:1px solid rgba(206,165,119,.55);color:var(--dh-ink);font-size:12.5px;line-height:1.4;}
.dh-offer-ic{flex:none;width:28px;height:28px;display:grid;place-items:center;border-radius:9px;background:var(--dh-gold);color:#162D4C;font-size:13px;}
.dh-offer-tx{min-width:0;} .dh-offer-tx small{display:block;font-size:9.5px;font-weight:800;letter-spacing:1.1px;text-transform:uppercase;color:#8C6A3F;margin-bottom:1px;}
[data-theme="dark"] .dh-offer-tx small{color:var(--dh-gold2);} .dh-offer-tx b{font-weight:800;}
.dh-offer.is-open{border-style:dashed;background:rgba(206,165,119,.08);}
.dh-roffer{font-size:12px;color:var(--dh-ink);display:flex;gap:7px;align-items:flex-start;line-height:1.35;} .dh-roffer i{color:var(--dh-gold);margin-top:2px;font-size:11px;flex:none;}
.dh-pct.is-gift{max-width:calc(100% - 82px);} .dh-pct.is-gift small{font-size:11px;line-height:1.15;white-space:normal;}
.dh-hotbadge{display:inline-flex;align-items:center;gap:5px;margin-left:10px;padding:3px 9px;border-radius:999px;vertical-align:middle;font:800 10px var(--font-body,Inter,sans-serif);letter-spacing:.8px;text-transform:uppercase;font-style:normal;background:linear-gradient(135deg,#E3C08F,#CEA577);color:#162D4C;}
.dh-group:first-of-type .dh-ghead{background:linear-gradient(90deg,rgba(206,165,119,.12),transparent 60%);}
@media (max-width:760px){ .dh-row .dh-roffer{display:flex;} .dh-hotbadge{display:none;} }

/* =========================================================
   v159c — COMMUNITY CARD: closed by default, rich + interactive header
   ========================================================= */
.dh-group{position:relative;margin-bottom:16px;border-radius:20px;}
.dh-group::before{content:"";position:absolute;left:0;top:14px;bottom:14px;width:4px;border-radius:0 4px 4px 0;background:var(--dh-line);transition:background .3s,top .3s,bottom .3s;z-index:2;}
.dh-group.rk0::before{background:linear-gradient(180deg,#E3C08F,#CEA577);} .dh-group.rk1::before{background:linear-gradient(180deg,#8aa4c6,#6483AA);} .dh-group.rk2::before{background:linear-gradient(180deg,#46d38d,#1E8E5A);}
.dh-group:hover::before,.dh-group.open::before{top:0;bottom:0;}
.dh-ghead{position:relative;display:flex;flex-direction:column;align-items:stretch;gap:14px;padding:18px 22px 16px;overflow:hidden;}
/* light sweep when the pointer arrives */
.dh-ghead::after{content:"";position:absolute;top:0;bottom:0;left:-40%;width:30%;transform:skewX(-20deg);background:linear-gradient(90deg,transparent,rgba(206,165,119,.22),transparent);transition:left .9s ease;pointer-events:none;}
.dh-group:hover .dh-ghead::after{left:130%;}
.gh-top{display:flex;align-items:center;gap:18px;}
.dh-gname .gh-sub{display:block;margin-top:5px;font-style:normal;font-size:12.5px;color:var(--dh-mute);}
.dh-gname h3{display:flex;align-items:center;flex-wrap:wrap;gap:4px 0;font-size:22px;}
.dh-gord{font-size:46px;}
/* photo fan */
.dh-fan{position:relative;flex:none;width:calc(54px + 26px * 3);height:56px;margin-left:auto;}
.dh-fan img{position:absolute;top:0;left:calc(var(--i) * 26px);width:54px;height:56px;object-fit:cover;border-radius:13px;border:2px solid var(--dh-card);box-shadow:0 4px 12px rgba(22,45,76,.22);transform:rotate(calc((var(--i) - 1.5) * 1.5deg));transition:transform .45s cubic-bezier(.2,.8,.2,1),left .45s cubic-bezier(.2,.8,.2,1);z-index:calc(10 - var(--i));background:var(--dh-navy);}
.dh-group:hover .dh-fan img,.dh-ghead:focus-visible .dh-fan img{left:calc(var(--i) * 40px);transform:translateY(-3px) rotate(calc((var(--i) - 1.5) * 4deg));}
.dh-group:hover .dh-fan{width:calc(54px + 40px * 3);}
/* call-to-action + chevron */
.dh-gcta{flex:none;display:inline-flex;align-items:center;gap:10px;}
.cta-t{font-size:12.5px;font-weight:800;letter-spacing:.3px;color:var(--dh-ink);padding:8px 14px;border-radius:999px;background:var(--dh-soft);border:1px solid var(--dh-line);transition:background .25s,color .25s,border-color .25s;white-space:nowrap;}
.cta-close{display:none;} .dh-group.open .cta-open{display:none;} .dh-group.open .cta-close{display:inline;}
.dh-group:hover .cta-t{background:var(--dh-gold);color:#162D4C;border-color:var(--dh-gold);}
.dh-gchev{width:40px;height:40px;background:var(--dh-navy);color:#fff;border-color:var(--dh-navy);}
[data-theme="dark"] .dh-gchev{background:var(--dh-gold);color:#162D4C;border-color:var(--dh-gold);}
.dh-group:not(.open) .dh-gchev i{animation:dhBounce 1.8s ease-in-out infinite;}
@keyframes dhBounce{0%,60%,100%{transform:translateY(0);}30%{transform:translateY(3px);}45%{transform:translateY(-1px);}}
.dh-group.open .dh-gchev{background:var(--dh-gold);color:#162D4C;border-color:var(--dh-gold);}
/* stats */
.gh-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;}
.gh-stats .dh-gs{align-items:flex-start;min-width:0;padding:10px 14px;border:1px solid var(--dh-line);background:var(--dh-soft);transition:transform .25s,border-color .25s;}
.gh-stats .dh-gs b{font-size:19px;font-family:'Fraunces',Georgia,serif;}
.gh-stats .dh-gs.hl{background:linear-gradient(145deg,rgba(206,165,119,.28),rgba(206,165,119,.08));border-color:rgba(206,165,119,.6);} .gh-stats .dh-gs.hl b{color:#8C6A3F;} [data-theme="dark"] .gh-stats .dh-gs.hl b{color:var(--dh-gold2);}
.dh-group:hover .gh-stats .dh-gs{transform:translateY(-2px);} .dh-group:hover .gh-stats .dh-gs:nth-child(2){transition-delay:.04s;} .dh-group:hover .gh-stats .dh-gs:nth-child(3){transition-delay:.08s;} .dh-group:hover .gh-stats .dh-gs:nth-child(4){transition-delay:.12s;}
/* layout mix bar */
.gh-mix{display:flex;align-items:center;gap:16px;}
.gh-bar{flex:1;min-width:120px;max-width:420px;height:10px;display:flex;gap:3px;}
.gh-bar .seg{display:block;height:100%;border-radius:6px;transform-origin:left;animation:dhGrow .7s cubic-bezier(.2,.8,.2,1) both;}
@keyframes dhGrow{from{transform:scaleX(0);opacity:0;}to{transform:scaleX(1);opacity:1;}}
.s0{background:#162D4C;} .s1{background:#CEA577;} .s2{background:#6483AA;} .s3{background:#DDBB94;} .s4{background:#8A94A3;}
[data-theme="dark"] .s0{background:#EAEEF3;}
.gh-leg{display:flex;flex-wrap:wrap;gap:4px 14px;font-size:12px;color:var(--dh-mute);}
.gh-leg .lg{display:inline-flex;align-items:center;gap:6px;} .gh-leg .lg b{color:var(--dh-ink);} .gh-leg .d{width:9px;height:9px;border-radius:3px;display:inline-block;}
.gh-perks{display:flex;flex-wrap:wrap;gap:7px;}
.pk{display:inline-flex;align-items:center;gap:6px;padding:5px 11px;border-radius:999px;font-size:11.5px;font-weight:700;}
.pk i{font-size:10.5px;}
.pk-free{background:rgba(30,142,90,.13);color:#146C43;} [data-theme="dark"] .pk-free{color:#6fe0ae;}
.pk-feat{background:rgba(206,165,119,.22);color:#8C6A3F;} [data-theme="dark"] .pk-feat{color:var(--dh-gold2);}
.pk-val{background:rgba(100,131,170,.16);color:#2E4F79;} [data-theme="dark"] .pk-val{color:#a9c3e6;}
.pk-hot{background:rgba(192,57,43,.12);color:#922B21;} [data-theme="dark"] .pk-hot{color:#ff9d92;}
/* peek: top 3 deals slide out under a closed community on hover / keyboard focus */
.dh-peek{display:grid;grid-template-rows:0fr;transition:grid-template-rows .35s ease;}
.dh-peek-in{overflow:hidden;min-height:0;display:flex;align-items:stretch;gap:10px;padding:0 22px;}
.dh-group:not(.open):hover .dh-peek,.dh-group:not(.open):focus-within .dh-peek{grid-template-rows:1fr;}
.dh-group:not(.open):hover .dh-peek-in,.dh-group:not(.open):focus-within .dh-peek-in{padding:2px 22px 18px;}
.pk-lbl{display:inline-flex;align-items:center;gap:7px;flex:none;align-self:center;font-size:10.5px;font-weight:800;letter-spacing:1px;text-transform:uppercase;color:var(--dh-mute);}
.pk-lbl i{color:var(--dh-gold);}
.pq{flex:1;min-width:0;display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:13px;border:1px solid var(--dh-line);background:var(--dh-soft);color:var(--dh-ink);cursor:pointer;text-align:left;font:inherit;transform:translateY(8px);opacity:0;transition:transform .35s cubic-bezier(.2,.8,.2,1),opacity .35s,border-color .2s,background .2s;}
.dh-group:not(.open):hover .pq,.dh-group:not(.open):focus-within .pq{transform:none;opacity:1;}
.dh-group:hover .pq:nth-of-type(2){transition-delay:.06s,.06s,0s,0s;} .dh-group:hover .pq:nth-of-type(3){transition-delay:.12s,.12s,0s,0s;}
.pq:hover{border-color:var(--dh-gold);background:var(--dh-card);}
.pq-t{flex:1;min-width:0;display:flex;flex-direction:column;} .pq-t b{font-size:13px;} .pq-t em{font-style:normal;font-size:11.5px;color:var(--dh-mute);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.pq-p{font-weight:800;font-size:14px;font-variant-numeric:tabular-nums;} .pq-p small{font-size:9.5px;color:var(--dh-mute);margin-left:3px;}
.pq-o{flex:none;min-width:42px;text-align:center;padding:4px 8px;border-radius:9px;background:var(--dh-gold);color:#162D4C;font-weight:900;font-size:12.5px;} .pq-o.is-gift{background:rgba(206,165,119,.28);color:#8C6A3F;}
/* open state */
.dh-group.open .dh-peek{grid-template-rows:0fr!important;}
.dh-group.open .dh-ghead{background:linear-gradient(180deg,rgba(206,165,119,.1),transparent);border-bottom:1px solid var(--dh-line);}
.dh-group.open .dh-fan img{left:calc(var(--i) * 26px);transform:rotate(calc((var(--i) - 1.5) * 1.5deg));}
.dh-group.open .gh-bar .seg{animation:none;}
.dh-group:first-of-type .dh-ghead{background:none;}
.dh-group.open:first-of-type .dh-ghead{background:linear-gradient(180deg,rgba(206,165,119,.1),transparent);}
/* touch devices have no hover: show a one-line teaser instead of the peek */
@media (hover:none){
  .dh-group:not(.open) .dh-peek{grid-template-rows:1fr;} .dh-group:not(.open) .dh-peek-in{padding:0 22px 16px;overflow-x:auto;scrollbar-width:none;} .dh-peek-in::-webkit-scrollbar{display:none;}
  .dh-group:not(.open) .pq{opacity:1;transform:none;flex:0 0 74%;} .pk-lbl{display:none;}
}
@media (max-width:1080px){ .gh-stats{grid-template-columns:repeat(2,1fr);} .dh-fan{display:none;} }
@media (max-width:760px){
  .dh-ghead{padding:14px 14px 12px;gap:12px;} .gh-top{gap:12px;} .dh-gord{font-size:32px;min-width:42px;} .dh-gname h3{font-size:18px;}
  .cta-t{display:none!important;} .dh-gchev{width:38px;height:38px;}
  .gh-stats{gap:8px;} .gh-stats .dh-gs{padding:8px 11px;} .gh-stats .dh-gs b{font-size:16px;}
  .gh-mix{flex-direction:column;align-items:stretch;gap:8px;} .gh-bar{max-width:none;}
  .dh-peek-in{padding:0 14px!important;} .dh-group:not(.open) .dh-peek-in{padding:0 14px 14px!important;}
}
@media (prefers-reduced-motion:reduce){ .dh-group:not(.open) .dh-gchev i,.gh-bar .seg{animation:none!important;} .dh-ghead::after{display:none;} }
html.bh-bg .dh-group .dh-gchev i,html.bh-bg .gh-bar .seg{animation:none!important;}

/* =========================================================
   v159c — COMPACT HEADER (2026-10-03)
   Slim command strip + one-row "Top picks" spotlight. Replaces the ~370px hero and the 3 x 190px photo cards
   (≈ 560px of fold) with ≈ 150px. Same tokens, light + dark, RTL-safe (logical properties), motion-safe.
   ========================================================= */
.dh-slim{border-bottom:0;}
.dh-slim::before{opacity:.4;background:radial-gradient(420px 140px at 92% -40%,rgba(206,165,119,.30),transparent 70%),repeating-linear-gradient(115deg,rgba(255,255,255,.03) 0 1px,transparent 1px 22px);}
.dh-slim-in{position:relative;max-width:1280px;margin:0 auto;padding:12px 24px;display:flex;align-items:center;gap:20px;min-height:68px;}
.dh-slim-title{display:flex;align-items:center;gap:12px;flex:none;}
.dh-slim-title .dh-kicker{margin:0 0 1px;font-size:9.5px;letter-spacing:1.8px;line-height:1;}
.dh-slim .dh-hero h1,.dh-slim h1{font-size:clamp(22px,2.4vw,28px);line-height:1;letter-spacing:-.3px;}
.dh-slim-sub{margin:0;flex:1 1 0;min-width:0;max-width:34ch;font-size:12px;line-height:1.4;color:rgba(255,255,255,.62);padding-inline-start:18px;border-inline-start:1px solid rgba(255,255,255,.14);}
.dh-slim-stats{display:flex;align-items:stretch;gap:8px;margin-inline-start:auto;}
.dh-sst{position:relative;display:flex;align-items:baseline;gap:6px;padding:8px 12px;border-radius:12px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.12);white-space:nowrap;transition:background .25s,transform .25s,border-color .25s;animation:dhChip .45s cubic-bezier(.2,.7,.2,1) both;animation-delay:calc(var(--k,0)*60ms);}
.dh-sst:nth-child(1){--k:1}.dh-sst:nth-child(2){--k:2}.dh-sst:nth-child(3){--k:3}.dh-sst:nth-child(4){--k:4}.dh-sst:nth-child(5){--k:5}
.dh-sst:hover{background:rgba(255,255,255,.12);transform:translateY(-1px);}
.dh-sst i{align-self:center;font-size:11px;color:var(--dh-gold);opacity:.9;}
.dh-sst b{font-family:'Fraunces',Georgia,serif;font-weight:600;font-size:18px;line-height:1;color:#fff;font-variant-numeric:tabular-nums;}
.dh-sst span{font-size:10px;letter-spacing:.8px;text-transform:uppercase;color:rgba(255,255,255,.6);}
.dh-sst.hi{background:linear-gradient(145deg,rgba(206,165,119,.34),rgba(206,165,119,.12));border-color:rgba(206,165,119,.6);}
.dh-sst.hi b{color:var(--dh-gold2);}
.dh-sst.sav{border-color:rgba(70,211,141,.4);} .dh-sst.sav i{color:#46d38d;}
@keyframes dhChip{from{opacity:0;transform:translateY(-6px) scale(.97);}to{opacity:1;transform:none;}}
.dh-slim::after{height:2px;background:linear-gradient(90deg,transparent,var(--dh-gold) 30%,var(--dh-gold) 70%,transparent);background-size:200% 100%;animation:dhSweep 6s linear infinite;}
@keyframes dhSweep{from{background-position:200% 0;}to{background-position:-200% 0;}}

.dh-section{padding-top:14px;}

/* ---------- SPOTLIGHT (top picks, one row) ---------- */
.dh-sps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:12px;}
.dh-sp{position:relative;display:grid;grid-template-columns:auto minmax(0,1fr) auto auto;align-items:center;gap:12px;padding:8px 12px 8px 8px;min-height:74px;border-radius:14px;background:var(--dh-card);border:1px solid var(--dh-line);color:var(--dh-ink);cursor:pointer;outline:none;overflow:hidden;box-shadow:0 2px 10px rgba(22,45,76,.06);transition:transform .22s,box-shadow .22s,border-color .22s;animation:dhRise .5s cubic-bezier(.2,.7,.2,1) both;animation-delay:calc(var(--i,0)*70ms + 120ms);}
.dh-sp:hover,.dh-sp:focus-visible{transform:translateY(-2px);border-color:var(--dh-gold);box-shadow:0 12px 26px rgba(22,45,76,.16);}
.dh-sp:focus-visible{box-shadow:0 0 0 3px var(--dh-gold);}
.dh-sp.rank-1{border-color:rgba(206,165,119,.75);background:linear-gradient(135deg,rgba(206,165,119,.16),transparent 55%),var(--dh-card);}
.dh-sp.rank-1::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(105deg,transparent 40%,rgba(255,255,255,.45) 50%,transparent 60%);transform:translateX(-120%);animation:dhShine 4.5s ease-in-out 1s infinite;}
@keyframes dhShine{0%,55%{transform:translateX(-120%);}100%{transform:translateX(120%);}}
[data-theme="dark"] .dh-sp.rank-1::after{background:linear-gradient(105deg,transparent 40%,rgba(255,255,255,.12) 50%,transparent 60%);}
.dh-sp-thumb{position:relative;width:58px;height:58px;border-radius:10px;overflow:hidden;background:var(--dh-navy);flex:none;}
.dh-sp-thumb img{width:100%;height:100%;object-fit:cover;transition:transform .5s;}
.dh-sp:hover .dh-sp-thumb img{transform:scale(1.1);}
.dh-sp-thumb .dh-nophoto{width:100%;height:100%;display:grid;place-items:center;color:rgba(255,255,255,.6);}
.dh-sp-rank{position:absolute;inset-block-start:4px;inset-inline-start:4px;width:20px;height:20px;border-radius:50%;display:grid;place-items:center;font-size:10px;font-weight:800;background:rgba(15,31,53,.85);color:var(--dh-gold2);border:1px solid rgba(206,165,119,.6);}
.dh-sp.rank-1 .dh-sp-rank{background:linear-gradient(135deg,#E3C08F,#CEA577);color:#162D4C;border-color:transparent;}
.dh-sp-main{min-width:0;}
.dh-sp-lbl{font-size:9.5px;font-weight:800;letter-spacing:1.1px;text-transform:uppercase;color:#8C6A3F;line-height:1;}
[data-theme="dark"] .dh-sp-lbl{color:var(--dh-gold2);}
.dh-sp-title{margin-top:3px;font-family:'Fraunces',Georgia,serif;font-size:17px;font-weight:600;line-height:1.15;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.dh-sp-loc{margin-top:2px;font-size:11.5px;color:var(--dh-mute);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.dh-sp-price{text-align:end;line-height:1.1;}
.dh-sp-price b{display:block;font-size:16px;font-weight:800;font-variant-numeric:tabular-nums;}
.dh-sp-price small{font-size:10px;color:var(--dh-mute);letter-spacing:.3px;}
.dh-sp-side{display:flex;flex-direction:column;align-items:center;gap:4px;}
.dh-sp-pct{padding:3px 8px;border-radius:8px;background:var(--dh-gold);color:#162D4C;font-weight:900;font-size:13px;line-height:1.2;}
.dh-sp-pct.is-gift{font-size:12px;}
.dh-score.sm{width:30px;height:30px;box-shadow:none;background:var(--dh-soft);}
.dh-score.sm svg{inset:2px;width:calc(100% - 4px);height:calc(100% - 4px);}
.dh-score.sm b{font-size:10px;color:var(--dh-ink);}
.dh-score.sm .dh-r-track{stroke:rgba(127,140,160,.25);}
.dh-r-fill{animation:dhRing 1s cubic-bezier(.2,.7,.2,1) .25s both;}
@keyframes dhRing{from{stroke-dashoffset:var(--s,0);}to{stroke-dashoffset:0;}}

/* ---------- RESPONSIVE: tablet + phone share one swipe rail ---------- */
@media (max-width:1180px){
  .dh-slim-sub{display:none;}
  .dh-sps{display:flex;gap:10px;overflow-x:auto;scroll-snap-type:x mandatory;margin-inline:-12px;padding:2px 12px 6px;scrollbar-width:none;-webkit-overflow-scrolling:touch;}
  .dh-sps::-webkit-scrollbar{display:none;}
  .dh-sp{flex:0 0 min(340px,82%);scroll-snap-align:center;}
}
@media (max-width:860px){
  .dh-slim-in{flex-wrap:wrap;gap:10px;padding:10px 14px 12px;min-height:0;}
  .dh-slim-title{flex:1 1 100%;}
  .dh-slim-stats{margin:0;padding:0 0 2px;flex:1 1 100%;min-width:0;overflow-x:auto;scrollbar-width:none;scroll-snap-type:x proximity;}
  .dh-slim-stats::-webkit-scrollbar{display:none;}
  .dh-sst{flex:none;scroll-snap-align:start;padding:7px 11px;}
  .dh-sst b{font-size:16px;}
  .dh-section{padding:10px 12px 70px;}
}
@media (max-width:420px){ .dh-sp{grid-template-columns:auto minmax(0,1fr) auto;} .dh-sp-price{display:none;} }

/* motion-safe */
@media (prefers-reduced-motion:reduce){ .dh-sp,.dh-sst,.dh-r-fill,.dh-sp.rank-1::after,.dh-slim::after{animation:none!important;} }
html.bh-bg .dh-sp,html.bh-bg .dh-sst,html.bh-bg .dh-r-fill,html.bh-bg .dh-sp.rank-1::after,html.bh-bg .dh-slim::after{animation:none!important;}

/* ---------- v159d: results summary on ONE line (count · active filters · share/copy · expand/collapse) ---------- */
.dh-summary{flex-wrap:nowrap;gap:12px;padding:10px 4px 10px;min-height:40px;}
.dh-sum-main{flex:none;white-space:nowrap;}
.dh-sum-chips{flex:1 1 auto;min-width:0;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;}
.dh-sum-chips::-webkit-scrollbar{display:none;} .dh-sum-chips>*{flex:none;}
.dh-sum-chips:empty{display:block;}
.dh-sum-act{flex:none;margin-inline-start:auto;margin-left:0;display:flex;align-items:center;gap:14px;white-space:nowrap;}
.dh-sep{width:1px;height:16px;background:var(--dh-line);}
.dh-link.dh-ico span{display:inline;}
@media (max-width:760px){
  .dh-summary{padding:8px 2px;gap:8px;}
  .dh-sum-act{width:auto;margin-left:0;gap:6px;}
  .dh-sum-chips{flex:1 1 0;}
  .dh-link.dh-ico{width:34px;height:34px;justify-content:center;padding:0;border-radius:10px;background:var(--dh-soft);text-decoration:none;}
  .dh-link.dh-ico span{display:none;}
  .dh-sep{display:none;}
}
@media (max-width:420px){ .dh-sum-main span{display:none;} }