/* Hark Brand layer - Zircon premium storefront - 2026-11-06c. Colours come from CSS variables set in Brand Studio. */
:root{--hk-radius:18px;--hk-shadow:0 18px 44px rgba(20,45,53,.10);--hk-shadow-sm:0 6px 18px rgba(20,45,53,.07)}
body h1,body h2,body h3,.story-band h2,.home-section-head h2,.section-top h2{font-family:var(--zircon-serif)}
::selection{background:var(--zircon-soft-gold);color:var(--zircon-teal)}

/* Header */
.site-header{background:var(--zircon-teal)!important;backdrop-filter:saturate(1.2) blur(10px);-webkit-backdrop-filter:saturate(1.2) blur(10px);box-shadow:0 1px 0 rgba(212,162,60,.22)}
.site-header .brand img{max-height:34px;width:auto}
.site-header .brand-descriptor{color:var(--zircon-gold)!important;letter-spacing:.16em}
.site-header .main-nav a,.site-header .main-nav summary{transition:color .18s}
.site-header .main-nav a:hover,.site-header .main-nav summary:hover{color:var(--zircon-gold)!important}
.site-header .count-badge,#bag-count,#saved-count{background:var(--zircon-emerald)!important;color:#fff!important}

/* Buttons */
.btn-dark,.btn.btn-dark{background:var(--zircon-emerald)!important;border-color:var(--zircon-emerald)!important;color:#fff!important;border-radius:999px!important;transition:transform .18s,filter .18s,box-shadow .18s}
.btn-dark:hover{transform:translateY(-2px);filter:brightness(1.1);box-shadow:0 10px 24px rgba(17,107,80,.28)}
.hark-btn-outline{display:inline-flex;align-items:center;gap:8px;min-height:50px;padding:13px 22px;border:1px solid var(--zircon-gold);color:var(--zircon-white)!important;border-radius:999px;font:600 14px var(--zircon-sans);text-decoration:none;transition:background .18s,color .18s}
.hark-btn-outline:hover{background:var(--zircon-gold);color:var(--zircon-teal)!important}
.hark-btn-gold{display:inline-flex;align-items:center;gap:8px;min-height:50px;padding:13px 24px;background:var(--zircon-emerald);color:#fff!important;border-radius:999px;font:600 14px var(--zircon-sans);text-decoration:none;transition:transform .18s,filter .18s}
.hark-btn-gold:hover{transform:translateY(-2px);filter:brightness(1.1)}

/* Hero: full-bleed image with copy over the dark left side */
section.hero.hark-hero{position:relative;display:grid!important;grid-template-columns:1fr!important;align-items:center;min-height:clamp(520px,82vh,720px);padding:clamp(48px,8vw,110px) clamp(20px,7vw,104px)!important;margin:0!important;background:var(--zircon-teal)!important;overflow:hidden;isolation:isolate}
.hark-hero .hero-art{position:absolute!important;inset:0!important;z-index:0;min-height:0!important;max-height:none!important;margin:0!important;border-radius:0!important;box-shadow:none!important;background:var(--zircon-teal)!important}
.hark-hero .hero-art:after{content:""!important;display:block!important;position:absolute;inset:0;z-index:2;background:linear-gradient(90deg,var(--zircon-teal) 0%,rgba(20,45,53,.92) 30%,rgba(20,45,53,.55) 55%,rgba(20,45,53,.05) 80%)!important}
.hark-hero .hero-photo{object-position:right center!important;transform:none!important}
.hark-hero .hero-copy{position:relative;z-index:3;max-width:580px!important;padding:0!important;animation:hkUp .8s cubic-bezier(.2,.7,.2,1) both}
.hark-hero .eyebrow{color:var(--zircon-gold)!important;font-weight:600;letter-spacing:.2em!important}
.hark-hero h1{color:var(--zircon-white)!important;font-family:var(--zircon-serif)!important;font-weight:600;font-size:clamp(44px,6vw,80px)!important;line-height:1.02!important;margin:18px 0!important}
.hark-hero .hero-copy>p{color:rgba(255,255,255,.88)!important;font-size:17px!important;line-height:1.7!important;max-width:470px!important}
.hark-hero .hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:26px}
.hark-hero .hero-note{margin-top:28px;display:inline-flex;align-items:center;gap:10px;color:rgba(255,255,255,.8);font-size:13px;padding:8px 14px;border:1px solid rgba(212,162,60,.35);border-radius:999px;background:rgba(20,45,53,.35)}
.hark-hero .hero-note-seal{color:var(--zircon-gold)}
.hark-hero .hero-index{display:none!important}
@keyframes hkUp{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}

/* Trust strip */
.trust-strip.hark-trust{background:var(--zircon-soft-gold)!important;border:0!important;padding:22px clamp(18px,7vw,104px)!important;gap:18px!important}
.hark-trust>div>span{background:var(--zircon-white);border-color:transparent!important;color:var(--zircon-emerald)!important;box-shadow:var(--hk-shadow-sm)}
.hark-trust b{color:var(--zircon-teal)!important;font-size:14px!important}
.hark-trust small,.hark-trust small a{color:var(--zircon-graphite)!important;font-size:12px!important;opacity:.85;text-decoration:none}
.hark-trust small a:hover{color:var(--zircon-emerald)!important}

/* Section heads */
.home-section-head .eyebrow,.section-top .eyebrow,.story-band .eyebrow,.hark-eyebrow{color:var(--zircon-emerald)!important;font:700 12px var(--zircon-sans)!important;letter-spacing:.18em!important}
.home-section-head h2,.section-top h2{color:var(--zircon-teal);font-weight:600}

/* Category tiles */
.theme-category-grid{gap:18px!important}
.theme-category-tile{min-height:220px!important;padding:0!important;justify-content:flex-end!important;border:0!important;border-radius:var(--hk-radius)!important;background:var(--zircon-teal)!important;box-shadow:var(--hk-shadow-sm);transition:transform .25s,box-shadow .25s!important}
.theme-category-tile:hover{transform:translateY(-4px)!important;box-shadow:var(--hk-shadow)}
.theme-category-tile>img,.theme-category-tile>.hk-cat-img{position:absolute!important;inset:0;width:100%;height:100%;object-fit:cover;opacity:1!important;transition:transform .5s}
.theme-category-tile:hover>img,.theme-category-tile:hover>.hk-cat-img{transform:scale(1.05)}
.theme-category-tile:before{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(180deg,rgba(20,45,53,0) 35%,rgba(20,45,53,.88) 100%)}
.theme-category-tile .theme-category-icon{position:absolute!important;top:18px;left:18px;color:var(--zircon-gold)}
.theme-category-tile>span:last-child{position:relative;z-index:2;padding:18px}
.theme-category-tile strong{color:var(--zircon-white)!important;font:600 20px var(--zircon-serif)!important}
.theme-category-tile small{color:var(--zircon-soft-gold)!important;font-size:12px!important}

/* Pooja feature banner */
.hark-feature{display:grid;grid-template-columns:1fr 1.1fr;margin-top:38px;border-radius:24px;overflow:hidden;background:var(--zircon-teal);box-shadow:var(--hk-shadow)}
.hark-feature-media{background:var(--zircon-soft-gold);min-height:340px}
.hark-feature-media img{width:100%;height:100%;object-fit:cover;display:block}
.hark-feature-copy{padding:clamp(28px,5vw,60px);display:flex;flex-direction:column;justify-content:center;gap:14px}
.hark-feature-copy .hark-eyebrow{color:var(--zircon-gold)!important}
.hark-feature-copy h2{color:var(--zircon-white);font-size:clamp(30px,3.4vw,44px);line-height:1.12;margin:0}
.hark-feature-copy p{color:rgba(255,255,255,.82);margin:0 0 10px;max-width:440px;line-height:1.7}
.hark-feature-copy .hark-btn-gold{align-self:flex-start}

/* Product cards */
.product-card{border-radius:var(--hk-radius)!important;background:var(--zircon-white)!important;border:1px solid rgba(20,45,53,.06)!important;box-shadow:var(--hk-shadow-sm);transition:transform .22s,box-shadow .22s!important;overflow:hidden}
.product-card:hover{transform:translateY(-4px);box-shadow:var(--hk-shadow)}
.home-rail{scroll-snap-type:x mandatory;scrollbar-width:thin;-webkit-overflow-scrolling:touch}
.home-rail .product-card{scroll-snap-align:start}

/* Founder strip */
.story-band.hark-founder{grid-template-columns:.8fr 1.2fr!important;background:var(--zircon-white)!important;box-shadow:var(--hk-shadow-sm);border:1px solid rgba(212,162,60,.25)}
.hark-founder .story-image{height:340px!important;border-radius:20px!important;object-position:center top}
.hark-founder h2{color:var(--zircon-teal)}
.hark-founder .story-credit{color:var(--zircon-emerald);font-weight:700;letter-spacing:.04em}

/* Errors only in red */
.form-error,.field-error,[role=alert].error,.is-unavailable .stock-note,.out-of-stock{color:var(--zircon-danger)!important}

/* Mobile */
@media(max-width:860px){
 section.hero.hark-hero{min-height:auto;padding:64px 20px 56px!important;align-items:end}
 .hark-hero .hero-art:after{background:linear-gradient(180deg,rgba(20,45,53,.25) 0%,rgba(20,45,53,.7) 45%,var(--zircon-teal) 85%)!important}
 .hark-hero .hero-photo{object-position:70% center!important}
 .hark-hero .hero-copy{padding-top:180px!important}
 .hark-hero h1{font-size:clamp(38px,10vw,52px)!important}
 .hark-hero .hero-copy>p{font-size:15px!important}
 .hark-hero .hero-actions>a{flex:1 1 100%;justify-content:center}
 .trust-strip.hark-trust{grid-template-columns:1fr 1fr!important;padding:16px!important}
 .hark-trust small{font-size:11px!important}
 .theme-category-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important}
 .theme-category-tile{min-height:170px!important}
 .theme-category-tile strong{font-size:17px!important}
 .hark-feature{grid-template-columns:1fr}
 .hark-feature-media{min-height:240px;max-height:300px}
 .hark-feature-copy .hark-btn-gold{align-self:stretch;justify-content:center}
 .story-band.hark-founder{grid-template-columns:1fr!important}
 .hark-founder .story-image{height:260px!important}
}
@media(prefers-reduced-motion:reduce){.hark-hero .hero-copy{animation:none}.theme-category-tile,.product-card{transition:none!important}}
/* fixes 2026-11-06d */
.hark-hero .hark-btn-outline,.hero .btn.hark-btn-outline{background:transparent!important;border:1px solid var(--zircon-gold)!important;color:var(--zircon-white)!important}
.hark-hero .hark-btn-outline:hover{background:var(--zircon-gold)!important;color:var(--zircon-teal)!important}
.sale-badge{background:var(--zircon-emerald)!important;color:#fff!important}
.wish.liked{color:var(--zircon-emerald)!important}
.theme-category-tile:before{background:linear-gradient(180deg,rgba(20,45,53,.05) 25%,rgba(20,45,53,.92) 100%)!important}
.theme-category-tile>span:last-child{display:block;width:100%;box-sizing:border-box;padding:18px 16px!important;text-align:left;overflow:visible}
.theme-category-tile strong,.theme-category-tile small{text-shadow:0 1px 8px rgba(0,0,0,.45);white-space:normal;overflow:visible;text-indent:0}
.theme-category-tile>img,.theme-category-tile>.hk-cat-img{z-index:0!important}
.theme-category-tile:before{z-index:1!important;background:linear-gradient(180deg,rgba(20,45,53,.10) 20%,rgba(20,45,53,.94) 100%)!important}
.theme-category-tile>span:last-child{z-index:2!important}