/* =====================================================================
DAVID'S HARP — Master Stylesheet
Palette: Pearl White + Champagne Gold + Black
Type: Cormorant Garamond (serif) + Manrope (sans)
===================================================================== */
:root {
/* Pearl whites */
--dh-pearl: #FFFDF8;
--dh-pearl-2: #FBF7F0;
--dh-pearl-3: #F7F1E8;
/* Warm neutrals */
--dh-cream: #EFE5D7;
--dh-cream-2: #E7DCCB;
--dh-sand: #DCCDB8;
--dh-taupe: #A9967E;
/* Champagne gold */
--dh-gold: #C89A45;
--dh-gold-light: #D4A95C;
--dh-gold-deep: #B9822A;
--dh-gold-soft: #DDB66A;
/* Black / ink */
--dh-ink: #171513;
--dh-black: #111111;
--dh-ink-soft: #4a423a;
--dh-serif: "Cormorant Garamond", Georgia, "Times New Roman", serif;
--dh-sans: "Manrope", system-ui, -apple-system, "Segoe UI", sans-serif;
--dh-radius: 18px;
--dh-radius-lg: 26px;
--dh-shadow-soft: 0 10px 30px rgba(110,75,30,.10);
--dh-shadow-card: 0 14px 40px rgba(110,75,30,.12);
--dh-container: 1440px;
--dh-gold-gradient: linear-gradient(135deg,#e7c789 0%,#c89a45 45%,#b9822a 100%);
}
* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
margin: 0;
font-family: var(--dh-sans);
color: var(--dh-ink);
background: var(--dh-pearl);
-webkit-font-smoothing: antialiased;
line-height: 1.6;
overflow-x: clip; /* clip (not hidden) so position:sticky header keeps working */
}
/* Sticky header wrapper — parent is so it sticks through the whole page */
#dh-header { position: sticky; top: 0; z-index: 60; }
img { max-width: 100%; display: block; }
a { color: inherit; text-decoration: none; }
button { font-family: inherit; cursor: pointer; }
h1,h2,h3,h4 { font-family: var(--dh-serif); font-weight: 600; line-height: 1.05; margin: 0; letter-spacing: .01em; }
.dh-container { width: min(92%, var(--dh-container)); margin-inline: auto; }
.dh-narrow { width: min(92%, 900px); margin-inline: auto; }
.gold { color: var(--dh-gold-deep); }
.eyebrow {
font-family: var(--dh-sans);
text-transform: uppercase;
letter-spacing: .34em;
font-size: .78rem;
font-weight: 600;
color: var(--dh-gold-deep);
display: inline-block;
}
/* Ornamental gold divider (·—◇—·) */
.dh-flourish { display:flex; align-items:center; justify-content:center; gap:.5rem; margin:.7rem 0 1.4rem; }
.dh-flourish::before, .dh-flourish::after {
content:""; height:1px; width:60px;
background:linear-gradient(90deg,transparent,var(--dh-gold));
}
.dh-flourish::after { background:linear-gradient(90deg,var(--dh-gold),transparent); }
.dh-flourish span { color:var(--dh-gold); font-size:.7rem; letter-spacing:.2em; }
/* ------------------------------------------------------------------ */
/* 3D ICON SYSTEM */
/* ------------------------------------------------------------------ */
.dh-icon-3d {
color: var(--dh-gold);
filter:
drop-shadow(0 1px 0 rgba(255,255,255,.9))
drop-shadow(0 2px 2px rgba(100,70,25,.18));
}
.dh-icon-btn {
width: 46px; height: 46px; border-radius: 50%;
display: grid; place-items: center;
background: radial-gradient(120% 120% at 30% 25%, #ffffff 0%, #f4ead9 55%, #e6d4ba 100%);
border: 1px solid rgba(200,154,69,.6);
box-shadow:
inset 0 1.5px 1px rgba(255,255,255,1),
inset 0 -2px 3px rgba(150,110,45,.22),
0 4px 10px rgba(100,70,30,.18);
color: var(--dh-gold-deep);
transition: transform .18s ease, box-shadow .18s ease;
position: relative;
}
.dh-icon-btn:hover { transform: translateY(-2px); box-shadow: inset 0 1.5px 1px rgba(255,255,255,1), inset 0 -2px 3px rgba(150,110,45,.22), 0 8px 18px rgba(100,70,30,.26); }
.dh-icon-btn:active { transform: translateY(0); box-shadow: inset 0 2px 4px rgba(150,110,45,.3), 0 2px 5px rgba(100,70,30,.18); }
.dh-icon-btn svg { width: 21px; height: 21px; filter: drop-shadow(0 1px 0 rgba(255,255,255,.9)) drop-shadow(0 1px 1px rgba(120,80,25,.35)); }
/* Shared 3D treatment for all circular gold icon holders */
.dh-feature .ico, .dh-longevity-card .ico, .dh-note .ico, .dh-social a {
background: radial-gradient(120% 120% at 30% 25%, #ffffff 0%, #f4ead9 55%, #e6d4ba 100%) !important;
border: 1px solid rgba(200,154,69,.6) !important;
box-shadow:
inset 0 1.5px 1px rgba(255,255,255,1),
inset 0 -2px 3px rgba(150,110,45,.22),
0 4px 10px rgba(100,70,30,.16) !important;
}
.dh-feature .ico svg, .dh-longevity-card .ico svg, .dh-note .ico svg, .dh-social a svg,
.dh-assurance svg, .dh-mood-card .ico svg, .dh-trust-item svg {
filter: drop-shadow(0 1px 0 rgba(255,255,255,.9)) drop-shadow(0 1px 1px rgba(120,80,25,.3));
}
/* Exact supplied gold brand icons (raster-in-SVG) */
.dh-img-icon { display:inline-block; object-fit:contain; vertical-align:middle;
filter:drop-shadow(0 1px 0 rgba(255,255,255,.7)) drop-shadow(0 2px 3px rgba(120,80,25,.22)); }
.dh-trust-item .dh-img-icon { width:42px; height:38px; flex:none; }
.dh-feature .ico .dh-img-icon { width:30px; height:30px; }
.dh-longevity-card .ico .dh-img-icon { width:32px; height:32px; }
.dh-icon-btn .badge {
position:absolute; top:-4px; right:-4px;
min-width:19px; height:19px; padding:0 5px;
background:var(--dh-gold-gradient); color:#fff;
font-family:var(--dh-sans); font-size:.68rem; font-weight:700;
border-radius:999px; display:grid; place-items:center;
box-shadow:0 2px 5px rgba(110,75,25,.35);
}
/* ------------------------------------------------------------------ */
/* 3D BUTTON SYSTEM */
/* ------------------------------------------------------------------ */
.dh-btn, .dh-btn-gold {
display:inline-flex; align-items:center; justify-content:center; gap:.6rem;
font-family:var(--dh-sans); font-weight:600; font-size:.82rem;
letter-spacing:.14em; text-transform:uppercase;
padding:.95rem 2.1rem; border-radius:999px; cursor:pointer;
transition:transform .18s ease, box-shadow .18s ease, filter .18s ease;
}
.dh-btn {
color:#3a2c14;
background:linear-gradient(180deg, rgba(255,255,255,.85) 0%, rgba(255,250,242,.6) 100%);
backdrop-filter:blur(12px); -webkit-backdrop-filter:blur(12px);
border:1.5px solid rgba(212,169,92,.9);
box-shadow:
inset 0 2px 3px rgba(255,255,255,1),
inset 0 -3px 6px rgba(200,154,69,.32),
0 0 0 1px rgba(255,241,206,.6),
0 0 20px rgba(212,169,92,.4),
0 8px 20px rgba(110,75,30,.16);
}
.dh-btn:hover { transform:translateY(-2px); box-shadow:inset 0 2px 3px rgba(255,255,255,1), inset 0 -3px 6px rgba(200,154,69,.32), 0 0 0 1px rgba(255,241,206,.7), 0 0 30px rgba(212,169,92,.6), 0 12px 26px rgba(110,75,30,.22); }
.dh-btn:active { transform:translateY(0); box-shadow:inset 0 2px 5px rgba(150,110,45,.3), 0 2px 6px rgba(110,75,25,.18); }
.dh-btn-gold {
color:#fff; text-shadow:0 1px 1px rgba(120,80,20,.35);
background:linear-gradient(145deg,#e7c886 0%,#c89a45 50%,#a9741f 100%);
border:1px solid #e0bd76;
box-shadow:
inset 0 1px 0 rgba(255,255,255,.5),
inset 0 -2px 4px rgba(120,80,20,.45),
0 5px 14px rgba(110,75,25,.30),
0 1px 0 rgba(90,60,15,.4);
}
.dh-btn-gold:hover { transform:translateY(-2px); box-shadow:inset 0 1px 0 rgba(255,255,255,.55), inset 0 -2px 4px rgba(120,80,20,.45), 0 11px 24px rgba(110,75,25,.40), 0 1px 0 rgba(90,60,15,.4); }
.dh-btn-gold:active { transform:translateY(0); box-shadow:inset 0 2px 5px rgba(120,80,20,.55), 0 3px 7px rgba(110,75,25,.28); }
.dh-btn svg, .dh-btn-gold svg { width:16px; height:16px; filter:drop-shadow(0 1px 0 rgba(255,255,255,.4)); }
.dh-btn.full, .dh-btn-gold.full { width:100%; }
/* ------------------------------------------------------------------ */
/* HEADER */
/* ------------------------------------------------------------------ */
.dh-header {
position:sticky; top:0; z-index:50;
background:linear-gradient(180deg, rgba(251,247,240,.96), rgba(247,241,232,.9));
backdrop-filter:blur(10px);
border-bottom:1px solid rgba(200,154,69,.22);
}
.dh-header-inner {
display:flex; align-items:center; justify-content:space-between;
gap:1.2rem; padding:.85rem 0; width:min(94%,var(--dh-container)); margin-inline:auto;
}
.dh-logo {
font-family:var(--dh-serif); font-weight:700;
font-size:1.9rem; letter-spacing:.02em;
color:var(--dh-gold-deep);
text-shadow:0 1px 0 rgba(255,255,255,.8), 0 2px 3px rgba(110,75,25,.18);
white-space:nowrap; display:inline-flex; align-items:center;
}
.dh-logo small { font-size:.55em; }
/* Exact 3D gold wordmark logo image */
.dh-logo-img { height:44px; width:auto; display:block; filter:drop-shadow(0 2px 3px rgba(110,75,25,.25)); }
@media (max-width:600px){ .dh-logo-img { height:32px; } }
/* center glass pill — glowing gold glass capsule (reference match) */
.dh-nav-glass {
display:flex; align-items:center; gap:.4rem;
background:linear-gradient(180deg, rgba(255,255,255,.82) 0%, rgba(255,250,242,.55) 100%);
backdrop-filter:blur(20px); -webkit-backdrop-filter:blur(20px);
border:1.5px solid rgba(212,169,92,.9);
box-shadow:
inset 0 2px 3px rgba(255,255,255,1),
inset 0 -3px 6px rgba(200,154,69,.35),
0 0 0 1px rgba(255,241,206,.7),
0 0 26px rgba(212,169,92,.5),
0 10px 26px rgba(110,75,30,.2);
border-radius:999px; padding:.55rem .85rem;
}
.dh-nav-glass a {
position:relative;
font-family:var(--dh-sans); font-weight:600; font-size:.82rem;
letter-spacing:.13em; text-transform:uppercase; color:var(--dh-ink);
padding:.5rem 1.15rem; border-radius:999px; transition:color .18s ease;
}
.dh-nav-glass a::after {
content:""; position:absolute; left:1.15rem; right:1.15rem; bottom:.28rem; height:2px;
background:var(--dh-gold-gradient); border-radius:2px; transform:scaleX(0); transform-origin:center;
transition:transform .22s ease;
}
.dh-nav-glass a:hover { color:var(--dh-gold-deep); }
.dh-nav-glass a.active { color:var(--dh-gold-deep); }
.dh-nav-glass a.active::after, .dh-nav-glass a:hover::after { transform:scaleX(1); }
.dh-nav-sep { width:1px; height:16px; background:rgba(200,154,69,.4); }
.dh-header-actions { display:flex; align-items:center; gap:1rem; }
.dh-burger { display:none; }
/* Header utility icons: bare polished-gold 3D (no circle) — reference match */
.dh-header-actions .dh-icon-btn {
width:34px; height:34px; background:none; border:none; box-shadow:none;
color:var(--dh-gold-deep);
}
.dh-header-actions .dh-icon-btn:hover { transform:translateY(-2px); box-shadow:none; }
.dh-header-actions .dh-icon-btn:active { transform:translateY(0); box-shadow:none; }
.dh-header-actions .dh-icon-btn svg {
width:26px; height:26px;
filter:drop-shadow(0 1px 0 rgba(255,255,255,.85)) drop-shadow(0 2px 2px rgba(120,80,25,.4));
}
.dh-header-actions .dh-icon-btn .badge { top:-6px; right:-8px; }
/* mobile drawer */
.dh-drawer {
position:fixed; inset:0; z-index:60; background:rgba(23,21,19,.35);
opacity:0; visibility:hidden; transition:opacity .25s ease;
}
.dh-drawer.open { opacity:1; visibility:visible; }
.dh-drawer-panel {
position:absolute; top:0; right:0; height:100%; width:min(80%,320px);
background:var(--dh-pearl); box-shadow:-10px 0 40px rgba(110,75,25,.2);
padding:1.5rem 1.4rem; transform:translateX(100%); transition:transform .28s ease;
display:flex; flex-direction:column; gap:.4rem;
}
.dh-drawer.open .dh-drawer-panel { transform:translateX(0); }
.dh-drawer-panel a {
font-family:var(--dh-sans); font-weight:600; letter-spacing:.12em; text-transform:uppercase;
font-size:.9rem; padding:.9rem .4rem; border-bottom:1px solid rgba(200,154,69,.2);
}
.dh-drawer-close { align-self:flex-end; background:none; border:none; color:var(--dh-gold-deep); }
.dh-drawer-close svg { width:26px; height:26px; }
/* ------------------------------------------------------------------ */
/* HERO (section 1) */
/* ------------------------------------------------------------------ */
.dh-hero {
position:relative;
background:
linear-gradient(90deg, rgba(251,247,240,.97) 0%, rgba(251,247,240,.82) 30%, rgba(251,247,240,.35) 52%, rgba(251,247,240,0) 72%),
url("../img/campaign/scene-hero.webp") center right/cover no-repeat;
overflow:hidden;
}
/* Subtle campaign-image section backgrounds (pearl overlay keeps text readable) */
.dh-bg { position:relative; background-size:cover; background-position:center; }
.dh-bg::before { content:""; position:absolute; inset:0; background:rgba(251,247,240,.88); pointer-events:none; z-index:0; }
.dh-section.alt.dh-bg::before { background:rgba(247,241,232,.9); }
.dh-bg > * { position:relative; z-index:1; }
/* Bottle-in-scene sections: bottle sits on the right of the bg, text on the left */
.dh-scene { position:relative; background-size:cover; background-position:center right; overflow:hidden; }
.dh-scene::before { content:""; position:absolute; inset:0; z-index:0; pointer-events:none;
background:linear-gradient(90deg, rgba(251,247,240,.96) 0%, rgba(251,247,240,.8) 36%, rgba(251,247,240,.2) 60%, rgba(251,247,240,0) 82%); }
.dh-section.alt.dh-scene::before {
background:linear-gradient(90deg, rgba(247,241,232,.97) 0%, rgba(247,241,232,.82) 36%, rgba(247,241,232,.22) 60%, rgba(247,241,232,0) 82%); }
.dh-scene > * { position:relative; z-index:1; }
.dh-scene .dh-split { min-height:520px; align-items:center; }
@media (max-width:900px){
.dh-scene { background-position:center; }
.dh-scene::before { background:rgba(251,247,240,.9); }
.dh-section.alt.dh-scene::before { background:rgba(247,241,232,.92); }
.dh-scene .dh-split { min-height:0; }
}
/* Pearl-satin section background (silk visible behind cards, reference match) */
.dh-satin { position:relative; background-size:cover; background-position:center; }
.dh-satin::before { content:""; position:absolute; inset:0; z-index:0; pointer-events:none;
background:linear-gradient(180deg, rgba(251,247,240,.32), rgba(247,241,232,.48)); }
.dh-satin > * { position:relative; z-index:1; }
/* Mood card product image */
.dh-mood-card .mood-img { border-radius:16px; overflow:hidden; margin-bottom:1.2rem; aspect-ratio:4/5; background:#f7f1e8; }
.dh-mood-card .mood-img img { width:100%; height:100%; object-fit:cover; }
.dh-hero-inner {
position:relative; display:block; max-width:none;
width:min(92%,var(--dh-container)); margin-inline:auto; padding:5rem 0 4.5rem; min-height:560px;
}
.dh-hero-inner > div { max-width:600px; }
.dh-hero h1 { font-size:clamp(2.6rem,5vw,4.4rem); font-weight:600; }
.dh-hero .sub { max-width:34ch; color:var(--dh-ink-soft); margin:1.4rem 0 2rem; }
.dh-hero-price { margin-top:2rem; }
.dh-hero-price .label { font-size:.72rem; letter-spacing:.28em; color:var(--dh-gold-deep); text-transform:uppercase; }
.dh-hero-price .amt { font-family:var(--dh-serif); font-size:2.6rem; color:var(--dh-gold-deep); line-height:1; }
.dh-hero-visual {
position:relative; border-radius:var(--dh-radius-lg); overflow:hidden;
background:linear-gradient(160deg,#171513,#241f18);
box-shadow:var(--dh-shadow-card);
aspect-ratio: 5/4;
}
.dh-hero-visual img { width:100%; height:100%; object-fit:contain; padding:1.5rem; }
/* trust strip */
.dh-trust {
background:linear-gradient(180deg,#f7f1e8,#efe5d7);
border-top:1px solid rgba(200,154,69,.25); border-bottom:1px solid rgba(200,154,69,.25);
}
/* Trust / feature bands attached inside sections (over scene/silk, reference match) */
#collectionTrust, #whyBar, #artBar, #moodBar { margin-top:1.5rem; }
.dh-footer-features { margin-bottom:2.6rem; }
#collectionTrust .dh-trust, #whyBar .dh-trust, #artBar .dh-trust, #moodBar .dh-trust, .dh-footer-features .dh-trust {
background:linear-gradient(180deg, rgba(255,253,248,.72), rgba(247,241,232,.55));
backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px);
border:1px solid rgba(200,154,69,.4);
border-radius:22px; width:min(94%, var(--dh-container)); margin:0 auto;
}
#collectionTrust .dh-trust-inner, #whyBar .dh-trust-inner, #artBar .dh-trust-inner, #moodBar .dh-trust-inner, .dh-footer-features .dh-trust-inner { width:100%; padding:0 1rem; }
#whyBar .dh-trust-item p, #artBar .dh-trust-item p, #moodBar .dh-trust-item p { font-size:.8rem; }
/* Hero DH monogram (supplied 3D gold emblem) */
.dh-hero-mono { height:76px; width:auto; display:block; margin-bottom:.6rem;
filter:drop-shadow(0 2px 4px rgba(110,75,25,.25)); }
@media (max-width:600px){ .dh-hero-mono { height:56px; } }
/* Footer brand emblem */
.dh-footer-brand { display:inline-block; }
.dh-footer-mono { height:82px; width:auto; display:block;
filter:drop-shadow(0 2px 4px rgba(110,75,25,.22)); }
.dh-trust-inner {
display:grid; grid-template-columns:repeat(4,1fr);
width:min(92%,var(--dh-container)); margin-inline:auto;
}
.dh-trust-item { display:flex; align-items:center; gap:.9rem; padding:1.4rem 1.2rem; }
.dh-trust-item + .dh-trust-item { border-left:1px solid rgba(200,154,69,.25); }
.dh-trust-item svg { width:34px; height:34px; flex:none; }
.dh-trust-item h4 { font-family:var(--dh-sans); font-size:.82rem; font-weight:700; letter-spacing:.08em; text-transform:uppercase; }
.dh-trust-item p { margin:.15rem 0 0; font-size:.82rem; color:var(--dh-ink-soft); }
/* ------------------------------------------------------------------ */
/* SECTIONS */
/* ------------------------------------------------------------------ */
.dh-section { padding:4.5rem 0; }
.dh-section.alt { background:linear-gradient(180deg,#fbf7f0,#f7f1e8); }
.dh-section-head { text-align:center; max-width:720px; margin:0 auto 2.6rem; }
.dh-section-head h2 { font-size:clamp(2rem,4vw,3.2rem); }
.dh-section-head p { color:var(--dh-ink-soft); margin:.4rem 0 0; }
/* collection grid */
.dh-collection-grid {
display:grid; grid-template-columns:repeat(6,1fr); gap:1rem;
}
.dh-product-card {
background:linear-gradient(160deg,rgba(255,255,255,.95),rgba(247,241,232,.9));
border:1px solid rgba(200,154,69,.28); border-radius:var(--dh-radius);
padding:1rem .9rem 1.2rem; text-align:center;
box-shadow:var(--dh-shadow-soft);
transition:transform .2s ease, box-shadow .2s ease;
position:relative;
display:flex; flex-direction:column; height:100%;
}
.dh-product-card .price { margin-top:auto; }
.dh-product-card:hover { transform:translateY(-5px); box-shadow:var(--dh-shadow-card); }
.dh-product-thumb {
display:block; width:100%; border-radius:14px; overflow:hidden; aspect-ratio:1;
background:linear-gradient(160deg,#fffdf8,#f3eadc);
margin-bottom:.9rem;
}
.dh-product-thumb img { width:100%; height:100%; object-fit:contain; mix-blend-mode:multiply; }
.dh-product-card h3 { font-family:var(--dh-sans); font-size:.98rem; font-weight:700; letter-spacing:.06em; text-transform:uppercase; }
.dh-product-card .cat { font-size:.72rem; letter-spacing:.18em; text-transform:uppercase; color:var(--dh-gold-deep); margin-top:.2rem; }
.dh-product-card .notes { font-size:.78rem; color:var(--dh-ink-soft); margin:.35rem 0; }
.dh-product-card .price { font-family:var(--dh-serif); font-size:1.3rem; color:var(--dh-ink); margin:.3rem 0 .7rem; }
.dh-wish {
position:absolute; top:.9rem; right:.9rem; width:32px; height:32px; border-radius:50%;
background:rgba(255,255,255,.9); border:1px solid rgba(200,154,69,.4);
display:grid; place-items:center; color:var(--dh-gold-deep);
}
.dh-wish svg { width:16px; height:16px; }
.rating { display:flex; align-items:center; justify-content:center; gap:.35rem; font-size:.76rem; color:var(--dh-ink-soft); }
.stars { color:var(--dh-gold); letter-spacing:1px; }
.center-cta { text-align:center; margin-top:2.4rem; }
/* Minimal frosted collection card (reference Section 2) */
.dh-product-card.minimal {
display:block; text-align:center; padding:1.2rem 1rem 1.5rem;
background:linear-gradient(160deg, rgba(255,253,248,.6), rgba(247,241,232,.4));
backdrop-filter:blur(9px); -webkit-backdrop-filter:blur(9px);
border:1px solid rgba(200,154,69,.35); border-radius:22px;
box-shadow:inset 0 1px 1px rgba(255,255,255,.85), 0 12px 30px rgba(110,75,30,.1);
}
.dh-product-card.minimal:hover { transform:translateY(-6px); box-shadow:inset 0 1px 1px rgba(255,255,255,.95), 0 18px 40px rgba(110,75,30,.16); }
.dh-product-card.minimal { display:flex; flex-direction:column; }
.dh-product-card.minimal .dh-product-thumb { background:transparent; margin-bottom:.9rem; aspect-ratio:auto; display:block; overflow:visible; }
.dh-product-card.minimal .dh-product-thumb img { width:100%; height:auto; display:block; }
.dh-product-card.minimal h3 { font-family:var(--dh-sans); font-size:1rem; font-weight:700; letter-spacing:.08em; text-transform:uppercase; color:var(--dh-ink); }
.dh-product-card.minimal .cat { font-size:.74rem; letter-spacing:.22em; text-transform:uppercase; color:var(--dh-ink-soft); margin-top:.35rem; }
.dh-card-flourish { position:relative; display:block; height:10px; width:72px; margin:.75rem auto 0; }
.dh-card-flourish::before { content:""; position:absolute; top:50%; left:0; right:0; height:1px; transform:translateY(-50%);
background:linear-gradient(90deg, transparent, var(--dh-gold) 25%, var(--dh-gold) 75%, transparent); }
.dh-card-flourish::after { content:"◆"; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%);
color:var(--dh-gold); font-size:.5rem; line-height:1; padding:0 5px; background:rgba(252,248,241,.75); }
/* split feature (why / craft) */
.dh-split { display:grid; grid-template-columns:1fr 1fr; gap:2.5rem; align-items:center; }
/* Bottle-scene image column (real ![]()
, cropped to show the bottle) */
.dh-scene-img { border-radius:var(--dh-radius-lg); overflow:hidden; box-shadow:var(--dh-shadow-card);
aspect-ratio:4/3; background:linear-gradient(160deg,#fffdf8,#f3eadc); }
.dh-scene-img img { width:100%; height:100%; object-fit:cover; object-position:center right; display:block; }
.dh-split-top { display:grid; grid-template-columns:1.05fr 1fr; gap:2.2rem; align-items:center; margin-bottom:2.6rem; }
@media (max-width:900px){ .dh-split-top { grid-template-columns:1fr; } }
.dh-split-visual { border-radius:var(--dh-radius-lg); overflow:hidden; background:#141210; box-shadow:var(--dh-shadow-card); aspect-ratio:4/5; }
.dh-split-visual img { width:100%; height:100%; object-fit:contain; padding:1.5rem; }
.dh-split h2 { font-size:clamp(2rem,3.6vw,3rem); }
.dh-feature-list { margin-top:1.8rem; display:flex; flex-direction:column; gap:1.3rem; }
.dh-feature { display:flex; gap:1rem; align-items:flex-start; }
.dh-feature .ico {
flex:none; width:52px; height:52px; border-radius:50%;
background:linear-gradient(145deg,#fff,#efe5d7); border:1px solid rgba(200,154,69,.5);
display:grid; place-items:center; color:var(--dh-gold-deep);
box-shadow:inset 0 1px 1px rgba(255,255,255,.9), 0 3px 8px rgba(100,70,30,.14);
}
.dh-feature .ico svg { width:24px; height:24px; }
.dh-feature h4 { font-family:var(--dh-sans); font-weight:700; letter-spacing:.06em; text-transform:uppercase; font-size:.9rem; color:var(--dh-gold-deep); }
.dh-feature p { margin:.2rem 0 0; font-size:.9rem; color:var(--dh-ink-soft); }
/* mood cards */
.dh-mood-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:1.4rem; }
.dh-mood-card {
position:relative; border-radius:var(--dh-radius-lg); overflow:hidden;
border:1px solid rgba(200,154,69,.32);
background:linear-gradient(160deg, rgba(255,253,248,.72), rgba(247,241,232,.58));
backdrop-filter:blur(8px); -webkit-backdrop-filter:blur(8px);
box-shadow:var(--dh-shadow-soft); padding:1.8rem;
display:grid; grid-template-columns:1fr .82fr; gap:1rem; align-items:center;
transition:transform .2s ease, box-shadow .2s ease;
}
.dh-mood-card:hover { transform:translateY(-6px); box-shadow:var(--dh-shadow-card); }
.dh-mood-card .mc-text { display:flex; flex-direction:column; align-items:flex-start; }
.dh-mood-card .ico { color:var(--dh-gold-deep); margin-bottom:.7rem; }
.dh-mood-card .ico svg { width:38px; height:38px; }
.dh-mood-card h3 { font-size:1.9rem; line-height:1; }
.dh-mood-card .lbl { font-size:.72rem; letter-spacing:.24em; text-transform:uppercase; color:var(--dh-gold-deep); margin:.2rem 0 .9rem; }
.dh-mood-card p { color:var(--dh-ink-soft); margin-bottom:1.2rem; font-size:.92rem; }
.dh-mood-card .mood-img { aspect-ratio:3/4; margin:0; border-radius:14px; overflow:hidden; }
.dh-mood-card .mood-img img { width:100%; height:100%; object-fit:cover; }
@media (max-width:600px){ .dh-mood-card { grid-template-columns:1fr; } .dh-mood-card .mood-img { aspect-ratio:4/3; } }
/* longevity cards */
.dh-longevity-grid { display:grid; grid-template-columns:repeat(5,1fr); gap:1rem; }
.dh-longevity-card {
background:linear-gradient(160deg,rgba(255,255,255,.96),rgba(247,241,232,.9));
border:1px solid rgba(200,154,69,.25); border-radius:var(--dh-radius);
padding:1.6rem 1.1rem; text-align:center; box-shadow:var(--dh-shadow-soft);
}
.dh-longevity-card .ico {
width:60px; height:60px; margin:0 auto 1rem; border-radius:50%;
background:linear-gradient(145deg,#fff,#efe5d7); border:1px solid rgba(200,154,69,.5);
display:grid; place-items:center; color:var(--dh-gold-deep);
box-shadow:inset 0 1px 1px rgba(255,255,255,.9), 0 3px 8px rgba(100,70,30,.14);
}
.dh-longevity-card .ico svg { width:26px; height:26px; }
.dh-longevity-card h4 { font-family:var(--dh-serif); font-size:1.15rem; margin-bottom:.5rem; }
.dh-longevity-card p { font-size:.82rem; color:var(--dh-ink-soft); }
.dh-stat-bar {
margin-top:1.4rem; display:grid; grid-template-columns:repeat(4,1fr);
background:linear-gradient(160deg,#fff,#f3eadc);
border:1px solid rgba(200,154,69,.3); border-radius:var(--dh-radius); overflow:hidden;
}
.dh-stat { display:flex; align-items:center; justify-content:center; gap:.8rem; padding:1.3rem 1rem; text-align:left; }
.dh-stat + .dh-stat { border-left:1px solid rgba(200,154,69,.25); }
.dh-stat .big { font-family:var(--dh-serif); font-size:1.9rem; color:var(--dh-gold-deep); line-height:1; }
.dh-stat small { display:block; font-size:.72rem; letter-spacing:.1em; text-transform:uppercase; color:var(--dh-ink-soft); }
/* reviews */
.dh-review-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:1.4rem; }
.dh-review-card {
background:linear-gradient(160deg,#fff,#f7f1e8); border:1px solid rgba(200,154,69,.25);
border-radius:var(--dh-radius); padding:1.8rem 1.6rem; box-shadow:var(--dh-shadow-soft);
}
.dh-review-card .stars { font-size:1rem; text-align:center; display:block; margin-bottom:1rem; }
.dh-review-card blockquote { margin:0; font-family:var(--dh-serif); font-size:1.15rem; text-align:center; color:var(--dh-ink); }
.dh-review-author { display:flex; align-items:center; gap:.8rem; margin-top:1.4rem; padding-top:1.1rem; border-top:1px solid rgba(200,154,69,.25); }
.dh-review-author .av { width:40px; height:40px; border-radius:50%; background:var(--dh-gold-gradient); display:grid; place-items:center; color:#fff; }
.dh-review-author .av svg { width:20px; height:20px; }
.dh-review-author b { display:block; font-family:var(--dh-sans); font-size:.9rem; }
.dh-review-author span { font-size:.75rem; color:var(--dh-gold-deep); letter-spacing:.05em; }
/* ------------------------------------------------------------------ */
/* FOOTER */
/* ------------------------------------------------------------------ */
.dh-newsletter {
background:linear-gradient(180deg,#f7f1e8,#efe5d7); border-top:1px solid rgba(200,154,69,.25);
padding:3rem 0;
}
.dh-newsletter-inner { text-align:center; max-width:560px; margin:0 auto; }
.dh-newsletter h3 { font-size:2rem; color:var(--dh-gold-deep); }
.dh-newsletter p { color:var(--dh-ink-soft); margin:.4rem 0 1.4rem; }
.dh-news-form { display:flex; gap:.5rem; background:#fff; border:1px solid rgba(200,154,69,.45); border-radius:999px; padding:.4rem .4rem .4rem 1.3rem; box-shadow:var(--dh-shadow-soft); }
.dh-news-form input { flex:1; border:none; background:transparent; font-family:var(--dh-sans); font-size:.9rem; outline:none; color:var(--dh-ink); }
.dh-news-form button { width:46px; height:46px; border-radius:50%; border:none; background:var(--dh-gold-gradient); color:#fff; display:grid; place-items:center; flex:none; }
.dh-news-form button svg { width:18px; height:18px; }
.dh-footer { background:linear-gradient(180deg,#fbf7f0,#f3eadc); border-top:1px solid rgba(200,154,69,.25); padding:3.4rem 0 1.6rem; }
.dh-footer-grid { display:grid; grid-template-columns:1.3fr 1fr 1.2fr 1.4fr; gap:2rem; }
.dh-footer .brand .dh-logo { font-size:1.8rem; }
.dh-footer .brand p { color:var(--dh-ink-soft); font-size:.9rem; margin:.8rem 0 1.2rem; max-width:26ch; }
.dh-social { display:flex; gap:.7rem; }
.dh-social a { width:42px; height:42px; border-radius:50%; border:1px solid rgba(200,154,69,.5); background:linear-gradient(145deg,#fff,#efe5d7); display:grid; place-items:center; color:var(--dh-gold-deep); box-shadow:inset 0 1px 1px rgba(255,255,255,.9),0 2px 6px rgba(100,70,30,.14); transition:transform .18s ease; }
.dh-social a:hover { transform:translateY(-2px); }
.dh-social svg { width:19px; height:19px; }
.dh-footer h4 { font-family:var(--dh-serif); font-size:1.3rem; color:var(--dh-gold-deep); margin-bottom:1rem; }
.dh-footer ul { list-style:none; margin:0; padding:0; display:flex; flex-direction:column; gap:.7rem; }
.dh-footer ul a { font-size:.9rem; color:var(--dh-ink-soft); transition:color .15s ease; }
.dh-footer ul a:hover { color:var(--dh-gold-deep); }
.dh-contact-item { display:flex; gap:.7rem; align-items:flex-start; font-size:.88rem; color:var(--dh-ink-soft); margin-bottom:.9rem; }
.dh-contact-item svg { width:18px; height:18px; color:var(--dh-gold-deep); flex:none; margin-top:2px; }
.dh-footer-bottom { text-align:center; margin-top:2.4rem; padding-top:1.4rem; border-top:1px solid rgba(200,154,69,.25); font-size:.82rem; color:var(--dh-ink-soft); }
/* ------------------------------------------------------------------ */
/* PAGE HEADERS / BREADCRUMB */
/* ------------------------------------------------------------------ */
.dh-page-hero {
background:linear-gradient(160deg,#fffdf8,#f7f1e8,#efe5d7);
border-bottom:1px solid rgba(200,154,69,.22); padding:3rem 0 2.6rem; text-align:center;
}
.dh-page-hero h1 { font-size:clamp(2.4rem,5vw,3.6rem); }
.dh-page-hero p { color:var(--dh-ink-soft); max-width:56ch; margin:.6rem auto 0; }
.dh-breadcrumb { font-size:.8rem; color:var(--dh-ink-soft); padding:1.2rem 0; letter-spacing:.03em; }
.dh-breadcrumb a:hover { color:var(--dh-gold-deep); }
.dh-breadcrumb .sep { color:var(--dh-gold); margin:0 .5rem; }
/* ------------------------------------------------------------------ */
/* SHOP */
/* ------------------------------------------------------------------ */
/* Shop hero banner (text left, bottle scene right — reference match) */
.dh-shop-hero { position:relative; overflow:hidden; border-bottom:1px solid rgba(200,154,69,.25);
background:linear-gradient(120deg,#fbf7f0,#f3eadc); }
.dh-shop-hero .dh-container { position:relative; display:grid; grid-template-columns:1fr 1fr; align-items:center; min-height:320px; z-index:1; }
.dh-shop-hero .txt { padding:3rem 0; }
.dh-shop-hero h1 { font-size:clamp(2.6rem,5vw,4rem); }
.dh-shop-hero p { color:var(--dh-ink-soft); max-width:34ch; margin:.4rem 0 0; }
.dh-shop-hero .banner-img { position:absolute; right:calc((100% - min(94%,var(--dh-container)))/2 * -1); top:0; bottom:0; width:54%; }
.dh-shop-hero .banner-img::before { content:""; position:absolute; inset:0; z-index:1; pointer-events:none;
background:linear-gradient(90deg, #f6efe4 0%, rgba(246,239,228,.4) 22%, transparent 45%); }
.dh-shop-hero .banner-img img { width:100%; height:100%; object-fit:cover; object-position:center right; }
@media (max-width:820px){
.dh-shop-hero .dh-container { grid-template-columns:1fr; min-height:0; text-align:center; }
.dh-shop-hero .txt { padding:2rem 0 12rem; }
.dh-shop-hero .banner-img { width:100%; top:auto; height:200px; }
.dh-shop-hero .banner-img::before { background:linear-gradient(180deg,#f6efe4,transparent 40%); }
}
/* Category pill on product cards */
.dh-cat-pill { display:inline-block; font-size:.66rem; letter-spacing:.16em; text-transform:uppercase; font-weight:700;
color:var(--dh-gold-deep); border:1px solid rgba(200,154,69,.5); border-radius:999px; padding:.28rem .8rem; margin-bottom:.5rem;
background:rgba(255,253,248,.7); }
/* Sort dropdown */
.dh-sort { display:flex; align-items:center; gap:.6rem; font-size:.85rem; color:var(--dh-ink-soft); }
.dh-sort select { font-family:var(--dh-sans); font-size:.85rem; color:var(--dh-ink); border:1px solid rgba(200,154,69,.45);
border-radius:999px; padding:.5rem 2rem .5rem 1rem; background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23b9822a' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E") no-repeat right .8rem center;
-webkit-appearance:none; appearance:none; cursor:pointer; }
/* Price range (dual slider) */
.dh-range { position:relative; height:34px; margin:.4rem 0 .2rem; }
.dh-range .track { position:absolute; top:15px; left:0; right:0; height:4px; border-radius:4px; background:rgba(200,154,69,.25); }
.dh-range .fill { position:absolute; top:15px; height:4px; border-radius:4px; background:var(--dh-gold-gradient); }
.dh-range input[type=range]{ position:absolute; top:8px; left:0; width:100%; margin:0; background:none; -webkit-appearance:none; appearance:none; pointer-events:none; }
.dh-range input[type=range]::-webkit-slider-thumb{ -webkit-appearance:none; pointer-events:auto; width:18px; height:18px; border-radius:50%;
background:radial-gradient(120% 120% at 30% 25%,#fff,#e6d4ba); border:1px solid var(--dh-gold-deep); box-shadow:0 2px 5px rgba(110,75,25,.3); cursor:pointer; }
.dh-range input[type=range]::-moz-range-thumb{ pointer-events:auto; width:18px; height:18px; border-radius:50%; background:#fff; border:1px solid var(--dh-gold-deep); cursor:pointer; }
.dh-range-labels { display:flex; justify-content:space-between; font-size:.82rem; color:var(--dh-ink-soft); }
/* Product-page bottom trust row */
.dh-prod-trust { border-top:1px solid rgba(200,154,69,.25); margin-top:3rem; padding-top:1.6rem;
display:grid; grid-template-columns:repeat(4,1fr); gap:1rem; }
.dh-prod-trust .t { display:flex; gap:.8rem; align-items:flex-start; }
.dh-prod-trust .t .ico { width:44px; height:44px; flex:none; border-radius:50%; display:grid; place-items:center; color:var(--dh-gold-deep);
background:radial-gradient(120% 120% at 30% 25%,#fff,#efe5d7); border:1px solid rgba(200,154,69,.5); }
.dh-prod-trust .t .ico svg { width:22px; height:22px; }
.dh-prod-trust b { display:block; font-family:var(--dh-sans); font-size:.82rem; letter-spacing:.06em; text-transform:uppercase; }
.dh-prod-trust span { font-size:.82rem; color:var(--dh-ink-soft); }
@media (max-width:760px){ .dh-prod-trust { grid-template-columns:1fr 1fr; } }
.dh-shop-layout { display:grid; grid-template-columns:250px 1fr; gap:2rem; align-items:start; }
.dh-filter {
background:linear-gradient(160deg,#fff,#f7f1e8); border:1px solid rgba(200,154,69,.25);
border-radius:var(--dh-radius); padding:1.5rem; position:sticky; top:90px;
}
.dh-filter h3 { font-family:var(--dh-serif); color:var(--dh-gold-deep); font-size:1.3rem; padding-bottom:.8rem; border-bottom:1px solid rgba(200,154,69,.3); }
.dh-filter-group { padding:1.1rem 0; border-bottom:1px solid rgba(200,154,69,.2); }
.dh-filter-group h5 { font-family:var(--dh-sans); font-size:.78rem; letter-spacing:.12em; text-transform:uppercase; margin:0 0 .8rem; }
.dh-check { display:flex; align-items:center; gap:.6rem; font-size:.86rem; color:var(--dh-ink-soft); padding:.3rem 0; cursor:pointer; }
.dh-check input { accent-color:var(--dh-gold-deep); width:16px; height:16px; }
.dh-shop-toolbar { display:flex; align-items:center; justify-content:space-between; margin-bottom:1.4rem; }
.dh-shop-toolbar .count { font-size:.85rem; color:var(--dh-ink-soft); }
.dh-shop-grid { display:grid; grid-template-columns:repeat(auto-fill, minmax(210px, 1fr)); gap:1.4rem; align-items:stretch; }
.dh-chiprow { display:flex; gap:.6rem; flex-wrap:wrap; margin-bottom:1.6rem; }
.dh-chip { padding:.5rem 1.2rem; border-radius:999px; border:1px solid rgba(200,154,69,.4); background:#fff; font-size:.78rem; font-weight:600; letter-spacing:.08em; text-transform:uppercase; cursor:pointer; transition:all .15s ease; }
.dh-chip.active, .dh-chip:hover { background:var(--dh-gold-gradient); color:#fff; border-color:transparent; }
/* ------------------------------------------------------------------ */
/* PRODUCT PAGE */
/* ------------------------------------------------------------------ */
.dh-product-layout { display:grid; grid-template-columns:1fr 1fr; gap:2.5rem; align-items:start; }
.dh-gallery { display:grid; grid-template-columns:80px 1fr; gap:1rem; }
.dh-thumbs { display:flex; flex-direction:column; gap:.7rem; }
.dh-thumbs img { border-radius:12px; border:1px solid rgba(200,154,69,.3); cursor:pointer; background:linear-gradient(160deg,#fffdf8,#f3eadc); aspect-ratio:1; object-fit:cover; transition:border-color .15s ease; }
.dh-thumbs img.active, .dh-thumbs img:hover { border-color:var(--dh-gold-deep); }
.dh-gallery-main { border-radius:var(--dh-radius-lg); overflow:hidden; background:linear-gradient(160deg,#fffdf8,#f3eadc); box-shadow:var(--dh-shadow-card); aspect-ratio:1; }
.dh-gallery-main img { width:100%; height:100%; object-fit:cover; }
.badge-best { display:inline-block; font-size:.72rem; letter-spacing:.2em; text-transform:uppercase; color:var(--dh-gold-deep); font-weight:700; }
.dh-product-info h1 { font-size:clamp(2.2rem,4vw,3rem); margin:.4rem 0; }
.dh-product-info .subtitle { color:var(--dh-gold-deep); letter-spacing:.06em; }
.dh-price-lg { font-family:var(--dh-serif); font-size:2.2rem; margin:1rem 0 .2rem; }
.dh-tax { font-size:.8rem; color:var(--dh-ink-soft); }
.dh-desc { color:var(--dh-ink-soft); margin:1.2rem 0; }
.dh-size-row { display:flex; gap:.7rem; margin:.6rem 0 1.4rem; }
.dh-size {
padding:.75rem 1.6rem; border-radius:12px; border:1px solid rgba(200,154,69,.45);
background:#fff; font-weight:600; font-size:.9rem; cursor:pointer; transition:all .15s ease;
}
.dh-size.active { background:linear-gradient(145deg,#ddb66a,#b9822a); color:#fff; border-color:transparent; }
.dh-label { font-size:.76rem; letter-spacing:.14em; text-transform:uppercase; font-weight:700; color:var(--dh-ink); display:block; margin-bottom:.5rem; }
.dh-qty { display:inline-flex; align-items:center; border:1px solid rgba(200,154,69,.45); border-radius:12px; overflow:hidden; background:#fff; }
.dh-qty button { width:44px; height:44px; border:none; background:transparent; font-size:1.2rem; color:var(--dh-gold-deep); }
.dh-qty input { width:48px; text-align:center; border:none; font-family:var(--dh-sans); font-size:1rem; outline:none; }
.dh-buy-actions { display:flex; flex-direction:column; gap:.8rem; margin:1.6rem 0; }
.dh-assurance { display:grid; grid-template-columns:repeat(3,1fr); gap:1rem; padding-top:1.4rem; border-top:1px solid rgba(200,154,69,.25); }
.dh-assurance .a { display:flex; gap:.6rem; align-items:flex-start; font-size:.78rem; }
.dh-assurance svg { width:26px; height:26px; color:var(--dh-gold-deep); flex:none; }
.dh-assurance b { display:block; }
.dh-assurance span { color:var(--dh-ink-soft); }
.dh-notes-tabs { display:grid; grid-template-columns:.9fr 1.4fr; gap:1.6rem; margin-top:3rem; }
.dh-notes-box, .dh-tabs-box { background:linear-gradient(160deg,#fff,#f7f1e8); border:1px solid rgba(200,154,69,.25); border-radius:var(--dh-radius); padding:2rem; }
.dh-notes-box h3, .dh-tabs-box h3 { font-family:var(--dh-serif); text-align:center; color:var(--dh-ink); margin-bottom:1.4rem; }
.dh-note { display:flex; gap:1rem; align-items:flex-start; padding:1rem 0; border-bottom:1px solid rgba(200,154,69,.2); }
.dh-note:last-child { border-bottom:none; }
.dh-note .ico { width:44px; height:44px; border-radius:50%; background:linear-gradient(145deg,#fff,#efe5d7); border:1px solid rgba(200,154,69,.5); display:grid; place-items:center; color:var(--dh-gold-deep); flex:none; }
.dh-note .ico svg { width:22px; height:22px; }
.dh-note b { font-family:var(--dh-sans); font-size:.8rem; letter-spacing:.1em; text-transform:uppercase; color:var(--dh-gold-deep); }
.dh-note p { margin:.15rem 0 0; font-size:.9rem; color:var(--dh-ink-soft); }
.dh-tab-nav { display:flex; gap:1.6rem; border-bottom:1px solid rgba(200,154,69,.3); margin-bottom:1.3rem; }
.dh-tab-nav button { background:none; border:none; padding:.4rem 0 .9rem; font-family:var(--dh-sans); font-weight:700; font-size:.82rem; letter-spacing:.1em; text-transform:uppercase; color:var(--dh-ink-soft); position:relative; }
.dh-tab-nav button.active { color:var(--dh-gold-deep); }
.dh-tab-nav button.active::after { content:""; position:absolute; left:0; right:0; bottom:-1px; height:2px; background:var(--dh-gold-gradient); }
.dh-tab-panel { display:none; color:var(--dh-ink-soft); }
.dh-tab-panel.active { display:block; }
/* ------------------------------------------------------------------ */
/* CART */
/* ------------------------------------------------------------------ */
.dh-cart-layout { display:grid; grid-template-columns:1.6fr 1fr; gap:2rem; align-items:start; }
.dh-cart-item { display:grid; grid-template-columns:90px 1fr auto; gap:1.2rem; align-items:center; padding:1.2rem 0; border-bottom:1px solid rgba(200,154,69,.25); }
.dh-cart-item .thumb { width:90px; height:90px; border-radius:12px; overflow:hidden; background:linear-gradient(160deg,#fffdf8,#f3eadc); }
.dh-cart-item .thumb img { width:100%; height:100%; object-fit:contain; mix-blend-mode:multiply; }
.dh-cart-item h4 { font-family:var(--dh-sans); font-size:1rem; font-weight:700; }
.dh-cart-item .meta { font-size:.8rem; color:var(--dh-ink-soft); }
.dh-cart-remove { background:none; border:none; color:var(--dh-taupe); font-size:.78rem; margin-top:.4rem; text-decoration:underline; padding:0; }
.dh-cart-right { display:flex; flex-direction:column; gap:.4rem; align-items:flex-end; }
.dh-summary { background:linear-gradient(160deg,#fff,#f7f1e8); border:1px solid rgba(200,154,69,.28); border-radius:var(--dh-radius); padding:1.8rem; position:sticky; top:90px; }
.dh-summary h3 { font-family:var(--dh-serif); color:var(--dh-gold-deep); margin-bottom:1.2rem; }
.dh-summary-row { display:flex; justify-content:space-between; padding:.6rem 0; font-size:.9rem; color:var(--dh-ink-soft); }
.dh-summary-total { display:flex; justify-content:space-between; padding-top:1rem; margin-top:.5rem; border-top:1px solid rgba(200,154,69,.3); font-family:var(--dh-serif); font-size:1.5rem; color:var(--dh-ink); }
.dh-coupon { display:flex; gap:.5rem; margin:1.2rem 0; }
.dh-coupon input { flex:1; border:1px solid rgba(200,154,69,.4); border-radius:10px; padding:.7rem .9rem; font-family:var(--dh-sans); outline:none; }
.dh-pay-note { display:flex; align-items:center; gap:.6rem; justify-content:center; margin-top:1.2rem; font-size:.78rem; color:var(--dh-ink-soft); }
.dh-pay-note .rz { font-weight:800; color:#072654; letter-spacing:-.02em; }
.dh-empty { text-align:center; padding:4rem 1rem; }
.dh-empty svg { width:70px; height:70px; color:var(--dh-gold); margin:0 auto 1.2rem; }
.dh-empty h2 { font-size:2rem; }
.dh-empty p { color:var(--dh-ink-soft); margin:.6rem 0 1.6rem; }
/* ------------------------------------------------------------------ */
/* ACCOUNT */
/* ------------------------------------------------------------------ */
.dh-account-grid { display:grid; grid-template-columns:1fr 1fr; gap:2rem; }
.dh-auth-card { background:linear-gradient(160deg,#fff,#f7f1e8); border:1px solid rgba(200,154,69,.28); border-radius:var(--dh-radius-lg); padding:2.4rem; box-shadow:var(--dh-shadow-soft); }
.dh-auth-card h2 { font-size:1.8rem; color:var(--dh-gold-deep); margin-bottom:1.4rem; }
.dh-field { margin-bottom:1.2rem; }
.dh-field label { font-size:.74rem; letter-spacing:.1em; text-transform:uppercase; font-weight:700; display:block; margin-bottom:.5rem; }
.dh-field label .req { color:var(--dh-gold-deep); }
.dh-input-wrap { position:relative; }
.dh-field input { width:100%; border:1px solid rgba(200,154,69,.4); border-radius:12px; padding:.85rem 1rem; font-family:var(--dh-sans); font-size:.92rem; outline:none; background:#fff; transition:border-color .15s ease; }
.dh-field input:focus { border-color:var(--dh-gold-deep); }
.dh-eye { position:absolute; right:.8rem; top:50%; transform:translateY(-50%); background:none; border:none; color:var(--dh-gold-deep); }
.dh-eye svg { width:20px; height:20px; }
.dh-remember { display:flex; align-items:center; gap:.5rem; font-size:.85rem; color:var(--dh-ink-soft); margin-bottom:1.2rem; }
.dh-forgot { color:var(--dh-gold-deep); font-size:.85rem; text-align:center; display:block; margin-top:1rem; }
.dh-privacy-note { font-size:.78rem; color:var(--dh-ink-soft); margin-bottom:1.2rem; }
/* ------------------------------------------------------------------ */
/* LEGAL / CONTENT PAGES */
/* ------------------------------------------------------------------ */
.dh-content { max-width:820px; margin:0 auto; padding:3rem 0 4rem; }
.dh-content h2 { font-size:1.9rem; color:var(--dh-ink); margin:2.2rem 0 .8rem; }
.dh-content h2:first-child { margin-top:0; }
.dh-content p, .dh-content li { color:var(--dh-ink-soft); }
.dh-content ul { padding-left:1.2rem; }
.dh-content li { margin:.4rem 0; }
.dh-content strong { color:var(--dh-ink); }
/* ------------------------------------------------------------------ */
/* POLICY / TERMS poster pages (reference match) */
/* ------------------------------------------------------------------ */
.dh-policy-hero { text-align:center; padding:3rem 0 1.5rem; width:min(92%,900px); margin:0 auto; }
.dh-policy-hero .mono { width:auto; height:78px; margin:0 auto .6rem; display:block; filter:drop-shadow(0 2px 3px rgba(110,75,25,.22)); }
.dh-policy-hero h1 { font-size:clamp(2.4rem,5.5vw,4rem); color:var(--dh-gold-deep); letter-spacing:.01em; }
.dh-policy-hero .intro { color:var(--dh-ink-soft); max-width:60ch; margin:1rem auto 0; }
.dh-policy { display:grid; grid-template-columns:1.35fr 1fr; gap:2.5rem; align-items:start;
width:min(92%,var(--dh-container)); margin:0 auto; padding:1rem 0 2rem; }
.dh-policy-list { display:flex; flex-direction:column; }
.dh-policy-item { display:grid; grid-template-columns:64px 1fr; gap:1.1rem; padding:1.4rem 0; border-top:1px solid rgba(200,154,69,.22); }
.dh-policy-item:first-child { border-top:none; }
.dh-policy-item .ico { width:56px; height:56px; border-radius:50%;
background:radial-gradient(120% 120% at 30% 25%, #ffffff 0%, #f4ead9 55%, #e6d4ba 100%);
border:1px solid rgba(200,154,69,.5); display:grid; place-items:center; color:var(--dh-gold-deep);
box-shadow:inset 0 1.5px 1px rgba(255,255,255,1), 0 3px 8px rgba(100,70,30,.15); }
.dh-policy-item .ico svg { width:26px; height:26px; filter:drop-shadow(0 1px 0 rgba(255,255,255,.8)); }
.dh-policy-item h3 { font-family:var(--dh-serif); color:var(--dh-gold-deep); font-size:1.35rem; margin-bottom:.35rem; }
.dh-policy-item p { color:var(--dh-ink-soft); font-size:.95rem; }
.dh-policy-item p + p { margin-top:.6rem; }
.dh-policy-visual { position:sticky; top:100px; border-radius:var(--dh-radius-lg); overflow:hidden;
box-shadow:var(--dh-shadow-card); aspect-ratio:3/4; background:linear-gradient(160deg,#fffdf8,#f3eadc); }
.dh-policy-visual img { width:100%; height:100%; object-fit:cover; object-position:center right; }
.dh-policy-callout { width:min(92%,var(--dh-container)); margin:0 auto 2rem; display:grid; grid-template-columns:64px 1fr; gap:1.1rem; align-items:center;
background:linear-gradient(160deg,#fff,#f7f1e8); border:1px solid rgba(200,154,69,.35); border-radius:var(--dh-radius); padding:1.4rem 1.8rem; box-shadow:var(--dh-shadow-soft); }
.dh-policy-callout .ico { width:56px; height:56px; border-radius:50%; background:radial-gradient(120% 120% at 30% 25%, #fff, #efe5d7); border:1px solid rgba(200,154,69,.5); display:grid; place-items:center; color:var(--dh-gold-deep); }
.dh-policy-callout .ico svg { width:26px; height:26px; }
.dh-policy-callout p { color:var(--dh-ink); font-size:1.05rem; }
.dh-policy-callout strong { color:var(--dh-gold-deep); }
.dh-policy-trust { width:min(92%,var(--dh-container)); margin:0 auto 3rem; display:grid; grid-template-columns:repeat(auto-fit,minmax(150px,1fr));
border:1px solid rgba(200,154,69,.3); border-radius:var(--dh-radius); overflow:hidden; background:linear-gradient(160deg,#fff,#f3eadc); }
.dh-policy-trust .t { text-align:center; padding:1.4rem 1rem; }
.dh-policy-trust .t + .t { border-left:1px solid rgba(200,154,69,.25); }
.dh-policy-trust .ico { width:46px; height:46px; margin:0 auto .5rem; border-radius:50%; background:radial-gradient(120% 120% at 30% 25%, #fff, #efe5d7); border:1px solid rgba(200,154,69,.5); display:grid; place-items:center; color:var(--dh-gold-deep); }
.dh-policy-trust .ico svg { width:22px; height:22px; }
.dh-policy-trust b { display:block; font-family:var(--dh-sans); font-size:.78rem; letter-spacing:.08em; text-transform:uppercase; }
@media (max-width:860px){
.dh-policy { grid-template-columns:1fr; }
.dh-policy-visual { position:static; aspect-ratio:16/10; order:-1; }
.dh-policy-trust { grid-template-columns:repeat(2,1fr); }
.dh-policy-trust .t:nth-child(3){ border-left:none; }
}
/* FAQ accordion */
.dh-faq { max-width:820px; margin:0 auto; }
.dh-faq-item { background:linear-gradient(160deg,#fff,#f7f1e8); border:1px solid rgba(200,154,69,.28); border-radius:var(--dh-radius); margin-bottom:1rem; overflow:hidden; }
.dh-faq-q { width:100%; text-align:left; background:none; border:none; padding:1.3rem 1.5rem; display:flex; justify-content:space-between; align-items:center; gap:1rem; font-family:var(--dh-serif); font-size:1.3rem; color:var(--dh-ink); }
.dh-faq-q .ico { color:var(--dh-gold-deep); transition:transform .2s ease; flex:none; }
.dh-faq-q .ico svg { width:22px; height:22px; }
.dh-faq-item.open .dh-faq-q .ico { transform:rotate(45deg); }
.dh-faq-a { max-height:0; overflow:hidden; transition:max-height .3s ease; }
.dh-faq-a p { margin:0; padding:0 1.5rem 1.4rem; color:var(--dh-ink-soft); }
/* ABOUT — story layout (reference match) */
.dh-story-hero { display:grid; grid-template-columns:1.1fr 1fr; gap:2.6rem; align-items:center; width:min(92%,var(--dh-container)); margin:0 auto; padding:3rem 0 2rem; }
.dh-story-hero h1 { font-size:clamp(2.4rem,4.6vw,3.6rem); }
.dh-story-hero p { color:var(--dh-ink-soft); margin:.9rem 0 0; }
.dh-story-hero .scene { border-radius:var(--dh-radius-lg); overflow:hidden; box-shadow:var(--dh-shadow-card); background:linear-gradient(160deg,#fffdf8,#f3eadc); }
.dh-story-hero .scene img { width:100%; display:block; }
.dh-story { width:min(92%,1120px); margin:0 auto; padding:1.5rem 0 3.5rem; }
.dh-story-row { display:grid; grid-template-columns:300px 96px 1fr; gap:1.6rem; align-items:center; padding:2.2rem 0; border-top:1px solid rgba(200,154,69,.28); }
.dh-story-row .img { border-radius:16px; overflow:hidden; aspect-ratio:4/3; box-shadow:var(--dh-shadow-soft); background:#171513; }
.dh-story-row .img img { width:100%; height:100%; object-fit:cover; }
.dh-story-row .ico { width:78px; height:78px; border-radius:50%; margin:0 auto;
background:radial-gradient(120% 120% at 30% 25%, #ffffff 0%, #f4ead9 55%, #e6d4ba 100%);
border:1px solid rgba(200,154,69,.55); display:grid; place-items:center; color:var(--dh-gold-deep);
box-shadow:inset 0 1.5px 1px rgba(255,255,255,1), inset 0 -2px 3px rgba(150,110,45,.22), 0 4px 10px rgba(100,70,30,.16); }
.dh-story-row .ico svg { width:34px; height:34px; filter:drop-shadow(0 1px 0 rgba(255,255,255,.8)); }
.dh-story-row .body h3 { font-family:var(--dh-serif); color:var(--dh-gold-deep); font-size:1.55rem; margin-bottom:.5rem; }
.dh-story-row .body p { color:var(--dh-ink-soft); }
.dh-promise { display:grid; grid-template-columns:150px 1fr; gap:2rem; align-items:center;
background:linear-gradient(160deg,#fff,#f7f1e8); border:1px solid rgba(200,154,69,.3);
border-radius:var(--dh-radius-lg); padding:2rem 2.2rem; margin-top:2.4rem; box-shadow:var(--dh-shadow-soft); }
.dh-promise .mono { width:128px; height:128px; border-radius:50%; margin:0 auto;
background:radial-gradient(120% 120% at 30% 25%, #fff, #efe5d7); border:1px solid rgba(200,154,69,.5);
display:grid; place-items:center; box-shadow:inset 0 1.5px 1px rgba(255,255,255,1), 0 4px 12px rgba(100,70,30,.15); }
.dh-promise .mono img { width:76px; height:auto; }
.dh-promise h3 { font-family:var(--dh-serif); color:var(--dh-gold-deep); font-size:1.55rem; margin-bottom:.5rem; }
.dh-promise p { color:var(--dh-ink-soft); }
@media (max-width:820px){
.dh-story-hero { grid-template-columns:1fr; }
.dh-story-row { grid-template-columns:1fr; gap:1rem; text-align:center; }
.dh-story-row .ico { margin:.4rem auto; }
.dh-promise { grid-template-columns:1fr; text-align:center; }
}
/* about (legacy) */
.dh-about-block { display:grid; grid-template-columns:1fr 1fr; gap:2.5rem; align-items:center; margin-bottom:3rem; }
.dh-about-block.rev .txt { order:2; }
.dh-about-visual { border-radius:var(--dh-radius-lg); overflow:hidden; background:#141210; aspect-ratio:4/3; box-shadow:var(--dh-shadow-card); }
.dh-about-visual img { width:100%; height:100%; object-fit:contain; padding:1.5rem; }
.dh-about-block h2 { font-size:2rem; color:var(--dh-gold-deep); margin-bottom:.8rem; }
.dh-about-block p { color:var(--dh-ink-soft); }
/* ------------------------------------------------------------------ */
/* RESPONSIVE */
/* ------------------------------------------------------------------ */
@media (max-width:1100px){
.dh-collection-grid { grid-template-columns:repeat(3,1fr); }
.dh-longevity-grid { grid-template-columns:repeat(3,1fr); }
.dh-shop-grid { grid-template-columns:repeat(2,1fr); }
}
@media (max-width:900px){
.dh-nav-glass { display:none; }
.dh-burger { display:grid; }
.dh-hero-inner, .dh-split, .dh-product-layout, .dh-cart-layout, .dh-account-grid, .dh-about-block, .dh-notes-tabs { grid-template-columns:1fr; }
.dh-about-block.rev .txt { order:0; }
.dh-mood-grid { grid-template-columns:1fr; }
.dh-review-grid { grid-template-columns:1fr; }
.dh-shop-layout { grid-template-columns:1fr; }
.dh-filter { position:static; }
.dh-trust-inner { grid-template-columns:repeat(2,1fr); }
.dh-trust-item:nth-child(3) { border-left:none; }
.dh-footer-grid { grid-template-columns:1fr 1fr; }
.dh-hero-visual, .dh-split-visual { aspect-ratio:4/3; }
}
@media (max-width:600px){
.dh-collection-grid, .dh-longevity-grid, .dh-shop-grid { grid-template-columns:repeat(2,1fr); }
.dh-stat-bar { grid-template-columns:repeat(2,1fr); }
.dh-stat:nth-child(3) { border-left:none; }
.dh-footer-grid { grid-template-columns:1fr; }
.dh-trust-inner { grid-template-columns:1fr; }
.dh-trust-item + .dh-trust-item { border-left:none; border-top:1px solid rgba(200,154,69,.25); }
.dh-logo { font-size:1.4rem; }
.dh-gallery { grid-template-columns:1fr; }
.dh-thumbs { flex-direction:row; overflow-x:auto; }
.dh-thumbs img { width:70px; flex:none; }
.dh-assurance { grid-template-columns:1fr; }
.dh-section { padding:3rem 0; }
}
/* reveal-on-scroll */
.reveal { opacity:0; transform:translateY(22px); transition:opacity .6s ease, transform .6s ease; }
.reveal.in { opacity:1; transform:none; }
@media (prefers-reduced-motion:reduce){ .reveal{opacity:1;transform:none;} html{scroll-behavior:auto;} }
/* ================================================================== */
/* WordPress / WooCommerce integration */
/* ================================================================== */
/* Primary menu inside the glass pill */
.dh-nav-glass ul.dh-nav-menu { display:flex; align-items:center; gap:.2rem; list-style:none; margin:0; padding:0; }
.dh-nav-glass ul.dh-nav-menu li { position:relative; }
.dh-nav-glass ul.dh-nav-menu li + li::before { content:""; position:absolute; left:0; top:50%; transform:translateY(-50%); width:1px; height:16px; background:rgba(200,154,69,.4); }
.dh-nav-glass ul.dh-nav-menu a { position:relative; display:block; font-family:var(--dh-sans); font-weight:600; font-size:.82rem; letter-spacing:.13em; text-transform:uppercase; color:var(--dh-ink); padding:.5rem 1.15rem; border-radius:999px; transition:color .18s ease; }
.dh-nav-glass ul.dh-nav-menu a:hover, .dh-nav-glass .current-menu-item>a, .dh-nav-glass .current_page_item>a { color:var(--dh-gold-deep); }
.dh-nav-glass ul.dh-nav-menu a::after { content:""; position:absolute; left:1.15rem; right:1.15rem; bottom:.28rem; height:2px; background:var(--dh-gold-gradient); border-radius:2px; transform:scaleX(0); transform-origin:center; transition:transform .22s ease; }
.dh-nav-glass ul.dh-nav-menu a:hover::after, .dh-nav-glass .current-menu-item>a::after, .dh-nav-glass .current_page_item>a::after { transform:scaleX(1); }
.dh-logo .custom-logo { height:44px; width:auto; display:block; }
/* Mobile drawer menu */
.dh-drawer-menu { list-style:none; margin:0; padding:0; display:flex; flex-direction:column; }
.dh-drawer-menu a, .dh-drawer-panel>a { font-family:var(--dh-sans); font-weight:600; letter-spacing:.12em; text-transform:uppercase; font-size:.9rem; padding:.9rem .4rem; border-bottom:1px solid rgba(200,154,69,.2); display:block; }
/* Footer menu lists (when a WP menu is assigned) */
.dh-footer-grid ul { list-style:none; margin:0; padding:0; display:flex; flex-direction:column; gap:.7rem; }
.dh-footer-grid ul a { font-size:.9rem; color:var(--dh-ink-soft); }
.dh-footer-grid ul a:hover { color:var(--dh-gold-deep); }
/* WooCommerce shop grid (reset ul.products) */
ul.products.dh-shop-grid { list-style:none; margin:0; padding:0; }
ul.products.dh-shop-grid::before, ul.products.dh-shop-grid::after { content:none; display:none; }
.dh-product-card.product { float:none; width:auto; margin:0; }
.woocommerce ul.products li.product .dh-cat-pill, .woocommerce ul.products li.product h3 { text-align:center; }
/* WooCommerce add-to-cart in cards -> glass button */
.dh-product-card .button, .dh-product-card .added_to_cart {
display:inline-flex; align-items:center; justify-content:center; gap:.5rem; width:100%; margin-top:.3rem;
font-family:var(--dh-sans); font-weight:600; font-size:.8rem; letter-spacing:.14em; text-transform:uppercase;
padding:.85rem 1.4rem; border-radius:999px; cursor:pointer; text-decoration:none;
color:#3a2c14; background:linear-gradient(180deg,rgba(255,255,255,.85),rgba(255,250,242,.6));
border:1.5px solid rgba(212,169,92,.9);
box-shadow:inset 0 2px 3px rgba(255,255,255,1), inset 0 -3px 6px rgba(200,154,69,.32), 0 0 0 1px rgba(255,241,206,.6), 0 8px 20px rgba(110,75,30,.16);
transition:transform .18s ease, box-shadow .18s ease;
}
.dh-product-card .button:hover { transform:translateY(-2px); }
/* Gold primary WooCommerce buttons */
.woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt,
.woocommerce .single_add_to_cart_button, .woocommerce #place_order {
color:#fff !important; text-shadow:0 1px 1px rgba(120,80,20,.35);
background:linear-gradient(145deg,#e7c886 0%,#c89a45 50%,#a9741f 100%) !important;
border:1px solid #e0bd76 !important; border-radius:999px !important;
box-shadow:inset 0 1px 0 rgba(255,255,255,.5), 0 5px 14px rgba(110,75,25,.3) !important;
text-transform:uppercase; letter-spacing:.08em; font-weight:700;
}
.woocommerce a.button, .woocommerce button.button, .woocommerce input.button {
border-radius:999px; text-transform:uppercase; letter-spacing:.06em; font-weight:600;
}
.woocommerce .price, .woocommerce-Price-amount { color:var(--dh-ink); }
.woocommerce span.onsale { background:var(--dh-gold-gradient); border-radius:999px; }
/* Search panel */
.dh-search-panel { position:fixed; inset:0; z-index:70; background:rgba(23,21,19,.35); opacity:0; visibility:hidden; transition:opacity .25s ease; display:grid; place-items:start center; padding-top:14vh; }
.dh-search-panel.open { opacity:1; visibility:visible; }
.dh-search-box { position:relative; width:min(92%,640px); background:var(--dh-pearl); border:1px solid rgba(200,154,69,.4); border-radius:16px; padding:1.2rem 1.4rem; box-shadow:0 20px 50px rgba(110,75,25,.25); }
.dh-search-box form { display:flex; gap:.5rem; }
.dh-search-box input[type=search], .dh-search-box input[type=text] { flex:1; border:1px solid rgba(200,154,69,.4); border-radius:12px; padding:.8rem 1rem; font-family:var(--dh-sans); outline:none; background:#fff; }
.dh-search-box button[type=submit] { border:none; border-radius:12px; padding:0 1.2rem; background:var(--dh-gold-gradient); color:#fff; font-weight:600; cursor:pointer; }
.dh-search-close { position:absolute; top:-14px; right:-14px; width:36px; height:36px; border-radius:50%; border:1px solid rgba(200,154,69,.5); background:#fff; color:var(--dh-gold-deep); display:grid; place-items:center; cursor:pointer; }
.dh-search-close svg { width:20px; height:20px; }
/* WooCommerce content wrapper (single, cart, checkout, account) */
.dh-woo-wrap { padding:1.6rem 0 3.5rem; }
.dh-woo-wrap .woocommerce-breadcrumb { font-size:.82rem; color:var(--dh-ink-soft); margin-bottom:1.2rem; }
.dh-woo-wrap .woocommerce-message, .dh-woo-wrap .woocommerce-info, .dh-woo-wrap .woocommerce-error { border-top-color:var(--dh-gold); border-radius:12px; }
/* Cart / checkout / account page header (title left, secure badge right) */
.dh-woo-head { padding:2.4rem 0 0; }
.dh-woo-head .dh-container { display:flex; align-items:center; justify-content:space-between; gap:1.5rem; flex-wrap:wrap; }
.dh-woo-head h1 { font-size:clamp(2rem,4.2vw,3rem); text-transform:uppercase; letter-spacing:.02em; }
.dh-woo-head .woocommerce-breadcrumb { font-size:.82rem; color:var(--dh-ink-soft); margin:.5rem 0 0; }
.dh-woo-head .secure { display:flex; align-items:center; gap:.7rem; }
.dh-woo-head .secure svg { width:34px; height:34px; color:var(--dh-gold); flex:none; }
.dh-woo-head .secure strong { display:block; font-size:.86rem; text-transform:uppercase; letter-spacing:.06em; }
.dh-woo-head .secure span { font-size:.78rem; color:var(--dh-ink-soft); }
@media (max-width:640px) { .dh-woo-head .secure { display:none; } }
/* Inline gold feature icons + custom-logo sizing (fixes) */
.dh-img-icon.dh-gold-ico { display:inline-flex; align-items:center; justify-content:center; color:var(--dh-gold-deep); }
.dh-img-icon.dh-gold-ico svg { width:100%; height:100%; display:block; }
.dh-trust-item .dh-img-icon.dh-gold-ico { width:38px; height:38px; }
.dh-feature .ico .dh-img-icon.dh-gold-ico { width:30px; height:30px; }
.dh-longevity-card .ico .dh-img-icon.dh-gold-ico { width:30px; height:30px; }
/* Header logo — cap size whether custom logo or wordmark */
.dh-header .dh-logo { display:inline-flex; align-items:center; max-height:56px; }
.dh-header .dh-logo img, .dh-header .custom-logo, .dh-header .custom-logo-link img { height:48px !important; width:auto !important; max-width:220px; display:block; }
@media (max-width:600px){ .dh-header .dh-logo img, .dh-header .custom-logo, .dh-header .custom-logo-link img { height:36px !important; } }
/* ================================================================== */
/* WooCommerce single product / cart / account — branded layout */
/* ================================================================== */
.dh-product-page { padding:1.4rem 0 2rem; }
.dh-product-page .woocommerce-breadcrumb { font-size:.82rem; color:var(--dh-ink-soft); margin-bottom:1.2rem; }
/* Gallery: vertical thumbnails to the left of the main image */
.dh-gallery-col .woocommerce-product-gallery { position:relative; margin:0; }
.dh-gallery-col .woocommerce-product-gallery__wrapper { border-radius:var(--dh-radius-lg); overflow:hidden; box-shadow:var(--dh-shadow-card); background:linear-gradient(160deg,#fffdf8,#f3eadc); margin:0; }
.dh-gallery-col .woocommerce-product-gallery img { border-radius:var(--dh-radius-lg); }
.dh-gallery-col .woocommerce-product-gallery__trigger { position:absolute; top:1rem; right:1rem; z-index:5; background:#fff; border:1px solid rgba(200,154,69,.4); border-radius:50%; width:40px; height:40px; }
@media (min-width:768px){
.dh-gallery-col .woocommerce-product-gallery { display:grid; grid-template-columns:82px 1fr; gap:1rem; align-items:start; }
.dh-gallery-col .woocommerce-product-gallery__wrapper { grid-column:2; grid-row:1; }
.dh-gallery-col .flex-control-thumbs { grid-column:1; grid-row:1; display:flex; flex-direction:column; gap:.7rem; margin:0; padding:0; list-style:none; }
.dh-gallery-col .flex-control-thumbs li { width:100%; margin:0; }
.dh-gallery-col .flex-control-thumbs img { border-radius:12px; border:1px solid rgba(200,154,69,.3); cursor:pointer; opacity:.72; transition:opacity .15s ease,border-color .15s ease; }
.dh-gallery-col .flex-control-thumbs img.flex-active, .dh-gallery-col .flex-control-thumbs img:hover { opacity:1; border-color:var(--dh-gold-deep); }
}
/* Summary column */
.dh-product-info .product_title { font-family:var(--dh-serif); font-weight:600; font-size:clamp(2rem,4vw,3rem); margin:.3rem 0; line-height:1.05; }
.dh-product-info .subtitle { color:var(--dh-gold-deep); letter-spacing:.06em; }
.dh-product-info .woocommerce-product-rating { margin:.5rem 0; font-size:.85rem; }
.dh-product-info .star-rating span::before { color:var(--dh-gold); }
.dh-price-lg { font-family:var(--dh-serif); font-size:2rem; color:var(--dh-ink); margin:1rem 0 .2rem; }
.dh-price-lg .price { font-size:inherit; color:inherit; }
.dh-product-info form.cart { margin:1.2rem 0 0; }
.dh-product-info table.variations { width:100%; border:none; margin:0 0 1rem; }
.dh-product-info table.variations td, .dh-product-info table.variations th { border:none; padding:.4rem 0; }
.dh-product-info table.variations th.label { text-align:left; font-size:.76rem; letter-spacing:.14em; text-transform:uppercase; font-weight:700; }
.dh-product-info table.variations select { border:1px solid rgba(200,154,69,.45); border-radius:12px; padding:.7rem 1rem; font-family:var(--dh-sans); background:#fff; }
.dh-product-info .woocommerce-variation-add-to-cart, .dh-product-info form.cart:not(.variations_form) { display:flex; flex-wrap:wrap; gap:1rem; align-items:center; }
.dh-product-info .quantity input.qty { width:64px; text-align:center; padding:.65rem; border:1px solid rgba(200,154,69,.45); border-radius:12px; font-family:var(--dh-sans); }
.dh-product-info .single_add_to_cart_button { flex:1; min-width:200px; padding:1rem 2rem !important; }
.dh-product-info .woocommerce-variation-price .price { font-family:var(--dh-serif); font-size:1.5rem; }
/* Fragrance notes + tabs side by side */
.dh-tabs-box .woocommerce-tabs { margin:0; }
.dh-tabs-box .woocommerce-tabs ul.tabs { list-style:none; margin:0 0 1.2rem; padding:0; display:flex; gap:1.6rem; border-bottom:1px solid rgba(200,154,69,.3); }
.dh-tabs-box .woocommerce-tabs ul.tabs::before { display:none; }
.dh-tabs-box .woocommerce-tabs ul.tabs li { padding:0; margin:0; background:none; border:none; border-radius:0; }
.dh-tabs-box .woocommerce-tabs ul.tabs li::before, .dh-tabs-box .woocommerce-tabs ul.tabs li::after { display:none; }
.dh-tabs-box .woocommerce-tabs ul.tabs li a { padding:.2rem 0 .8rem; font-family:var(--dh-sans); font-weight:700; font-size:.8rem; letter-spacing:.1em; text-transform:uppercase; color:var(--dh-ink-soft); }
.dh-tabs-box .woocommerce-tabs ul.tabs li.active a { color:var(--dh-gold-deep); box-shadow:0 2px 0 var(--dh-gold-deep); }
.dh-tabs-box .woocommerce-tabs .panel, .dh-tabs-box .woocommerce-Tabs-panel { color:var(--dh-ink-soft); padding:0; }
.dh-tabs-box .woocommerce-tabs .panel h2 { display:none; }
/* Related products grid uses branded cards */
.dh-single .related.products, .dh-single .upsells.products { margin-top:3rem; }
.dh-single .related.products > h2 { font-family:var(--dh-serif); font-size:2rem; margin:0 0 1.4rem; }
.dh-single .related.products ul.products, .dh-single .upsells.products ul.products { display:grid; grid-template-columns:repeat(auto-fill,minmax(200px,1fr)); gap:1.4rem; list-style:none; margin:0; padding:0; }
/* Account single column (registration disabled) */
.dh-account-grid.single { grid-template-columns:1fr; max-width:540px; margin:0 auto; }
/* Cart / checkout branding */
.woocommerce table.shop_table { border-radius:var(--dh-radius); border-color:rgba(200,154,69,.3); overflow:hidden; }
.woocommerce-cart table.cart img { width:70px; border-radius:10px; }
.woocommerce .cart-collaterals .cart_totals, .woocommerce-checkout #order_review { background:linear-gradient(160deg,#fff,#f7f1e8); border:1px solid rgba(200,154,69,.3); border-radius:var(--dh-radius); padding:1.4rem; }
.woocommerce .cart_totals h2, .woocommerce-checkout #order_review_heading, .woocommerce-billing-fields h3, .woocommerce-additional-fields h3, #order_review_heading { font-family:var(--dh-serif); color:var(--dh-gold-deep); }
.woocommerce form .form-row input.input-text, .woocommerce form .form-row textarea, .woocommerce form .form-row select, .select2-container--default .select2-selection--single {
border:1px solid rgba(200,154,69,.4) !important; border-radius:12px !important; padding:.7rem .9rem; font-family:var(--dh-sans);
}
.woocommerce #payment, .woocommerce-checkout #payment { background:transparent; }
/* ================================================================== */
/* Neutralise WooCommerce's float layout (woocommerce-layout.css). */
/* It sets div.images{48%}, div.summary{48%} and li.product{30.75%} */
/* with floats. Inside our CSS grids those percentages shrink each */
/* child inside its own track, leaving squashed cards and dead space. */
/* ================================================================== */
ul.products.dh-shop-grid li.product,
.woocommerce ul.products.dh-shop-grid li.product,
.woocommerce-page ul.products.dh-shop-grid li.product {
width:100% !important; float:none !important; margin:0 !important; clear:none !important;
}
.dh-product-layout .dh-gallery-col div.images,
.dh-product-layout .woocommerce-product-gallery,
.woocommerce div.product .dh-gallery-col div.images,
.woocommerce div.product .dh-gallery-col .woocommerce-product-gallery {
width:100% !important; float:none !important; margin:0 !important;
}
.dh-product-layout .summary,
.woocommerce div.product .dh-product-info.summary {
width:100% !important; float:none !important; margin:0 !important; clear:none !important;
}
.dh-gallery-col .woocommerce-product-gallery__wrapper img { width:100%; height:auto; }
/* Related products — 5-up branded grid instead of WooCommerce floats */
.related.products > h2, .up-sells > h2 {
font-family:var(--dh-serif); color:var(--dh-ink); font-size:1.6rem;
text-transform:uppercase; letter-spacing:.04em; margin:3rem 0 1.4rem;
}
.related.products ul.products, .up-sells ul.products {
display:grid; grid-template-columns:repeat(auto-fill,minmax(190px,1fr));
gap:1.4rem; list-style:none; margin:0; padding:0;
}
.related.products ul.products li.product, .up-sells ul.products li.product {
width:100% !important; float:none !important; margin:0 !important; clear:none !important;
}
/* ================================================================== */
/* WooCommerce Blocks cart & checkout (the newer block-based pages) */
/* ================================================================== */
.wc-block-cart__submit-button,
.wc-block-components-checkout-place-order-button,
.wc-block-components-button:not(.is-link) {
background:var(--dh-gold-gradient) !important; color:#fff !important;
border:none !important; border-radius:999px !important;
font-family:var(--dh-sans); font-weight:700; letter-spacing:.06em;
text-transform:uppercase; font-size:.82rem; padding:1rem 2rem !important;
box-shadow:0 8px 22px rgba(185,130,42,.28);
}
.wc-block-cart__submit-button:hover,
.wc-block-components-checkout-place-order-button:hover,
.wc-block-components-button:not(.is-link):hover { filter:brightness(1.06); }
.wp-block-woocommerce-cart .wc-block-cart__sidebar .wc-block-components-sidebar,
.wc-block-checkout__sidebar .wc-block-components-totals-wrapper,
.wp-block-woocommerce-checkout-order-summary-block {
background:linear-gradient(160deg,#fff,#f7f1e8);
border:1px solid rgba(200,154,69,.3); border-radius:var(--dh-radius); padding:1.4rem;
}
.wc-block-components-totals-item__label { font-family:var(--dh-sans); }
.wc-block-components-totals-footer-item .wc-block-components-totals-item__value,
.wc-block-components-product-price__value { font-family:var(--dh-serif); color:var(--dh-gold-deep); }
.wc-block-components-product-name { font-family:var(--dh-sans); font-weight:700; color:var(--dh-ink); }
.wc-block-components-text-input input, .wc-block-components-select__container {
border-radius:12px !important; border-color:rgba(200,154,69,.4) !important;
}
/* Shop filter panel — clear link + tame widget styling inside the panel */
.dh-filter-clear {
display:block; text-align:center; margin-top:1.2rem; padding:.75rem 1rem;
border:1px solid var(--dh-gold); border-radius:999px;
color:var(--dh-gold-deep); font-size:.78rem; font-weight:700;
letter-spacing:.1em; text-transform:uppercase;
}
.dh-filter-clear:hover { background:var(--dh-gold); color:#fff; }
.dh-filter .widget { padding:1.1rem 0 0; border-top:1px solid rgba(200,154,69,.2); margin-top:1.1rem; }
.dh-filter .widget:first-of-type { border-top:none; }
.dh-filter .widget-title, .dh-filter .wp-block-heading {
font-family:var(--dh-sans); font-size:.78rem; letter-spacing:.12em;
text-transform:uppercase; margin:0 0 .8rem; color:var(--dh-ink);
}
.dh-filter ul { list-style:none; margin:0; padding:0; }
.dh-filter li { font-size:.86rem; color:var(--dh-ink-soft); padding:.28rem 0; }
.dh-filter .price_slider_wrapper .ui-slider-range, .dh-filter .ui-slider-handle { background:var(--dh-gold) !important; }
.dh-filter .button, .dh-filter button[type="submit"] {
background:var(--dh-gold-gradient); color:#fff; border:none;
border-radius:999px; padding:.55rem 1.2rem; font-size:.76rem;
font-weight:700; letter-spacing:.08em; text-transform:uppercase;
}
/* ================================================================== */
/* Filter panel — collapsible groups, checkboxes, price slider */
/* ================================================================== */
.dh-acc-head {
width:100%; display:flex; align-items:center; justify-content:space-between;
background:none; border:none; padding:0; cursor:pointer;
font-family:var(--dh-sans); font-size:.78rem; font-weight:700;
letter-spacing:.12em; text-transform:uppercase; color:var(--dh-ink);
}
.dh-acc-head .dh-chev { width:16px; height:16px; color:var(--dh-gold-deep); transition:transform .2s ease; }
.dh-filter-group.open .dh-acc-head .dh-chev { transform:rotate(180deg); }
.dh-acc-body { display:none; padding-top:.9rem; }
.dh-filter-group.open .dh-acc-body { display:block; }
.dh-filter .dh-check {
display:flex; align-items:center; gap:.65rem; padding:.34rem 0;
font-size:.86rem; color:var(--dh-ink-soft); cursor:pointer; text-decoration:none;
}
.dh-filter .dh-check .box {
width:17px; height:17px; border-radius:5px; flex:none;
border:1.5px solid rgba(200,154,69,.6); background:#fff; position:relative;
}
.dh-filter .dh-check.on { color:var(--dh-gold-deep); font-weight:700; }
.dh-filter .dh-check.on .box { background:var(--dh-gold-gradient); border-color:var(--dh-gold-deep); }
.dh-filter .dh-check.on .box::after {
content:""; position:absolute; left:5px; top:1.5px; width:4px; height:8px;
border:solid #fff; border-width:0 2px 2px 0; transform:rotate(45deg);
}
.dh-filter .dh-check:hover { color:var(--dh-gold-deep); }
/* Dual-handle price slider */
.dh-range { position:relative; height:26px; margin:.4rem 0 .2rem; }
.dh-range .track, .dh-range .fill {
position:absolute; top:11px; height:4px; border-radius:999px;
}
.dh-range .track { left:0; right:0; background:rgba(200,154,69,.25); }
.dh-range .fill { background:var(--dh-gold-gradient); }
.dh-range input[type="range"] {
position:absolute; left:0; right:0; top:0; width:100%; height:26px;
margin:0; background:none; pointer-events:none; -webkit-appearance:none; appearance:none;
}
.dh-range input[type="range"]::-webkit-slider-thumb {
-webkit-appearance:none; pointer-events:auto; cursor:grab;
width:18px; height:18px; border-radius:50%;
background:var(--dh-gold-gradient); border:2px solid #fff;
box-shadow:0 2px 6px rgba(110,75,30,.35);
}
.dh-range input[type="range"]::-moz-range-thumb {
pointer-events:auto; cursor:grab; width:18px; height:18px; border-radius:50%;
background:var(--dh-gold-deep); border:2px solid #fff;
box-shadow:0 2px 6px rgba(110,75,30,.35);
}
.dh-range input[type="range"]::-moz-range-track { background:none; }
.dh-range-vals { display:flex; justify-content:space-between; font-size:.84rem; color:var(--dh-ink-soft); }
.dh-range-vals .woocommerce-Price-amount { color:var(--dh-gold-deep); font-weight:700; }
.dh-range-go {
margin-top:.9rem; width:100%; padding:.55rem 1rem;
background:none; border:1px solid rgba(200,154,69,.5); border-radius:999px;
color:var(--dh-gold-deep); font-size:.74rem; font-weight:700;
letter-spacing:.1em; text-transform:uppercase;
}
.dh-range-go:hover { background:var(--dh-gold); color:#fff; border-color:var(--dh-gold); }
/* Load More */
.dh-loadmore {
display:inline-flex; align-items:center; gap:.6rem;
padding:.9rem 2.6rem; border-radius:999px;
background:linear-gradient(160deg,#fffdf8,#f4ebdc);
border:1px solid rgba(200,154,69,.5); color:var(--dh-ink);
font-size:.78rem; font-weight:700; letter-spacing:.14em; text-transform:uppercase;
box-shadow:var(--dh-shadow-soft);
}
.dh-loadmore:hover { border-color:var(--dh-gold-deep); color:var(--dh-gold-deep); }
.dh-loadmore .dh-chev { width:16px; height:16px; }
.dh-pagination-wrap { margin-top:1rem; }
.dh-pagination-wrap .woocommerce-pagination ul { border:none; display:inline-flex; gap:.4rem; }
.dh-pagination-wrap .woocommerce-pagination li { border:none; }
.dh-pagination-wrap .woocommerce-pagination a, .dh-pagination-wrap .woocommerce-pagination span.current {
border-radius:50%; min-width:34px; line-height:34px; padding:0;
}
.dh-pagination-wrap .woocommerce-pagination span.current { background:var(--dh-gold) !important; color:#fff !important; }
/* ================================================================== */
/* Single product — size pills, quantity stepper, Buy It Now */
/* ================================================================== */
.dh-product-info select.dh-select-hidden {
position:absolute; width:1px; height:1px; opacity:0; pointer-events:none;
}
.dh-swatches { display:flex; flex-wrap:wrap; gap:.7rem; }
.dh-swatch {
min-width:96px; padding:.75rem 1.4rem; border-radius:12px;
border:1px solid rgba(200,154,69,.55); background:#fff;
font-family:var(--dh-sans); font-size:.9rem; font-weight:600; color:var(--dh-ink);
transition:background .15s ease, color .15s ease, border-color .15s ease;
}
.dh-swatch:hover { border-color:var(--dh-gold-deep); }
.dh-swatch.on {
background:var(--dh-gold-gradient); color:#fff;
border-color:var(--dh-gold-deep); box-shadow:0 6px 16px rgba(185,130,42,.28);
}
.dh-product-info form.cart .quantity {
display:inline-flex; align-items:center; border:1px solid rgba(200,154,69,.45);
border-radius:12px; overflow:hidden; background:#fff;
}
.dh-product-info form.cart .quantity input.qty {
width:52px; border:none !important; border-radius:0 !important;
text-align:center; font-weight:700; -moz-appearance:textfield;
}
.dh-product-info form.cart .quantity input.qty::-webkit-outer-spin-button,
.dh-product-info form.cart .quantity input.qty::-webkit-inner-spin-button { -webkit-appearance:none; margin:0; }
.dh-qty-btn {
width:40px; height:44px; border:none; background:none;
color:var(--dh-gold-deep); font-size:1.15rem; line-height:1;
}
.dh-qty-btn:hover { background:rgba(200,154,69,.12); }
.dh-product-info .single_add_to_cart_button { display:flex; align-items:center; justify-content:center; gap:.8rem; }
.dh-btn-cart { width:20px; height:20px; flex:none; }
.dh-buy-now {
flex:1 0 100%; margin-top:.9rem; padding:1rem 2rem;
background:transparent; border:1px solid var(--dh-gold-deep); border-radius:999px;
color:var(--dh-gold-deep); font-family:var(--dh-sans); font-size:.84rem;
font-weight:700; letter-spacing:.12em; text-transform:uppercase;
}
.dh-buy-now:hover { background:var(--dh-gold); border-color:var(--dh-gold); color:#fff; }
/* Fragrance notes — vertical rail with diamond markers */
.dh-notes-box .dh-note { position:relative; display:flex; gap:.9rem; align-items:center; padding:1rem 0 1rem 1.5rem; }
.dh-notes-box .dh-note + .dh-note { border-top:1px solid rgba(200,154,69,.22); }
.dh-notes-box .dh-note::before {
content:""; position:absolute; left:0; top:50%; width:9px; height:9px;
margin-top:-4.5px; background:var(--dh-gold); transform:rotate(45deg);
}
.dh-notes-box .dh-note::after {
content:""; position:absolute; left:4px; top:0; bottom:0; width:1px;
border-left:1px dotted rgba(200,154,69,.55); z-index:-1;
}
.dh-notes-box .dh-note .ico svg { width:34px; height:34px; color:var(--dh-gold-deep); }
.dh-notes-box .dh-note b { display:block; font-family:var(--dh-sans); font-size:.78rem; letter-spacing:.1em; text-transform:uppercase; }
.dh-notes-box .dh-note p { margin:.2rem 0 0; font-size:.86rem; color:var(--dh-ink-soft); }
/* Mini trust row inside the tab panel */
.dh-tab-trust { display:grid; grid-template-columns:repeat(3,1fr); gap:1rem; margin-top:1.6rem; padding-top:1.4rem; border-top:1px solid rgba(200,154,69,.25); }
.dh-tab-trust .t { display:flex; gap:.7rem; align-items:center; font-size:.78rem; }
.dh-tab-trust .ico svg { width:30px; height:30px; color:var(--dh-gold-deep); }
.dh-tab-trust b { display:block; }
.dh-tab-trust span { color:var(--dh-ink-soft); }
@media (max-width:700px){ .dh-tab-trust { grid-template-columns:1fr; } }
/* ================================================================== */
/* My Account — one glass card, dotted divider, iconed column heads */
/* ================================================================== */
.dh-account-grid {
background:linear-gradient(160deg,rgba(255,253,248,.92),rgba(247,241,232,.92));
border:1px solid rgba(200,154,69,.3); border-radius:var(--dh-radius-lg);
box-shadow:var(--dh-shadow-card); padding:2.6rem; position:relative;
}
.dh-account-grid .dh-auth-card {
background:none; border:none; box-shadow:none; padding:0 2.2rem; text-align:center;
}
.dh-account-grid:not(.single) .dh-auth-card + .dh-auth-card { border-left:1px dotted rgba(200,154,69,.6); }
.dh-account-grid:not(.single)::after {
content:""; position:absolute; left:50%; top:50%; width:10px; height:10px;
margin:-5px 0 0 -5px; background:var(--dh-gold); transform:rotate(45deg);
box-shadow:0 0 0 6px rgba(255,253,248,.95);
}
.dh-auth-ico { display:block; color:var(--dh-gold-deep); margin-bottom:.5rem; }
.dh-auth-ico svg { width:34px; height:34px; margin:0 auto; }
.dh-account-grid .dh-auth-card h2 {
font-family:var(--dh-serif); font-size:1.7rem; text-transform:uppercase; letter-spacing:.04em;
}
.dh-account-grid .dh-auth-card .dh-flourish { margin:.4rem 0 1.6rem; }
.dh-account-grid .dh-field { text-align:left; }
.dh-account-grid .dh-field label {
display:block; font-size:.72rem; font-weight:700; letter-spacing:.1em;
text-transform:uppercase; margin-bottom:.45rem;
}
.dh-account-grid .dh-field .req { color:var(--dh-gold-deep); font-size:.66rem; }
.dh-account-grid .dh-remember { justify-content:flex-start; }
@media (max-width:820px){
.dh-account-grid { padding:1.8rem; }
.dh-account-grid .dh-auth-card { padding:0; }
.dh-account-grid:not(.single) .dh-auth-card + .dh-auth-card {
border-left:none; border-top:1px dotted rgba(200,154,69,.6); margin-top:2rem; padding-top:2rem;
}
.dh-account-grid:not(.single)::after { display:none; }
}
/* Footer payment badges */
.dh-pay { margin-top:1.2rem; }
.dh-pay .lbl { font-size:.68rem; letter-spacing:.14em; text-transform:uppercase; color:var(--dh-ink-soft); margin-bottom:.5rem; }
.dh-pay .row { display:flex; flex-wrap:wrap; gap:.5rem; }
.dh-pay .row span {
padding:.34rem .7rem; border-radius:7px; background:#fff;
border:1px solid rgba(200,154,69,.3); font-size:.68rem; font-weight:800;
letter-spacing:.04em; color:var(--dh-ink);
}
/* ================================================================== */
/* About page */
/* ================================================================== */
.dh-about-hero { position:relative; overflow:hidden; background:linear-gradient(120deg,#fffdf8,#f6efe4); }
.dh-about-hero .dh-container { position:relative; z-index:1; display:grid; grid-template-columns:1fr 1fr; gap:2rem; align-items:center; min-height:460px; }
.dh-about-hero .txt { padding:3.2rem 0; }
.dh-about-hero h1 { font-size:clamp(2.4rem,4.6vw,3.6rem); text-transform:uppercase; letter-spacing:.01em; }
.dh-about-hero p { color:var(--dh-ink-soft); max-width:52ch; margin:0 0 1rem; }
.dh-about-hero .banner-img { position:absolute; right:0; top:0; bottom:0; width:52%; }
.dh-about-hero .banner-img::before { content:""; position:absolute; inset:0; z-index:1; background:linear-gradient(90deg,#f8f2e8 0%,rgba(248,242,232,0) 34%); }
.dh-about-hero .banner-img img { width:100%; height:100%; object-fit:cover; }
.dh-about-block { display:grid; grid-template-columns:.85fr 1.15fr; gap:2.4rem; align-items:center; padding:2.2rem 0; }
.dh-about-block + .dh-about-block { border-top:1px solid rgba(200,154,69,.22); }
.dh-about-block .shot { position:relative; }
.dh-about-block .shot img { width:100%; aspect-ratio:16/10; object-fit:cover; border-radius:var(--dh-radius); box-shadow:var(--dh-shadow-card); }
.dh-about-block .medallion {
position:absolute; right:-42px; top:50%; margin-top:-42px;
width:84px; height:84px; border-radius:50%; display:grid; place-items:center;
background:radial-gradient(120% 120% at 30% 25%,#fff 0%,#f7f0e4 60%,#efe3d0 100%);
border:1px solid rgba(200,154,69,.45); box-shadow:0 10px 26px rgba(110,75,30,.18); color:var(--dh-gold-deep);
}
.dh-about-block .medallion svg { width:40px; height:40px; }
.dh-about-block h2 { font-family:var(--dh-serif); color:var(--dh-gold-deep); font-size:1.5rem; text-transform:uppercase; letter-spacing:.03em; }
.dh-about-block .copy .dh-flourish { justify-content:flex-start; margin:.5rem 0 1rem; }
.dh-about-block p { color:var(--dh-ink-soft); margin:0; }
.dh-promise {
display:grid; grid-template-columns:150px 1fr .8fr; gap:2rem; align-items:center;
margin-top:2.4rem; padding:2rem; border:1px solid rgba(200,154,69,.3);
border-radius:var(--dh-radius-lg); background:linear-gradient(160deg,#fffdf8,#f7f1e8);
}
.dh-promise .mono {
width:130px; height:130px; border-radius:50%; display:grid; place-items:center;
background:radial-gradient(120% 120% at 30% 25%,#fff,#f3ead9);
border:1px solid rgba(200,154,69,.4);
}
.dh-promise .mono img { width:70px; }
.dh-promise h2 { font-family:var(--dh-serif); color:var(--dh-gold-deep); font-size:1.3rem; text-transform:uppercase; }
.dh-promise .copy .dh-flourish { justify-content:flex-start; margin:.4rem 0 .8rem; }
.dh-promise p { color:var(--dh-ink-soft); font-size:.92rem; margin:0; }
.dh-promise .shopfront img { border-radius:var(--dh-radius); opacity:.85; }
@media (max-width:900px){
.dh-about-hero .dh-container { grid-template-columns:1fr; min-height:0; }
.dh-about-hero .txt { padding:2rem 0 14rem; }
.dh-about-hero .banner-img { width:100%; top:auto; height:230px; }
.dh-about-hero .banner-img::before { background:linear-gradient(180deg,#f8f2e8,transparent 45%); }
.dh-about-block { grid-template-columns:1fr; gap:1.2rem; }
.dh-about-block .medallion { right:1rem; top:auto; bottom:-30px; margin:0; width:64px; height:64px; }
.dh-about-block .medallion svg { width:30px; height:30px; }
.dh-promise { grid-template-columns:1fr; text-align:center; }
.dh-promise .mono { margin:0 auto; }
.dh-promise .copy .dh-flourish { justify-content:center; }
}
/* ================================================================== */
/* FAQ page */
/* ================================================================== */
.dh-faq-page { background-size:cover; background-position:center; padding:3rem 0 4rem; }
.dh-faq-head { text-align:center; margin-bottom:2.2rem; }
.dh-faq-head h1 { font-family:var(--dh-serif); color:var(--dh-gold-deep); font-size:clamp(2.6rem,5vw,3.6rem); }
.dh-faq-head .sub { font-family:var(--dh-serif); font-size:1.5rem; letter-spacing:.06em; text-transform:uppercase; margin:.2rem 0 0; }
.dh-faq-layout { display:grid; grid-template-columns:1.25fr .75fr; gap:2rem; align-items:start; }
.dh-faq { max-width:none; }
.dh-faq-q { gap:1rem; }
.dh-faq-q .medallion {
width:56px; height:56px; flex:none; border-radius:50%; display:grid; place-items:center;
background:radial-gradient(120% 120% at 30% 25%,#fff,#f4ebdb);
border:1px solid rgba(200,154,69,.4); color:var(--dh-gold-deep);
}
.dh-faq-q .medallion svg { width:28px; height:28px; }
.dh-faq-q .q { flex:1; text-align:left; }
.dh-faq-side { position:sticky; top:100px; display:grid; gap:1.2rem; }
.dh-faq-side .shot img { width:100%; border-radius:var(--dh-radius-lg); box-shadow:var(--dh-shadow-card); }
.dh-faq-trust {
display:grid; grid-template-columns:repeat(4,1fr); gap:.6rem; text-align:center;
padding:1.2rem 1rem; border:1px solid rgba(200,154,69,.3);
border-radius:var(--dh-radius); background:linear-gradient(160deg,#fffdf8,#f7f1e8);
}
.dh-faq-trust .t { display:flex; flex-direction:column; align-items:center; gap:.35rem; }
.dh-faq-trust .t + .t { border-left:1px solid rgba(200,154,69,.25); }
.dh-faq-trust .ico svg, .dh-faq-trust .dh-img-icon { width:30px; height:30px; color:var(--dh-gold-deep); }
.dh-faq-trust b { font-size:.72rem; letter-spacing:.06em; text-transform:uppercase; }
.dh-faq-trust .s { font-size:.68rem; color:var(--dh-ink-soft); line-height:1.35; }
.dh-faq-sign { text-align:center; margin-top:2.6rem; }
.dh-faq-sign img { width:170px; margin:0 auto; }
@media (max-width:900px){
.dh-faq-layout { grid-template-columns:1fr; }
.dh-faq-side { position:static; }
.dh-faq-trust { grid-template-columns:repeat(2,1fr); }
.dh-faq-trust .t:nth-child(3) { border-left:none; }
}
/* ================================================================== */
/* Footer refinements to match the reference */
/* ================================================================== */
.dh-footer-brand { display:block; }
.dh-footer-word { width:190px; margin-top:.5rem; }
.dh-footer-grid h4 + .dh-flourish { justify-content:flex-start; margin:.35rem 0 1rem; }
.dh-footer-grid h4 + .dh-flourish::before { display:none; }
.dh-footer-grid ul li + li { border-top:1px solid rgba(200,154,69,.22); }
.dh-footer-grid ul li a { display:block; padding:.6rem 0; }
.dh-footer-brand + .dh-flourish { justify-content:flex-start; margin:.6rem 0 .8rem; }
.dh-footer-brand + .dh-flourish::before { display:none; }
.dh-social a {
width:44px; height:44px; border-radius:50%; display:grid; place-items:center;
border:1px solid rgba(200,154,69,.5); color:var(--dh-gold-deep);
}
.dh-social a:hover { background:var(--dh-gold); color:#fff; border-color:var(--dh-gold); }
.dh-social a svg { width:20px; height:20px; }
.dh-footer-bottom { text-align:center; }
/* ================================================================== */
/* Slimmer, glassier header */
/* ================================================================== */
.dh-header {
background:linear-gradient(180deg, rgba(255,253,248,.62), rgba(247,241,232,.42));
backdrop-filter:blur(18px) saturate(150%);
-webkit-backdrop-filter:blur(18px) saturate(150%);
border-bottom:1px solid rgba(200,154,69,.16);
}
.dh-header-inner { padding:.42rem 0; gap:1rem; }
.dh-logo-img { height:34px; }
.dh-header .dh-logo { max-height:40px; }
.dh-header .dh-logo img,
.dh-header .custom-logo,
.dh-header .custom-logo-link img { height:34px !important; }
.dh-nav-glass { padding:.22rem .5rem; }
.dh-nav-glass ul.dh-nav-menu a { font-size:.76rem; padding:.42rem .95rem; }
.dh-header-actions { gap:.7rem; }
.dh-header-actions .dh-icon-btn { width:38px; height:38px; }
.dh-header-actions .dh-icon-btn svg { width:19px; height:19px; }
@media (max-width:600px){
.dh-header-inner { padding:.35rem 0; }
.dh-logo-img { height:28px; }
.dh-header .dh-logo img,
.dh-header .custom-logo,
.dh-header .custom-logo-link img { height:28px !important; }
}
/* ================================================================== */
/* Tighter footer */
/* ================================================================== */
.dh-footer { padding:2rem 0 1rem; }
.dh-footer-grid { gap:1.6rem; }
.dh-footer h4 { font-size:1.05rem; margin-bottom:.4rem; }
.dh-footer .brand p { font-size:.84rem; margin:.5rem 0 .8rem; }
.dh-footer ul { gap:0; }
.dh-footer-grid ul li a { padding:.42rem 0; font-size:.85rem; }
.dh-footer-word { width:150px; margin-top:.35rem; }
.dh-footer-mono { max-width:64px; }
.dh-social a { width:36px; height:36px; }
.dh-social a svg, .dh-social svg { width:17px; height:17px; }
.dh-contact-item { margin-bottom:.6rem; font-size:.84rem; }
.dh-footer-bottom { margin-top:1rem; padding-top:.9rem; font-size:.78rem; }
.dh-footer .dh-flourish { margin:.3rem 0 .7rem; }
.dh-footer-features { padding-bottom:.4rem; }
/* ================================================================== */
/* Cart — classic [woocommerce_cart] styled to the reference */
/* ================================================================== */
.woocommerce-cart .dh-woo-wrap .woocommerce {
display:grid; grid-template-columns:1.55fr .85fr; gap:1.6rem; align-items:start;
}
.woocommerce-cart .dh-woo-wrap form.woocommerce-cart-form,
.woocommerce-cart .dh-woo-wrap .cart-collaterals {
background:linear-gradient(160deg,#fffdf8,#f7f1e8);
border:1px solid rgba(200,154,69,.3); border-radius:var(--dh-radius-lg);
padding:1.6rem; box-shadow:var(--dh-shadow-soft); margin:0;
}
.woocommerce-cart .dh-woo-wrap .cart-collaterals,
.woocommerce-cart .dh-woo-wrap .cart-collaterals .cart_totals { width:100%; float:none; }
.woocommerce-cart .dh-woo-wrap .cart-collaterals .cart_totals {
background:none; border:none; padding:0;
}
.woocommerce-cart table.shop_table.cart { border:none; background:none; margin:0; }
.woocommerce-cart table.shop_table.cart thead th {
background:none; border:none; border-bottom:1px solid rgba(200,154,69,.3);
font-family:var(--dh-sans); font-size:.72rem; font-weight:700;
letter-spacing:.12em; text-transform:uppercase; color:var(--dh-ink); padding:0 0 .9rem;
}
.woocommerce-cart table.shop_table.cart td {
border:none; border-bottom:1px solid rgba(200,154,69,.2); padding:1.1rem .6rem; vertical-align:middle;
}
.woocommerce-cart table.shop_table.cart td.product-thumbnail img {
width:78px; height:78px; object-fit:cover; border-radius:12px;
border:1px solid rgba(200,154,69,.25);
}
.woocommerce-cart td.product-name a { font-family:var(--dh-sans); font-weight:700; color:var(--dh-ink); }
.woocommerce-cart td.product-name .variation { font-size:.8rem; color:var(--dh-ink-soft); margin:.2rem 0 0; }
.woocommerce-cart td.product-price, .woocommerce-cart td.product-subtotal { color:var(--dh-gold-deep); font-weight:700; }
.woocommerce-cart td.product-remove a.remove {
color:var(--dh-taupe) !important; font-size:1.3rem; background:none !important;
}
.woocommerce-cart td.product-remove a.remove:hover { color:#b3261e !important; }
.woocommerce-cart .coupon { display:flex; gap:.6rem; align-items:center; }
.woocommerce-cart .coupon #coupon_code {
width:190px; padding:.7rem .9rem; border:1px solid rgba(200,154,69,.4); border-radius:999px;
}
.woocommerce-cart .actions .button, .woocommerce-cart .coupon .button {
background:none !important; border:1px solid rgba(200,154,69,.55) !important;
color:var(--dh-gold-deep) !important; border-radius:999px !important;
padding:.7rem 1.5rem !important; font-size:.74rem; font-weight:700;
letter-spacing:.1em; text-transform:uppercase;
}
.woocommerce-cart .actions .button:hover, .woocommerce-cart .coupon .button:hover {
background:var(--dh-gold) !important; color:#fff !important; border-color:var(--dh-gold) !important;
}
.woocommerce-cart .cart_totals h2 { font-size:1.1rem; letter-spacing:.08em; text-transform:uppercase; margin:0 0 1rem; }
.woocommerce-cart .cart_totals table { border:none; }
.woocommerce-cart .cart_totals table th, .woocommerce-cart .cart_totals table td {
border:none; border-bottom:1px solid rgba(200,154,69,.2); padding:.7rem 0; font-size:.9rem;
}
.woocommerce-cart .cart_totals .order-total th, .woocommerce-cart .cart_totals .order-total td { border-bottom:none; }
.woocommerce-cart .cart_totals .order-total .woocommerce-Price-amount {
font-family:var(--dh-serif); font-size:1.5rem; color:var(--dh-gold-deep);
}
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button {
display:block; width:100%; text-align:center;
background:var(--dh-gold-gradient) !important; color:#fff !important;
border-radius:999px !important; padding:1rem 1.5rem !important;
font-size:.82rem; font-weight:700; letter-spacing:.1em; text-transform:uppercase;
box-shadow:0 8px 22px rgba(185,130,42,.3);
}
@media (max-width:900px){
.woocommerce-cart .dh-woo-wrap .woocommerce { grid-template-columns:1fr; }
.woocommerce-cart table.shop_table.cart td.product-thumbnail img { width:60px; height:60px; }
}
/* ================================================================== */
/* Header — deeper transparency (true frosted glass) */
/* ================================================================== */
.dh-header {
background:linear-gradient(180deg, rgba(255,253,248,.34), rgba(247,241,232,.18));
backdrop-filter:blur(22px) saturate(165%);
-webkit-backdrop-filter:blur(22px) saturate(165%);
border-bottom:1px solid rgba(200,154,69,.12);
box-shadow:0 2px 18px rgba(110,75,30,.05);
}
/* Brand wordmark (replaces the DH monogram everywhere) */
.dh-footer-word { width:200px; margin:0; }
.dh-policy-hero .mono, .dh-policy-hero img.mono { width:230px; height:auto; }
.dh-promise .mono {
width:auto; height:auto; border:none; background:none; border-radius:0;
}
.dh-promise .mono img { width:150px; }
.dh-faq-sign img { width:230px; }
/* ================================================================== */
/* Contact page */
/* ================================================================== */
.dh-contact-page { background-size:cover; background-position:center; padding:3rem 0 4rem; }
.dh-contact-layout { display:grid; grid-template-columns:.85fr 1.15fr; gap:1.6rem; align-items:start; }
.dh-contact-card, .dh-contact-body {
background:linear-gradient(160deg,rgba(255,253,248,.94),rgba(247,241,232,.94));
border:1px solid rgba(200,154,69,.3); border-radius:var(--dh-radius-lg);
padding:1.8rem; box-shadow:var(--dh-shadow-soft);
}
.dh-contact-card .row { display:flex; gap:.9rem; align-items:flex-start; padding:1rem 0; }
.dh-contact-card .row + .row { border-top:1px solid rgba(200,154,69,.22); }
.dh-contact-card .ico {
width:46px; height:46px; flex:none; border-radius:50%; display:grid; place-items:center;
background:radial-gradient(120% 120% at 30% 25%,#fff,#f4ebdb);
border:1px solid rgba(200,154,69,.4); color:var(--dh-gold-deep);
}
.dh-contact-card .ico svg { width:20px; height:20px; }
.dh-contact-card b {
display:block; font-size:.74rem; font-weight:700; letter-spacing:.12em;
text-transform:uppercase; color:var(--dh-gold-deep); margin-bottom:.25rem;
}
.dh-contact-card span { color:var(--dh-ink-soft); font-size:.9rem; line-height:1.6; }
.dh-contact-card a { color:inherit; }
.dh-contact-card a:hover { color:var(--dh-gold-deep); }
.dh-contact-card .hours { margin-top:1.1rem; padding-top:1.1rem; border-top:1px solid rgba(200,154,69,.22); }
.dh-contact-hint { color:var(--dh-ink-soft); }
.dh-contact-body input[type="text"], .dh-contact-body input[type="email"],
.dh-contact-body input[type="tel"], .dh-contact-body textarea, .dh-contact-body select {
width:100%; padding:.8rem 1rem; border:1px solid rgba(200,154,69,.4);
border-radius:12px; font-family:var(--dh-sans); background:#fff; margin-bottom:1rem;
}
.dh-contact-body input[type="submit"], .dh-contact-body button[type="submit"] {
background:var(--dh-gold-gradient); color:#fff; border:none; border-radius:999px;
padding:.9rem 2.2rem; font-weight:700; letter-spacing:.1em; text-transform:uppercase; font-size:.8rem;
}
@media (max-width:900px){ .dh-contact-layout { grid-template-columns:1fr; } }
/* ================================================================== */
/* My Account — logged-in dashboard */
/* ================================================================== */
.woocommerce-account .woocommerce-MyAccount-navigation {
width:100%; float:none; margin-bottom:1.4rem;
}
.woocommerce-account .woocommerce-MyAccount-navigation ul {
list-style:none; margin:0; padding:0; display:flex; flex-wrap:wrap; gap:.5rem;
}
.woocommerce-account .woocommerce-MyAccount-navigation li a {
display:block; padding:.6rem 1.3rem; border-radius:999px;
border:1px solid rgba(200,154,69,.45); color:var(--dh-ink);
font-size:.76rem; font-weight:700; letter-spacing:.09em; text-transform:uppercase;
background:linear-gradient(160deg,#fffdf8,#f5ece0);
}
.woocommerce-account .woocommerce-MyAccount-navigation li.is-active a,
.woocommerce-account .woocommerce-MyAccount-navigation li a:hover {
background:var(--dh-gold-gradient); color:#fff; border-color:var(--dh-gold-deep);
}
.woocommerce-account .woocommerce-MyAccount-content {
width:100%; float:none;
background:linear-gradient(160deg,#fffdf8,#f7f1e8);
border:1px solid rgba(200,154,69,.3); border-radius:var(--dh-radius-lg);
padding:1.8rem; box-shadow:var(--dh-shadow-soft);
}
.woocommerce-account .woocommerce-MyAccount-content h2,
.woocommerce-account .woocommerce-MyAccount-content h3 {
font-family:var(--dh-serif); color:var(--dh-gold-deep);
}
.woocommerce-account .woocommerce-MyAccount-content table.shop_table {
border-radius:var(--dh-radius); border-color:rgba(200,154,69,.3);
}
.woocommerce-account .woocommerce-MyAccount-content .button,
.woocommerce-account .woocommerce-MyAccount-content button[type="submit"] {
background:var(--dh-gold-gradient) !important; color:#fff !important;
border:none !important; border-radius:999px !important;
padding:.8rem 1.8rem !important; font-size:.78rem; font-weight:700;
letter-spacing:.1em; text-transform:uppercase;
}
/* ================================================================== */
/* Exact gold artwork icons (raster-in-SVG, served as ![]()
) */
/* ================================================================== */
.dh-img-icon.dh-gold-ico img { width:100%; height:100%; object-fit:contain; display:block; }
.dh-img-icon.dh-gold-ico {
filter:drop-shadow(0 1px 0 rgba(255,255,255,.7)) drop-shadow(0 2px 3px rgba(100,70,25,.16));
}
/* Slightly larger than the old line icons — the artwork has its own padding */
.dh-trust-item .dh-img-icon.dh-gold-ico { width:52px; height:52px; }
.dh-feature .ico .dh-img-icon.dh-gold-ico { width:44px; height:44px; }
.dh-longevity-card .ico .dh-img-icon.dh-gold-ico { width:44px; height:44px; }
.dh-faq-trust .dh-img-icon.dh-gold-ico { width:40px; height:40px; }
@media (max-width:700px){
.dh-trust-item .dh-img-icon.dh-gold-ico { width:42px; height:42px; }
.dh-feature .ico .dh-img-icon.dh-gold-ico { width:38px; height:38px; }
}
/* Transparent 3D wordmark — no plate behind it anywhere it appears */
.dh-logo-img, .dh-footer-word, .dh-policy-hero img.mono,
.dh-promise .mono img, .dh-faq-sign img { background:transparent; }
.dh-header .dh-logo { background:none; box-shadow:none; }
/* ================================================================== */
/* Glassmorphism — nav pill, icon buttons, CTAs (thin bold gold ring) */
/* ================================================================== */
.dh-nav-glass {
background:linear-gradient(180deg, rgba(255,255,255,.42) 0%, rgba(255,250,242,.20) 100%);
backdrop-filter:blur(24px) saturate(180%);
-webkit-backdrop-filter:blur(24px) saturate(180%);
border:1.5px solid rgba(200,154,69,.85);
box-shadow:
inset 0 1px 1px rgba(255,255,255,.95),
inset 0 -2px 5px rgba(200,154,69,.22),
0 0 0 1px rgba(255,241,206,.45),
0 6px 20px rgba(110,75,30,.14);
}
.dh-header-actions .dh-icon-btn {
background:linear-gradient(180deg, rgba(255,255,255,.5), rgba(255,250,242,.22));
backdrop-filter:blur(18px) saturate(170%);
-webkit-backdrop-filter:blur(18px) saturate(170%);
border:1.5px solid rgba(200,154,69,.8);
box-shadow:
inset 0 1px 1px rgba(255,255,255,.9),
inset 0 -2px 4px rgba(200,154,69,.2),
0 3px 10px rgba(110,75,30,.12);
}
.dh-header-actions .dh-icon-btn:hover {
border-color:var(--dh-gold-deep);
box-shadow:
inset 0 1px 1px rgba(255,255,255,.95),
0 0 0 1px rgba(255,241,206,.6),
0 6px 16px rgba(110,75,30,.18);
}
/* Glass CTAs: outlined buttons get the same frosted fill + bold ring */
.dh-btn-ghost, .dh-loadmore, .dh-buy-now, .dh-range-go,
.dh-filter-clear, .dh-swatch, .woocommerce-cart .actions .button,
.woocommerce-cart .coupon .button {
background:linear-gradient(180deg, rgba(255,255,255,.55), rgba(255,250,242,.28)) !important;
backdrop-filter:blur(14px) saturate(160%);
-webkit-backdrop-filter:blur(14px) saturate(160%);
border:1.5px solid rgba(200,154,69,.8) !important;
box-shadow:
inset 0 1px 1px rgba(255,255,255,.9),
0 3px 12px rgba(110,75,30,.1);
}
.dh-swatch.on {
background:var(--dh-gold-gradient) !important; color:#fff;
border-color:var(--dh-gold-deep) !important;
box-shadow:inset 0 1px 1px rgba(255,255,255,.35), 0 6px 16px rgba(185,130,42,.3);
}
/* Filled gold CTAs keep the ring so they read as the same family */
.dh-btn-gold, .woocommerce .single_add_to_cart_button, .woocommerce #place_order,
.wc-block-cart__submit-button, .woocommerce-cart .wc-proceed-to-checkout a.checkout-button {
border:1.5px solid rgba(185,130,42,.9) !important;
box-shadow:
inset 0 1px 1px rgba(255,255,255,.4),
inset 0 -2px 5px rgba(120,80,20,.22),
0 8px 22px rgba(185,130,42,.28) !important;
}
/* ================================================================== */
/* Product gallery — thumbnail strip arrows */
/* ================================================================== */
.dh-thumb-nav { display:flex; flex-direction:column; align-items:center; gap:.5rem; }
.dh-thumb-nav .flex-control-thumbs { max-height:430px; overflow-y:auto; scrollbar-width:none; }
.dh-thumb-nav .flex-control-thumbs::-webkit-scrollbar { display:none; }
.dh-thumb-arrow {
width:38px; height:38px; flex:none; border-radius:50%;
display:grid; place-items:center; color:var(--dh-gold-deep);
background:linear-gradient(180deg, rgba(255,255,255,.75), rgba(255,250,242,.4));
backdrop-filter:blur(12px);
border:1.5px solid rgba(200,154,69,.7);
box-shadow:inset 0 1px 1px rgba(255,255,255,.9), 0 3px 10px rgba(110,75,30,.12);
}
.dh-thumb-arrow:hover { background:var(--dh-gold); color:#fff; border-color:var(--dh-gold); }
.dh-thumb-arrow svg { width:17px; height:17px; }
.dh-thumb-arrow.up svg { transform:rotate(180deg); }
/* "You may also like" — gold rule trailing the heading */
.related.products > h2, .up-sells > h2 {
display:flex; align-items:center; gap:1.2rem; white-space:nowrap;
}
.related.products > h2::after, .up-sells > h2::after {
content:""; flex:1; height:1px;
background:linear-gradient(90deg, var(--dh-gold), rgba(200,154,69,0));
}
/* ================================================================== */
/* Account — icons inside fields, gold checkbox */
/* ================================================================== */
.dh-field .dh-input-wrap, .dh-field { position:relative; }
.dh-account-grid .dh-field input.input-text {
width:100%; padding:.9rem 2.6rem .9rem 2.8rem;
border:1px solid rgba(200,154,69,.4); border-radius:12px;
background:rgba(255,255,255,.75); backdrop-filter:blur(8px);
font-family:var(--dh-sans);
}
.dh-account-grid .dh-field input.input-text:focus {
outline:none; border-color:var(--dh-gold-deep);
box-shadow:0 0 0 3px rgba(200,154,69,.16);
}
.dh-field .field-ico {
position:absolute; left:.95rem; bottom:.95rem; width:19px; height:19px;
color:var(--dh-gold-deep); pointer-events:none;
}
.dh-field .dh-eye { position:absolute; right:.7rem; bottom:.7rem; background:none; border:none; color:var(--dh-taupe); }
.dh-field .dh-eye svg { width:19px; height:19px; }
.dh-remember { display:flex; align-items:center; gap:.6rem; margin:1rem 0; font-size:.76rem; font-weight:700; letter-spacing:.1em; text-transform:uppercase; }
.dh-remember input[type="checkbox"] { position:absolute; opacity:0; width:0; height:0; }
.dh-remember .box {
width:22px; height:22px; border-radius:6px; flex:none; position:relative;
border:1.5px solid rgba(200,154,69,.7); background:#fff;
}
.dh-remember input:checked + .box { background:var(--dh-gold-gradient); border-color:var(--dh-gold-deep); }
.dh-remember input:checked + .box::after {
content:""; position:absolute; left:7px; top:2.5px; width:5px; height:11px;
border:solid #fff; border-width:0 2.5px 2.5px 0; transform:rotate(45deg);
}
/* ================================================================== */
/* Contact form */
/* ================================================================== */
.dh-contact-body h2 { font-family:var(--dh-serif); color:var(--dh-gold-deep); font-size:1.4rem; margin:0 0 1.2rem; }
.dh-contact-form .hp { position:absolute; left:-9999px; width:1px; height:1px; overflow:hidden; }
.dh-contact-form .two { display:grid; grid-template-columns:1fr 1fr; gap:1rem; }
.dh-contact-form label { display:block; margin-bottom:1rem; }
.dh-contact-form label > span {
display:block; font-size:.72rem; font-weight:700; letter-spacing:.1em;
text-transform:uppercase; margin-bottom:.4rem; color:var(--dh-ink);
}
.dh-contact-form label > span i { color:var(--dh-gold-deep); font-style:normal; }
.dh-contact-form input, .dh-contact-form textarea {
width:100%; padding:.85rem 1rem; border:1px solid rgba(200,154,69,.4);
border-radius:12px; font-family:var(--dh-sans); font-size:.92rem;
background:rgba(255,255,255,.8); backdrop-filter:blur(8px);
}
.dh-contact-form input:focus, .dh-contact-form textarea:focus {
outline:none; border-color:var(--dh-gold-deep); box-shadow:0 0 0 3px rgba(200,154,69,.16);
}
.dh-contact-form textarea { resize:vertical; }
.dh-form-note { padding:.9rem 1.1rem; border-radius:12px; margin-bottom:1.2rem; font-size:.9rem; }
.dh-form-note.ok { background:rgba(122,160,90,.12); border:1px solid rgba(122,160,90,.5); color:#3f5c2a; }
.dh-form-note.err { background:rgba(179,38,30,.08); border:1px solid rgba(179,38,30,.4); color:#8c2018; }
@media (max-width:640px){ .dh-contact-form .two { grid-template-columns:1fr; } }
/* ================================================================== */
/* Product page corrections — measured against the reference design */
/* ================================================================== */
/* 1. Gallery: restore the two-column grid after the JS wraps the thumb
strip in .dh-thumb-nav (the wrapper became the grid child, so the
placement rules had to move onto it). */
@media (min-width:768px){
.dh-gallery-col .woocommerce-product-gallery { grid-template-columns:92px 1fr; gap:1.1rem; }
.dh-gallery-col .woocommerce-product-gallery .dh-thumb-nav { grid-column:1; grid-row:1; width:92px; }
.dh-gallery-col .woocommerce-product-gallery__wrapper { grid-column:2; grid-row:1; }
}
.dh-thumb-nav .flex-control-thumbs {
width:100%; display:flex; flex-direction:column; gap:.6rem;
margin:0; padding:0; list-style:none;
}
.dh-thumb-nav .flex-control-thumbs li { width:100% !important; margin:0 !important; float:none !important; }
.dh-thumb-nav .flex-control-thumbs img {
width:100% !important; height:auto !important; aspect-ratio:1;
object-fit:cover; border-radius:12px;
border:1px solid rgba(200,154,69,.35); opacity:.75; cursor:pointer;
}
.dh-thumb-nav .flex-control-thumbs img.flex-active,
.dh-thumb-nav .flex-control-thumbs img:hover { opacity:1; border-color:var(--dh-gold-deep); }
/* Keep the main image whole rather than letting a tall file dominate */
.dh-gallery-col .woocommerce-product-gallery__wrapper img {
max-height:600px; object-fit:contain; background:#fff;
}
/* 2. Typography: the summary column was running far larger than the design */
.dh-product-info .product_title {
font-size:clamp(1.9rem,2.6vw,2.6rem) !important;
text-transform:uppercase; letter-spacing:.01em; margin:.2rem 0 .1rem;
}
.dh-product-info .subtitle { font-size:1rem; }
.dh-price-lg { font-size:1.9rem !important; margin:.7rem 0 .15rem; }
.dh-price-lg .price, .dh-price-lg .woocommerce-Price-amount { font-size:inherit !important; }
.dh-price-lg del { opacity:.5; font-size:.7em; }
.dh-tax { font-size:.86rem; color:var(--dh-ink-soft); }
.dh-product-info .dh-desc { font-size:.94rem; color:var(--dh-ink-soft); }
.dh-product-info .dh-flourish { margin:1rem 0; }
/* 3. Quantity on its own row, then full-width CTAs (design stacks them) */
.dh-product-info .woocommerce-variation-add-to-cart,
.dh-product-info form.cart:not(.variations_form) {
display:block !important;
}
.dh-product-info form.cart .quantity { display:inline-flex; margin:0 0 1rem; }
.dh-product-info .single_add_to_cart_button {
width:100% !important; flex:none !important; margin:0 !important;
padding:1.05rem 2rem !important; font-size:.9rem; letter-spacing:.12em;
}
.dh-buy-now { width:100%; display:block; margin-top:.85rem; }
.dh-qty-label {
display:block; font-size:.74rem; font-weight:700; letter-spacing:.14em;
text-transform:uppercase; color:var(--dh-ink); margin:.2rem 0 .5rem;
}
/* 4. Richer gold on the primary CTA (it was reading washed out) */
.woocommerce .single_add_to_cart_button, .dh-btn-gold,
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button, .woocommerce #place_order {
background:linear-gradient(135deg,#d9a94f 0%,#bd8526 48%,#a97218 100%) !important;
color:#fff !important; text-shadow:0 1px 1px rgba(90,58,10,.3);
}
/* 5. Sale flash was floating loose at the far left of the viewport */
.dh-single span.onsale, .woocommerce div.product .dh-gallery-col span.onsale {
position:absolute; top:1rem; left:1rem; right:auto; margin:0; z-index:6;
min-height:0; min-width:0; line-height:1; padding:.5rem .95rem;
border-radius:999px; background:var(--dh-gold-gradient); color:#fff;
font-family:var(--dh-sans); font-size:.68rem; font-weight:700;
letter-spacing:.12em; text-transform:uppercase;
}
.dh-gallery-col { position:relative; }
/* 6. Breadcrumb spacing to match the design's chevron separators */
.dh-product-page .woocommerce-breadcrumb { margin-bottom:1.4rem; }
.dh-product-page .woocommerce-breadcrumb a { color:var(--dh-ink-soft); }
.dh-product-page .woocommerce-breadcrumb a:hover { color:var(--dh-gold-deep); }
.dh-product-page .woocommerce-breadcrumb .sep { color:var(--dh-gold); margin:0 .15rem; }
/* ================================================================== */
/* 3D gold icons — now inline