/* ZealHut homepage refresh — November 2026 */
.brand-logo{height:64px}
.zh-hero{background:linear-gradient(135deg,var(--deep) 0%,var(--forest) 70%);color:#fff;padding:56px 0 64px;overflow:hidden}
.zh-hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:48px;align-items:center}
.zh-kicker{display:inline-flex;align-items:center;gap:8px;background:rgba(232,184,75,.16);color:var(--gold-light);border:1px solid rgba(232,184,75,.4);padding:6px 12px;border-radius:99px;font-size:.78rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}
.zh-hero h1{font:normal clamp(2.4rem,5.4vw,4.3rem)/1.05 Georgia,serif;letter-spacing:-.03em;margin:18px 0 18px}
.zh-hero h1 em{font-style:normal;color:var(--gold-light)}
.zh-hero-lede{color:#dbe6dc;font-size:1.13rem;max-width:520px}
.zh-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}
.zh-btn{display:inline-flex;align-items:center;gap:8px;padding:13px 22px;border-radius:8px;font-weight:750;transition:transform .15s,box-shadow .15s}
.zh-btn:hover{transform:translateY(-2px)}
.zh-btn-gold{background:var(--gold-light);color:var(--deep);box-shadow:0 6px 20px rgba(232,184,75,.3)}
.zh-btn-ghost{border:1.5px solid rgba(255,255,255,.45);color:#fff}
.zh-btn-forest{background:var(--forest);color:#fff}
.zh-hero-card{position:relative;background:#fff;border-radius:18px;padding:14px;box-shadow:0 30px 70px rgba(0,0,0,.35)}
.zh-hero-card img{width:100%;height:auto;aspect-ratio:1/1;object-fit:contain;border-radius:10px;background:#f6f3ee}
.zh-hero-card .zh-badge{position:absolute;top:-14px;left:22px}
.zh-hero-card figcaption{color:var(--ink);padding:12px 6px 4px;display:flex;justify-content:space-between;gap:12px;align-items:baseline}
.zh-hero-card figcaption strong{font-family:Georgia,serif;font-weight:normal;font-size:1.15rem}
.zh-badge{display:inline-block;background:var(--gold);color:#fff;font-size:.72rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;padding:6px 12px;border-radius:99px;box-shadow:var(--shadow-sm)}
.zh-price{font-weight:800;color:var(--forest);white-space:nowrap}
.zh-chips{background:#fff;border-bottom:1px solid var(--border)}
.zh-chips .wrap{display:flex;gap:10px;overflow-x:auto;padding:16px 0;scrollbar-width:none}
.zh-chips a{flex:none;padding:9px 16px;border:1px solid var(--border);border-radius:99px;font-weight:650;font-size:.92rem;background:var(--cream)}
.zh-chips a:hover{border-color:var(--gold);background:#fff}
.zh-section{padding:64px 0}
.zh-section.alt{background:var(--paper)}
.zh-head{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:28px;flex-wrap:wrap}
.zh-head h2{font:normal clamp(1.9rem,4vw,2.8rem)/1.1 Georgia,serif;color:var(--deep)}
.zh-head p{color:var(--muted);max-width:560px;margin-top:8px}
.zh-eyebrow{font-size:.75rem;letter-spacing:.16em;text-transform:uppercase;font-weight:800;color:var(--gold);margin-bottom:10px}
.zh-week{display:grid;grid-template-columns:1fr 1fr;gap:0;background:#fff;border:1px solid var(--border);border-radius:18px;overflow:hidden;box-shadow:var(--shadow-md)}
.zh-week img{width:100%;height:100%;min-height:340px;object-fit:contain;background:#f6f3ee;padding:20px}
.zh-week-copy{padding:40px}
.zh-week-copy h3{font:normal clamp(1.7rem,3vw,2.3rem)/1.15 Georgia,serif;margin:12px 0 14px;color:var(--deep)}
.zh-week-copy p{color:#4c5d53;margin-bottom:12px}
.zh-week-copy ul{margin:6px 0 18px 18px;color:#4c5d53}
.zh-week-copy li{margin:4px 0}
.zh-grid{display:grid;gap:22px}
.zh-grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}
.zh-grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}
.zh-product{background:#fff;border:1px solid var(--border);border-radius:14px;overflow:hidden;display:flex;flex-direction:column;transition:transform .18s,box-shadow .18s}
.zh-product:hover{transform:translateY(-4px);box-shadow:var(--shadow-md)}
.zh-product .zh-img{position:relative;background:#f6f3ee}
.zh-product img{width:100%;height:auto;aspect-ratio:1/1;object-fit:cover}
.zh-product .zh-tag{position:absolute;top:10px;left:10px;background:var(--forest);color:#fff;font-size:.7rem;font-weight:800;padding:4px 9px;border-radius:99px;letter-spacing:.05em}
.zh-product-copy{padding:16px 18px 18px;display:flex;flex-direction:column;flex:1}
.zh-product h3{font:normal 1.12rem/1.3 Georgia,serif;color:var(--deep);margin-bottom:6px}
.zh-product p{font-size:.92rem;color:#56675c;flex:1}
.zh-product-foot{display:flex;justify-content:space-between;align-items:center;margin-top:14px;gap:10px}
.zh-shop{font-weight:750;font-size:.9rem;color:var(--forest);text-decoration:underline;text-underline-offset:3px}
.zh-aff{font-size:.72rem;color:var(--muted)}
.zh-story{background:#fff;border:1px solid var(--border);border-radius:14px;overflow:hidden;display:flex;flex-direction:column;transition:transform .18s,box-shadow .18s}
.zh-story:hover{transform:translateY(-4px);box-shadow:var(--shadow-md)}
.zh-story img{width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;background:#e8efe6}
.zh-story img.zh-photo{object-fit:contain;background:#f6f3ee;padding:14px}
.zh-story-copy{padding:20px 22px 22px;display:flex;flex-direction:column;flex:1}
.zh-story .zh-cat{font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;font-weight:800;color:var(--gold)}
.zh-story h3{font:normal 1.4rem/1.2 Georgia,serif;color:var(--deep);margin:8px 0 10px}
.zh-story p{color:#56675c;flex:1}
.zh-story .read-link{margin-top:14px}
.zh-night{position:relative;border-radius:20px;overflow:hidden;color:#fff;background:radial-gradient(ellipse at 75% 20%,#2b4a3a 0%,#0b1c14 55%,#050d09 100%);padding:56px 48px;display:grid;grid-template-columns:1.2fr .8fr;gap:30px;align-items:center}
.zh-night::before{content:"";position:absolute;inset:0;background-image:radial-gradient(1.5px 1.5px at 12% 22%,#fff 50%,transparent 51%),radial-gradient(1px 1px at 28% 68%,#fff 50%,transparent 51%),radial-gradient(1.5px 1.5px at 46% 14%,#fff 50%,transparent 51%),radial-gradient(1px 1px at 61% 80%,#fff 50%,transparent 51%),radial-gradient(1.5px 1.5px at 83% 40%,#fff 50%,transparent 51%),radial-gradient(1px 1px at 92% 12%,#fff 50%,transparent 51%),radial-gradient(1px 1px at 6% 86%,#fff 50%,transparent 51%);opacity:.7}
.zh-night>*{position:relative}
.zh-night h2{font:normal clamp(1.9rem,4vw,2.7rem)/1.1 Georgia,serif;margin:10px 0 14px}
.zh-night p{color:#cfe0d4;max-width:540px}
.zh-night .zh-eyebrow{color:#9fe0a8}
.zh-goggles{justify-self:center;width:min(260px,100%);aspect-ratio:1/1;border-radius:50%;background:radial-gradient(circle at 50% 50%,rgba(140,255,150,.35) 0%,rgba(40,120,60,.25) 45%,rgba(0,0,0,0) 70%);display:grid;place-items:center}
.zh-goggles svg{width:72%;filter:drop-shadow(0 0 18px rgba(140,255,150,.45))}
.zh-note{font-size:.84rem;color:var(--muted);margin-top:22px;max-width:900px}
.zh-note a{text-decoration:underline}
@media(max-width:980px){.zh-grid-4{grid-template-columns:repeat(2,minmax(0,1fr))}.zh-hero-grid{grid-template-columns:1fr}.zh-hero-card{max-width:440px}.zh-week{grid-template-columns:1fr}.zh-week img{min-height:260px;max-height:380px}.zh-night{grid-template-columns:1fr;padding:44px 28px}.zh-goggles{width:180px}}
@media(max-width:760px){.zh-grid-3{grid-template-columns:1fr}.zh-section{padding:44px 0}.zh-week-copy{padding:26px}.brand-logo{height:52px}}
@media(max-width:420px){.zh-grid-4{grid-template-columns:1fr 1fr;gap:12px}.zh-product-copy{padding:12px}.zh-product h3{font-size:1rem}.zh-product p{display:none}}
@media(prefers-reduced-motion:reduce){.zh-btn,.zh-product,.zh-story{transition:none}}

/* Gift guide */
.zh-guide-hero{padding:56px 0 52px}.zh-guide-hero h1{max-width:820px}.zh-guide-note{margin:28px 0 0}.zh-guide-sec{padding:44px 0}.zh-guide-sec.alt{background:var(--paper)}.zh-guide-sec .zh-head{margin-bottom:20px}.zh-guide-sec .zh-head h2{font-size:clamp(1.6rem,3.4vw,2.2rem)}.zh-grid-single{grid-template-columns:1fr}.zh-grid-single .zh-product{flex-direction:row;max-width:900px}.zh-grid-single .zh-img{flex:0 0 min(380px,46%)}.zh-grid-single .zh-product-copy{padding:30px 32px;justify-content:center}.zh-grid-single .zh-product h3{font-size:1.6rem;margin-bottom:10px}.zh-grid-single .zh-product p{flex:0;font-size:1.02rem}.zh-grid-single .zh-product-foot{margin-top:22px;justify-content:flex-start;gap:24px}.zh-grid-single .zh-price{font-size:1.25rem}.zh-guide-note a{text-decoration:underline}.zh-guide-sec ul{margin:10px 0 0 20px}.zh-guide-sec li{margin:8px 0}
@media(max-width:760px){.zh-grid-single .zh-product{flex-direction:column}.zh-grid-single .zh-img{flex:none}.zh-grid-single .zh-product-copy{padding:20px}}

/* Seasonal + category tiles (Nov 2026) */
.zh-season{padding:36px 0 8px}
.zh-season-card{display:grid;grid-template-columns:.9fr 1.1fr;border-radius:18px;overflow:hidden;background:linear-gradient(120deg,#fbf3e4,#f3e3c6);border:1px solid var(--border);box-shadow:var(--shadow-sm)}
.zh-season-copy{padding:34px 36px;display:flex;flex-direction:column;justify-content:center}
.zh-season-copy h2{font:normal clamp(1.7rem,3.4vw,2.5rem)/1.12 Georgia,serif;color:var(--deep);margin:8px 0 10px}
.zh-season-copy p{color:#5b4a32}
.zh-season-card img{width:100%;height:100%;min-height:240px;object-fit:cover}
.zh-season-xmas{background:linear-gradient(120deg,#fffaf2,#f6ecd9)}
.zh-season-xmas img{height:auto;aspect-ratio:1/1;object-fit:contain;background:#fffaf2;padding:10px;max-height:380px}
.zh-cats{padding:36px 0 10px}
.zh-cat-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.zh-cat-tile{display:flex;flex-direction:column;border-radius:14px;overflow:hidden;background:var(--forest);color:#fff;transition:transform .18s,box-shadow .18s}
.zh-cat-tile:hover{transform:translateY(-4px);box-shadow:var(--shadow-md)}
.zh-cat-tile img{width:100%;height:auto;aspect-ratio:354/256;object-fit:cover}
.zh-cat-tile span{display:block;padding:14px 16px 16px}
.zh-cat-tile strong{display:block;font:normal 1.25rem/1.2 Georgia,serif}
.zh-cat-tile small{display:block;color:#cfe0d4;font-size:.78rem;letter-spacing:.08em;text-transform:uppercase;margin-top:4px}
.zh-cat-fun{grid-column:1/-1;flex-direction:row;align-items:stretch}
.zh-cat-fun span{flex:0 0 34%;display:flex;flex-direction:column;justify-content:center;padding:18px 24px}
.zh-cat-fun img{flex:1;min-width:0;aspect-ratio:auto;height:150px}
.zh-guide-hero .zh-hero-grid{grid-template-columns:1.2fr .8fr}
.zh-guide-logo{width:100%;height:auto;aspect-ratio:1/1;max-width:360px;justify-self:center;border-radius:24px;background:#fffaf2;box-shadow:0 20px 50px rgba(0,0,0,.35)}
@media(max-width:980px){.zh-cat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.zh-season-card{grid-template-columns:1fr}.zh-season-card img{max-height:260px}.zh-guide-hero .zh-hero-grid{grid-template-columns:1fr}.zh-guide-logo{max-width:240px;justify-self:start}}
@media(max-width:560px){.zh-cat-fun{flex-direction:column}.zh-cat-fun span{flex:none}.zh-cat-fun img{height:120px}.zh-season-copy{padding:24px}}