:root{--gold:#d18c00;--dark:#171513;--brown:#6e3f28;--cream:#f7efe4;--white:#fff;--line:#e6ddd2}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--dark);font-family:"Libre Franklin",Arial,sans-serif;background:#fff}body.locked{overflow:hidden}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}.site-header{position:sticky;top:0;z-index:30;height:84px;background:rgba(255,255,255,.98);display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 clamp(20px,4vw,64px);border-bottom:1px solid #eee}.header-side{display:flex;align-items:center;gap:42px}.header-right{justify-content:flex-end}.desktop-nav{display:flex;gap:35px}.desktop-nav a,.story-link{font-size:12px;font-weight:700;letter-spacing:.11em}.menu-button{display:flex;align-items:center;gap:8px;border:0;background:none;padding:5px 0;cursor:pointer}.menu-button small{font-size:9px;font-weight:700;letter-spacing:.1em}.menu-icon{width:23px;display:grid;gap:4px}.menu-icon i{height:1.5px;background:#222;display:block}.brand{display:flex;align-items:center;gap:10px;text-align:left}.brand img{width:51px;height:51px;border-radius:50%;object-fit:cover}.brand>span{font-size:14px;letter-spacing:.24em;font-weight:700}.brand small{display:block;font-size:7px;letter-spacing:.19em;margin-top:5px;color:#8e847d}.header-icon{position:relative;border:0;background:transparent;padding:6px;cursor:pointer}.header-icon svg{width:24px;height:24px;fill:none;stroke:#222;stroke-width:1.5}.header-icon span{position:absolute;top:-2px;right:-4px;width:17px;height:17px;border-radius:50%;background:var(--gold);color:#fff;font-size:9px;display:grid;place-items:center}.mobile-menu{position:absolute;left:0;right:0;top:84px;background:#fff;padding:26px;display:none;gap:22px;border-bottom:1px solid var(--line);box-shadow:0 18px 30px rgba(0,0,0,.08)}.mobile-menu.open{display:grid}.mobile-menu a{font-size:14px;font-weight:700;letter-spacing:.09em}.hero{height:clamp(570px,68vw,760px);position:relative;overflow:hidden;background:#9b5c35;color:#fff}.hero>img{width:100%;height:100%;object-fit:cover;object-position:center 55%}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(28,15,9,.74) 0%,rgba(35,19,12,.5) 30%,rgba(0,0,0,.03) 66%)}.hero-copy{position:absolute;left:clamp(28px,7vw,104px);top:50%;transform:translateY(-50%);max-width:610px}.hero-copy p{margin:0 0 20px;font-size:13px;letter-spacing:.2em;font-weight:600}.hero-copy h1{margin:0 0 32px;font-size:clamp(42px,5.5vw,76px);line-height:1.02;letter-spacing:-.055em}.light-link{display:inline-flex;align-items:center;gap:14px;padding-bottom:7px;border-bottom:1px solid rgba(255,255,255,.8);font-size:12px;font-weight:700;letter-spacing:.13em}.hero-mark{position:absolute;bottom:27px;right:clamp(25px,5vw,75px);display:flex;gap:13px;align-items:center;font-size:11px;letter-spacing:.12em;text-transform:uppercase}.hero-mark i{width:3px;height:3px;background:var(--gold);border-radius:50%}.section-title{text-align:center;padding:96px 20px 44px}.section-title p{font-size:11px;font-weight:700;letter-spacing:.22em;color:var(--gold);margin:0 0 14px}.section-title h2{font-size:clamp(34px,4vw,56px);letter-spacing:.06em;margin:0 0 15px}.section-title span{font-size:16px;color:#756a63}.cookie-showcase{max-width:1200px;margin:0 auto;padding:0 32px 105px;display:grid;grid-template-columns:1fr 1fr;gap:28px}.cookie-card{background:#f6f2ed}.cookie-photo{height:470px;position:relative;overflow:hidden}.cookie-photo img{width:100%;height:100%;object-fit:cover;transition:transform .8s ease}.cookie-card:hover .cookie-photo img{transform:scale(1.035)}.cookie-photo>span{position:absolute;top:18px;left:18px;background:#fff;padding:9px 12px;font-size:9px;font-weight:700;letter-spacing:.15em}.cookie-info{padding:27px 28px 30px}.cookie-info>p{margin:0 0 10px;color:var(--gold);font-size:10px;font-weight:700;letter-spacing:.15em}.cookie-info h3{margin:0 0 12px;font-size:25px}.cookie-info>span{display:block;color:#6c625c;line-height:1.6;font-size:15px}.cookie-info>div{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:24px;padding-top:20px;border-top:1px solid #ded6cc}.cookie-info strong{font-size:12px;font-weight:500;color:#8b817a}.add-button{border:0;background:transparent;color:var(--dark);font-size:11px;font-weight:800;letter-spacing:.12em;padding:4px 0;border-bottom:1px solid #222;cursor:pointer}.gifts-section{background:var(--brown);color:#fff;padding-bottom:110px}.section-title-light span{color:#d9c7bb}.gift-features{max-width:1200px;margin:auto;padding:0 32px;display:grid;gap:34px}.gift-feature{display:grid;grid-template-columns:1.12fr .88fr;min-height:470px;background:#fff;color:var(--dark)}.gift-feature-reverse{grid-template-columns:.88fr 1.12fr}.gift-feature-reverse img{order:2}.gift-feature>img{width:100%;height:100%;min-height:470px;object-fit:cover}.gift-feature>div{padding:clamp(40px,6vw,78px);display:flex;flex-direction:column;justify-content:center}.gift-feature small{color:var(--gold);letter-spacing:.19em;font-weight:700}.gift-feature h3{font-size:clamp(30px,3vw,46px);line-height:1.08;letter-spacing:-.04em;margin:17px 0}.gift-feature p{font-size:16px;color:#756a63;line-height:1.7;margin:0 0 28px}.gift-feature a{width:max-content;font-size:11px;font-weight:800;letter-spacing:.12em;border-bottom:1px solid #222;padding-bottom:7px}.story-section{max-width:1200px;margin:0 auto;padding:110px 32px;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:90px}.story-copy>p{color:var(--gold);font-size:11px;font-weight:700;letter-spacing:.2em}.story-copy h2{font-size:clamp(38px,4vw,58px);line-height:1.06;letter-spacing:-.045em;margin:17px 0 24px}.story-copy span{color:#756a63;font-size:17px;line-height:1.7}.story-section img{width:100%;height:540px;object-fit:cover}footer{background:#151312;color:#fff;text-align:center;padding:70px 25px 30px}.footer-logo{display:inline-flex;align-items:center;gap:12px;font-weight:700;letter-spacing:.18em}.footer-logo img{width:58px;height:58px;border-radius:50%}footer>p{color:#c8b7ab}footer nav{display:flex;justify-content:center;gap:34px;margin:36px 0 50px;font-size:12px;letter-spacing:.1em}footer small{color:#847871}.scrim{position:fixed;inset:0;background:rgba(0,0,0,.45);z-index:40}.cart-drawer{position:fixed;right:0;top:0;bottom:0;width:min(470px,92vw);background:#fff;z-index:50;transform:translateX(103%);transition:transform .35s ease;display:flex;flex-direction:column}.cart-drawer.open{transform:translateX(0)}.drawer-header{display:flex;justify-content:space-between;align-items:center;padding:32px;border-bottom:1px solid var(--line)}.drawer-header small,.dialog-head small{color:var(--gold);font-size:10px;letter-spacing:.18em;font-weight:700}.drawer-header h2,.dialog-head h2{margin:7px 0 0;font-size:29px}.drawer-header button,.dialog-head button{border:0;background:none;font-size:30px;cursor:pointer}.cart-content{padding:24px 28px;overflow:auto;flex:1}.empty-cart{display:grid;gap:8px;padding:40px 8px;color:#746a64}.cart-item{display:grid;grid-template-columns:70px 1fr auto;gap:14px;padding:15px 0;border-bottom:1px solid var(--line);align-items:center}.cart-item img{width:70px;height:70px;object-fit:cover}.cart-item h3{font-size:14px;margin:0 0 6px}.cart-item p{font-size:11px;color:#847a73;margin:0}.remove{border:0;background:none;padding:8px 0 0;font-size:10px;text-decoration:underline;cursor:pointer}.qty{display:flex;align-items:center;gap:9px}.qty button{border:1px solid #ddd;background:#fff;width:26px;height:26px;cursor:pointer}.drawer-footer{padding:24px 30px 32px;border-top:1px solid var(--line)}.drawer-footer p{display:flex;justify-content:space-between;gap:20px;font-size:11px}.drawer-footer button,.dialog-submit{width:100%;border:0;background:var(--dark);color:#fff;padding:16px;font-size:11px;font-weight:800;letter-spacing:.12em;cursor:pointer}dialog{width:min(680px,92vw);border:0;padding:0;box-shadow:0 25px 80px rgba(0,0,0,.22)}dialog::backdrop{background:rgba(0,0,0,.55)}dialog form{padding:34px}.dialog-head{display:flex;justify-content:space-between}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:17px;margin:28px 0}.form-grid label{font-size:12px;font-weight:600}.form-grid .wide{grid-column:1/-1}.form-grid input,.form-grid textarea,.form-grid select{display:block;width:100%;margin-top:8px;border:1px solid #d8d0c8;padding:12px;background:#fff}.form-grid textarea{height:80px;resize:vertical}.integration-note{background:var(--cream);padding:16px;font-size:12px;line-height:1.5;color:#675d57}.toast{position:fixed;bottom:25px;left:50%;transform:translate(-50%,20px);background:#171513;color:#fff;padding:14px 22px;z-index:70;opacity:0;pointer-events:none;transition:.25s;font-size:13px}.toast.show{opacity:1;transform:translate(-50%,0)}
@media(max-width:900px){.site-header{height:74px;padding:0 18px}.desktop-nav,.story-link,.brand>span{display:none}.header-side{gap:0}.brand img{width:47px;height:47px}.mobile-menu{top:74px}.hero{height:670px}.hero>img{object-position:61% 55%}.hero-copy{top:42%;max-width:420px}.hero-shade{background:linear-gradient(90deg,rgba(28,15,9,.76),rgba(28,15,9,.37) 65%,rgba(0,0,0,.04))}.hero-mark{left:28px;right:auto}.cookie-showcase{grid-template-columns:1fr;max-width:680px}.gift-feature,.gift-feature-reverse{grid-template-columns:1fr}.gift-feature-reverse img{order:0}.story-section{grid-template-columns:1fr;gap:42px}.story-section img{height:430px}}
@media(max-width:600px){.site-header{grid-template-columns:1fr auto 1fr}.menu-button small{display:none}.hero{height:620px}.hero-copy{top:40%;left:24px;right:24px}.hero-copy p{font-size:10px;line-height:1.5}.hero-copy h1{font-size:43px}.hero-mark{font-size:8px;gap:8px;bottom:20px}.section-title{padding:72px 24px 36px}.section-title h2{font-size:35px}.section-title span{font-size:14px}.cookie-showcase,.gift-features{padding-left:18px;padding-right:18px}.cookie-photo{height:360px}.cookie-info{padding:24px 20px}.cookie-info>div{align-items:flex-end}.gift-feature>img{min-height:320px;height:320px}.gift-feature>div{padding:36px 25px 42px}.story-section{padding:80px 20px}.story-section img{height:360px}footer nav{flex-direction:column;gap:18px}.form-grid{grid-template-columns:1fr}.form-grid .wide{grid-column:auto}dialog form{padding:25px}}

/* Structured footer inspired by the reference, using Yara's own brand system. */
.site-footer{background:#f7f3ed;color:#1c1917;text-align:left;padding:0}.footer-main{max-width:1240px;margin:auto;padding:76px 32px 68px;display:grid;grid-template-columns:1.5fr repeat(3,1fr);gap:clamp(34px,5vw,80px)}.footer-brand-block{padding-right:25px}.footer-logo{display:inline-flex;align-items:center;gap:14px;font-size:14px;font-weight:800;letter-spacing:.16em}.footer-logo img{width:67px;height:67px;border-radius:50%;object-fit:cover}.footer-brand-block>p{max-width:290px;margin:24px 0 0;color:#70675f;font-size:14px;line-height:1.75}.footer-social{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:50%;border:1px solid var(--gold);color:var(--gold);margin-top:20px;transition:background .2s,color .2s}.footer-social:hover{background:var(--gold);color:var(--dark)}.footer-social svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.6}.footer-column{display:flex;flex-direction:column;align-items:flex-start;gap:14px}.footer-column h3{margin:4px 0 12px;font-size:13px;letter-spacing:.14em}.footer-column a{font-size:14px;color:#6f655d;transition:color .2s}.footer-column a:hover{color:var(--gold)}.footer-service p{margin:0 0 8px;color:#6f655d;font-size:14px;line-height:1.65}.footer-service span{font-size:12px;font-weight:700;letter-spacing:.08em}.footer-service span:last-child{font-weight:400;color:#847970;letter-spacing:0}.footer-newsletter{border-top:1px solid #d9d0c6;border-bottom:1px solid #d9d0c6;display:grid;grid-template-columns:1fr 1.15fr;align-items:center;gap:55px;padding:42px max(32px,calc((100vw - 1176px)/2))}.footer-newsletter small{font-size:10px;color:var(--gold);font-weight:800;letter-spacing:.18em}.footer-newsletter h3{margin:9px 0 0;font-size:22px}.footer-newsletter form{display:grid;grid-template-columns:1fr auto;border-bottom:1px solid #6f655d}.footer-newsletter input{border:0;background:transparent;padding:14px 4px;font-size:14px;outline:none}.footer-newsletter button{border:0;background:transparent;padding:14px 4px;font-size:11px;font-weight:800;letter-spacing:.12em;cursor:pointer}.footer-newsletter button span{color:var(--gold);margin-left:8px}.footer-bottom{max-width:1240px;margin:auto;padding:25px 32px;display:flex;justify-content:space-between;align-items:center;color:#81766e}.footer-bottom small{font-size:12px}.footer-bottom div{display:flex;gap:24px}.footer-bottom a{font-size:12px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:900px){.footer-main{grid-template-columns:1.3fr 1fr;row-gap:55px}.footer-newsletter{grid-template-columns:1fr;gap:25px}}
@media(max-width:600px){.footer-main{grid-template-columns:1fr;padding:58px 22px;gap:38px}.footer-brand-block{padding-right:0}.footer-column{gap:12px}.footer-newsletter{padding:34px 22px}.footer-newsletter h3{font-size:19px}.footer-newsletter form{grid-template-columns:1fr}.footer-newsletter button{text-align:left;padding-top:4px}.footer-bottom{padding:24px 22px;align-items:flex-start;flex-direction:column;gap:16px}.footer-bottom div{flex-direction:column;gap:10px}}

/* Yara interpretation of the reference storefront: editorial spacing, two-tier navigation and visual collections. */
.site-header{height:auto;padding:0;background:rgba(255,255,255,.98)}
.header-top{width:100%;height:82px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 clamp(22px,4vw,62px)}
.header-top .header-left{justify-content:flex-start}.header-top .header-right{justify-content:flex-end}
.header-search{width:min(245px,22vw);display:flex;align-items:center;gap:10px;border-bottom:1px solid #b8ada4;padding:8px 0;color:#615851}
.header-search svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.5;flex:0 0 auto}
.header-search input{min-width:0;width:100%;border:0;background:transparent;outline:0;font-size:11px;letter-spacing:.04em;color:var(--dark)}
.header-search input::placeholder{color:#8c8179}
.site-header>.desktop-nav{height:42px;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:center;gap:clamp(36px,6vw,86px)}
.site-header>.desktop-nav a,.contact-link{position:relative;font-size:10px;font-weight:800;letter-spacing:.14em}
.site-header>.desktop-nav a::after{content:"";position:absolute;left:0;right:100%;bottom:-6px;height:1px;background:var(--gold);transition:right .25s ease}
.site-header>.desktop-nav a:hover::after{right:0}
.menu-button{display:none}
.mobile-menu{top:82px}
.hero{height:clamp(590px,69vw,780px)}
.collection-nav{max-width:1180px;margin:auto;padding:48px 30px 60px;display:grid;grid-template-columns:repeat(4,1fr);gap:30px;background:#fff}
.collection-nav a{text-align:center;display:grid;gap:17px;font-size:11px;font-weight:800;letter-spacing:.13em;text-transform:uppercase}
.collection-nav img{width:100%;aspect-ratio:1.18/1;object-fit:cover;background:var(--cream);transition:transform .45s ease,filter .45s ease}
.collection-nav a:hover img{transform:translateY(-4px);filter:saturate(1.05)}
.cookies-section{background:#faf8f5;border-top:1px solid #eee8e1}
.cookie-card{background:#fff;border:1px solid #ece5de}
.gifts-section{background:#713f29}
.brand-promises{display:grid;grid-template-columns:repeat(3,1fr);background:#f4eadf;border-top:1px solid #dfd3c7}
.brand-promises article{padding:52px clamp(26px,5vw,72px);text-align:center;border-right:1px solid #dfd3c7}
.brand-promises article:last-child{border-right:0}
.brand-promises span{display:block;color:var(--gold);font-size:10px;font-weight:800;letter-spacing:.16em;margin-bottom:14px}
.brand-promises h3{margin:0 0 12px;font-size:18px}
.brand-promises p{max-width:330px;margin:auto;color:#766a62;font-size:13px;line-height:1.7}

@media(max-width:900px){
  .header-top{height:72px;padding:0 18px}.header-search,.contact-link{display:none}.menu-button{display:flex}.brand>span{display:none}.brand img{width:48px;height:48px}.site-header>.desktop-nav{display:none}.mobile-menu{top:72px}.collection-nav{gap:14px;padding:34px 18px 48px}.collection-nav a{font-size:9px;gap:12px}.brand-promises article{padding:44px 22px}
}
@media(max-width:600px){
  .hero{height:620px}.collection-nav{grid-template-columns:repeat(2,1fr);gap:23px 12px}.collection-nav img{aspect-ratio:1.35/1}.brand-promises{grid-template-columns:1fr}.brand-promises article{border-right:0;border-bottom:1px solid #dfd3c7}.brand-promises article:last-child{border-bottom:0}
}

/* Single-row header based on the latest reference, translated into Yara's branding. */
.site-header{border-top:1px solid #f0ece8;border-bottom:1px solid #ded8d1}
.header-top{height:80px;padding:0 clamp(22px,6vw,108px)}
.mobile-menu{top:80px}
.header-side{gap:clamp(22px,3vw,48px)}
.menu-button{display:flex;flex-direction:column;justify-content:center;gap:3px;min-width:34px;color:var(--dark)}
.menu-button small{font-size:7px;line-height:1;letter-spacing:.13em}
.menu-cookie{width:22px;height:22px;display:grid;align-content:center;gap:3px;border:1.4px solid currentColor;border-radius:50%;padding:4px}
.menu-cookie i{display:block;height:1.2px;background:currentColor;border-radius:9px}.menu-cookie i:nth-child(2){width:75%;justify-self:end}
.header-links{display:flex;align-items:center;gap:clamp(26px,3.6vw,58px)}
.header-links a,.story-link{font-size:11px;font-weight:700;letter-spacing:.12em;white-space:nowrap}
.header-links a,.story-link{position:relative}
.header-links a::after,.story-link::after{content:"";position:absolute;left:0;right:100%;bottom:-7px;height:1px;background:var(--gold);transition:right .25s ease}
.header-links a:hover::after,.story-link:hover::after{right:0}
.brand{position:absolute;left:50%;transform:translateX(-50%);gap:11px}
.brand img{width:48px;height:48px}.brand>span{font-size:13px;letter-spacing:.21em}.brand small{font-size:7px;margin-top:4px}
.header-search{width:20px;padding:0;border:0;gap:7px;transition:width .3s ease,border-color .3s ease}
.header-search svg{width:19px;height:19px}.header-search input{width:0;opacity:0;padding:7px 0;transition:width .3s ease,opacity .2s ease}
.header-search:hover,.header-search:focus-within{width:142px;border-bottom:1px solid #b8ada4}
.header-search:hover input,.header-search:focus-within input{width:116px;opacity:1}
.header-account{display:grid;place-items:center;padding:5px}.header-account svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.45}
.header-icon{padding:5px}.header-icon svg{width:22px;height:22px}

@media(max-width:1050px){.brand>span{display:none}.header-links{gap:24px}.header-side{gap:22px}}
@media(max-width:900px){
  .header-top{height:72px;padding:0 18px}.header-links,.story-link,.header-search,.header-account{display:none}.header-side{gap:0}.brand img{width:48px;height:48px}.mobile-menu{top:72px}.menu-button{display:flex}
}

/* Palette sampled from the Yara Cookies logo. */
:root{--gold:#d6b568;--gold-soft:#e9e29d;--gold-ink:#956514;--dark:#030202;--brown:#2b1c13;--cream:#f8f2df;--line:#e8dec8}
body{color:var(--dark)}
.site-header{background:rgba(255,255,255,.985);border-color:#e7ddc8}
.header-links a::after,.story-link::after{background:var(--gold)}
.header-icon span{background:var(--dark);color:var(--gold-soft);border:1px solid var(--gold)}
.cookies-section{background:#fbf8ef;border-color:#eee5d2}
.section-title p,.cookie-info>p,.gift-feature small,.story-copy>p,.footer-newsletter small,.drawer-header small,.dialog-head small{color:var(--gold-ink)}
.cookie-card{border-color:#e9dfca}.cookie-photo>span{background:var(--dark);color:var(--gold-soft)}
.add-button{border-color:var(--gold-ink)}
.gifts-section{background:var(--dark)}
.section-title-light p{color:var(--gold)}.section-title-light span{color:#d8cdb9}
.gift-feature{background:#fffdf8}.gift-feature a{border-color:var(--gold-ink)}
.story-section{background:#fff}.brand-promises{background:var(--cream);border-color:#dfd1b2}
.brand-promises article{border-color:#dfd1b2}.brand-promises span{color:var(--gold-ink)}
.site-footer{background:#f8f2df}.footer-main,.footer-newsletter,.footer-bottom{border-color:#ded0af}
.footer-column h3{color:var(--dark)}.footer-column a:hover{color:var(--gold-ink)}
.footer-newsletter button span{color:var(--gold-ink)}
.drawer-footer button,.dialog-submit{background:var(--dark);color:var(--gold-soft)}
.cookies-section .cookie-showcase{grid-template-columns:repeat(3,1fr)}

/* Moving homepage hero */
.hero{touch-action:pan-y;cursor:grab;user-select:none}
.hero.is-dragging{cursor:grabbing}
.hero-slide{position:absolute;inset:0;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .9s ease,visibility .9s ease}
.hero-slide.active{opacity:1;visibility:visible;pointer-events:auto;z-index:1}
.hero-slide>img{width:100%;height:100%;object-fit:cover;object-position:center 55%;transform:scale(1.055);transition:transform 6.5s ease;-webkit-user-drag:none;pointer-events:none}
.hero-slide.active>img{transform:scale(1)}
.hero.is-dragging .hero-slide.active{transform:translateX(var(--swipe-offset,0));transition:none}
.hero-slide .hero-copy{opacity:0;transform:translateY(calc(-50% + 18px));transition:opacity .7s ease .18s,transform .7s ease .18s}
.hero-slide.active .hero-copy{opacity:1;transform:translateY(-50%)}
.hero-copy h2{margin:0 0 32px;font-size:clamp(42px,5.5vw,76px);line-height:1.02;letter-spacing:-.055em}
.hero-mark{z-index:3}
.hero-controls{position:absolute;z-index:4;left:50%;bottom:22px;transform:translateX(-50%);display:flex;align-items:center;gap:17px;color:#fff}
.hero-dots{display:flex;align-items:center;gap:8px}.hero-dots button{width:7px;height:7px;padding:0;border:0;border-radius:50%;background:rgba(255,255,255,.5);cursor:pointer;transition:width .25s,background .25s}
.hero-dots button.active{width:24px;border-radius:10px;background:var(--gold)}
@media(max-width:900px){.hero-slide>img{object-position:61% 55%}.hero-controls{bottom:56px}.hero-mark{bottom:19px}.hero-copy h2{font-size:43px}}
@media(max-width:600px){.hero-controls{left:auto;right:20px;transform:none;bottom:55px}.hero-dots{gap:6px}.hero-mark{left:24px;bottom:18px}}
@media(prefers-reduced-motion:reduce){.hero-slide,.hero-slide>img,.hero-slide .hero-copy{transition:none}}

/* Pinned brand scene: its image and copy stay still while the surrounding sections scroll. */
.footer-reveal{position:relative;background:var(--dark)}
.footer-scene{position:sticky;top:0;z-index:0;height:100svh;min-height:580px;overflow:hidden;isolation:isolate;color:#fff;background-image:linear-gradient(90deg,rgba(3,2,2,.78) 0%,rgba(3,2,2,.46) 48%,rgba(3,2,2,.62) 100%),url("assets/hero.webp");background-size:cover;background-position:center 58%;background-repeat:no-repeat}
.footer-reveal-top{position:relative;z-index:2;margin-top:-100svh;background:#fff}
.footer-reveal-top .story-section{margin:0 auto;background:#fff}
.footer-reveal-spacer{position:relative;z-index:1;height:115svh;pointer-events:none}
.footer-scene-bg,.footer-scene-shade{display:none}
.footer-scene-content{height:100%;max-width:1240px;margin:auto;padding:clamp(54px,7vw,94px) 32px;display:grid;grid-template-columns:1.25fr .75fr;gap:70px;align-items:center}
.footer-scene-content>div>p{margin:0 0 17px;color:var(--gold);font-size:12px;font-weight:700;letter-spacing:.2em}
.footer-scene-content h2{margin:0;font-size:clamp(45px,5.2vw,74px);line-height:1.04;letter-spacing:-.045em}
.footer-scene-content>p{align-self:end;margin:0 0 35px;font-size:16px;line-height:1.8;color:#f4eee2}

.site-footer{position:relative;z-index:2;background:var(--dark);color:#fff;border-top:5px solid var(--gold)}
.footer-main{border-color:#3d352b}.footer-logo{color:#fff}
.footer-brand-block>p,.footer-column a,.footer-service p{color:#cfc5b8}.footer-column h3{color:var(--gold)}
.footer-service span{color:#fff}.footer-service span:last-child{color:#a39a8f}
.footer-newsletter{border-color:#3d352b}.footer-newsletter h3{color:#fff}.footer-newsletter input{color:#fff}.footer-newsletter input::placeholder{color:#9f968b}.footer-newsletter form{border-color:#8b7a5d}.footer-newsletter button{color:#fff}
.footer-bottom{color:#b2a99f}.footer-bottom a{color:#b2a99f}

@media(max-width:760px){.footer-scene{height:100svh;min-height:540px;background-position:58% center}.footer-scene-content{grid-template-columns:1fr;gap:24px;padding:54px 22px;align-content:center}.footer-scene-content>p{align-self:auto;margin:0;max-width:480px}.footer-scene-content h2{font-size:44px}}

/* Dedicated collection and information pages. */
.header-links a.active,.story-link.active,.contact-link.active{color:var(--gold-ink)}
.header-links a.active::after,.story-link.active::after,.contact-link.active::after{right:0}
.page-hero{min-height:560px;display:grid;grid-template-columns:1fr 1fr;background:var(--cream);align-items:stretch}
.page-hero>div{padding:clamp(70px,10vw,145px) clamp(32px,8vw,120px);display:flex;flex-direction:column;justify-content:center}
.page-hero>div>p,.page-heading>p,.story-editorial>div:first-child>p,.contact-intro>p,.page-cta>p{margin:0 0 18px;color:var(--gold-ink);font-size:11px;font-weight:800;letter-spacing:.2em}
.page-hero h1,.contact-intro h1{margin:0 0 24px;font-size:clamp(52px,6vw,86px);line-height:.98;letter-spacing:-.055em}
.page-hero>div>span,.contact-intro>span{max-width:580px;color:#6d625a;font-size:17px;line-height:1.75}
.page-hero>img{width:100%;height:100%;min-height:560px;object-fit:cover}
.page-hero-dark{background:var(--dark);color:#fff}.page-hero-dark>div>p{color:var(--gold)}.page-hero-dark>div>span{color:#d8cdbf}
.page-section{max-width:1240px;margin:auto;padding:105px 32px}.page-heading{text-align:center;margin-bottom:48px}.page-heading h2{margin:0;font-size:clamp(38px,4vw,58px);letter-spacing:-.04em}
.product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.product-tile{background:#fff;border:1px solid #e8dec8}.product-tile>img{width:100%;height:390px;object-fit:cover}.product-tile>div{padding:28px}.product-tile small{color:var(--gold-ink);font-weight:800;letter-spacing:.12em}.product-tile h3{font-size:25px;margin:12px 0}.product-tile p{min-height:72px;color:#70665e;line-height:1.65}.product-tile a,.page-cta a{display:inline-flex;gap:12px;border-bottom:1px solid currentColor;padding-bottom:7px;font-size:11px;font-weight:800;letter-spacing:.12em}
.occasion-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:28px}.occasion-grid article{position:relative;padding-bottom:18px}.occasion-grid img{width:100%;height:420px;object-fit:cover}.occasion-grid span{display:block;margin-top:22px;color:var(--gold-ink);font-size:10px;font-weight:800;letter-spacing:.15em}.occasion-grid h3{font-size:28px;margin:9px 0}.occasion-grid p{margin:0;max-width:500px;color:#70665e;line-height:1.65}
.process-strip,.story-values{display:grid;grid-template-columns:repeat(3,1fr);background:var(--cream);border-top:1px solid #dfd1b2}.process-strip article,.story-values article{padding:48px clamp(24px,5vw,70px);border-right:1px solid #dfd1b2}.process-strip article:last-child,.story-values article:last-child{border-right:0}.process-strip span,.story-values span{color:var(--gold-ink);font-size:10px;font-weight:800}.process-strip h3,.story-values h3{margin:12px 0 0;font-size:18px}.story-values p{color:#756a63;line-height:1.65}
.story-editorial{max-width:1180px;margin:auto;padding:120px 32px;display:grid;grid-template-columns:1fr 1fr;gap:clamp(50px,9vw,130px)}.story-editorial h2{font-size:clamp(38px,4.5vw,64px);line-height:1.06;letter-spacing:-.045em;margin:0}.story-editorial>div:last-child p{margin:0 0 24px;color:#695f57;font-size:17px;line-height:1.8}
.page-cta{padding:100px 32px;text-align:center;background:var(--dark);color:#fff}.page-cta>p{color:var(--gold)}.page-cta a{color:var(--gold)}.page-cta h2{font-size:clamp(36px,4.5vw,62px);margin:0 0 32px;letter-spacing:-.04em}
.contact-layout{max-width:1180px;margin:auto;padding:110px 32px;display:grid;grid-template-columns:1fr .85fr;gap:clamp(55px,9vw,130px)}.contact-intro h1{font-size:clamp(46px,5vw,70px)}.service-hours{display:flex;gap:15px;margin-top:40px;padding-top:30px;border-top:1px solid #ded3c5}.service-hours>i{width:10px;height:10px;border-radius:50%;background:#3aa75b;margin-top:5px}.service-hours div{display:grid;gap:7px}.service-hours span,.service-hours small{color:#746a62}.contact-form{background:var(--cream);padding:42px;display:grid;gap:21px}.contact-form label{font-size:12px;font-weight:700;letter-spacing:.04em}.contact-form input,.contact-form select,.contact-form textarea{display:block;width:100%;margin-top:9px;padding:13px;border:1px solid #d8cbaa;background:#fff;font:inherit}.contact-form textarea{height:125px;resize:vertical}.contact-form button{border:0;background:var(--dark);color:var(--gold-soft);padding:16px;font-size:11px;font-weight:800;letter-spacing:.13em}.contact-form #contactStatus{margin:0;font-size:13px;line-height:1.5}.faq-section{max-width:900px;margin:auto;padding:20px 32px 110px}.faq-section details{border-top:1px solid #ded3c5;padding:23px 0}.faq-section details:last-child{border-bottom:1px solid #ded3c5}.faq-section summary{font-weight:700;cursor:pointer}.faq-section details p{color:#70665e;line-height:1.65}
.simple-footer{background:var(--dark);color:#fff;padding:55px 30px 32px;display:grid;justify-items:center;gap:28px}.simple-footer-brand{display:flex;align-items:center;gap:16px}.simple-footer img{width:70px;height:70px;border-radius:50%;border:1px solid var(--gold)}.simple-footer nav{display:flex;gap:34px;margin:0}.simple-footer nav a{font-size:11px;font-weight:700;letter-spacing:.09em}.simple-footer small{color:#9f968b}
.simple-footer-social{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;border:1px solid var(--gold);color:var(--gold);transition:background .2s,color .2s}
.simple-footer-social:hover{background:var(--gold);color:var(--dark)}
.simple-footer-social svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.6}

/* Homepage customer support launcher. */
.chat-launcher{position:fixed;z-index:38;right:24px;bottom:24px;height:58px;border:1px solid var(--gold);border-radius:30px;background:var(--dark);color:var(--gold-soft);box-shadow:0 12px 35px rgba(0,0,0,.24);display:flex;align-items:center;gap:10px;padding:0 18px;cursor:pointer}.chat-launcher svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.7}.chat-launcher>span{font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.chat-panel{position:fixed;z-index:39;right:24px;bottom:94px;width:min(380px,calc(100vw - 32px));max-height:min(620px,calc(100vh - 120px));background:#fff;box-shadow:0 24px 70px rgba(0,0,0,.26);display:flex;flex-direction:column}.chat-panel[hidden]{display:none}.chat-head{background:var(--dark);color:#fff;padding:20px 21px;display:flex;align-items:center;justify-content:space-between}.chat-head>div{display:grid;grid-template-columns:auto 1fr;column-gap:10px;align-items:center}.chat-head strong{grid-column:2;display:block;font-size:14px}.chat-head small{grid-column:2;color:#cfc4b6;font-size:10px}.chat-status-dot{grid-row:1/3;width:9px;height:9px;border-radius:50%;background:#3aa75b;box-shadow:0 0 0 4px rgba(58,167,91,.15)}.chat-status-dot.assistant{background:var(--gold);box-shadow:0 0 0 4px rgba(214,181,104,.15)}.chat-head button{border:0;background:transparent;color:#fff;font-size:24px;cursor:pointer}.chat-messages{padding:20px;overflow:auto;display:grid;gap:11px;min-height:180px}.chat-message{max-width:87%;padding:11px 13px;font-size:13px;line-height:1.55}.chat-message.bot{background:var(--cream);justify-self:start}.chat-message.user{background:var(--dark);color:#fff;justify-self:end}.chat-quick{padding:0 20px 15px;display:flex;flex-wrap:wrap;gap:7px}.chat-quick button{border:1px solid #d8cbaa;background:#fff;padding:8px 10px;font-size:11px;cursor:pointer}.chat-form{display:grid;grid-template-columns:1fr auto;border-top:1px solid #e6ddd2}.chat-form input{border:0;padding:15px;outline:0}.chat-form button{border:0;background:var(--gold-ink);color:#fff;width:52px}.chat-note{margin:0;padding:9px 14px;background:#f7f3ed;color:#80756c;font-size:9px;line-height:1.4;text-align:center}

@media(max-width:900px){.page-hero{grid-template-columns:1fr}.page-hero>img{min-height:420px;height:420px}.product-grid{grid-template-columns:1fr 1fr}.contact-layout{grid-template-columns:1fr}.story-editorial{grid-template-columns:1fr}.contact-link{display:none}}
@media(max-width:900px){.cookies-section .cookie-showcase{grid-template-columns:1fr;max-width:680px}}
@media(max-width:600px){.page-hero{min-height:0}.page-hero>div{padding:72px 24px}.page-hero h1,.contact-intro h1{font-size:48px}.page-hero>img{min-height:340px;height:340px}.page-section{padding:75px 18px}.product-grid,.occasion-grid,.process-strip,.story-values{grid-template-columns:1fr}.product-tile>img,.occasion-grid img{height:340px}.process-strip article,.story-values article{border-right:0;border-bottom:1px solid #dfd1b2}.story-editorial,.contact-layout{padding:75px 22px}.contact-form{padding:28px 20px}.simple-footer nav{flex-direction:column;text-align:center;gap:15px}.chat-launcher{right:16px;bottom:16px;width:58px;padding:0;justify-content:center}.chat-launcher>span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.chat-panel{right:16px;bottom:84px}}

/* Header alignment, completed forms and support pages. */
.header-top{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr)}
.header-top>.brand{position:static;left:auto;transform:none;justify-self:center;grid-column:2}
.header-top>.header-left{grid-column:1;min-width:0}
.header-top>.header-right{grid-column:3;justify-self:end;justify-content:flex-end;margin-left:auto;min-width:0}
.header-top .header-icon{flex:0 0 auto;margin-left:4px}
.header-links{gap:clamp(32px,4vw,64px)}
.header-side{gap:clamp(28px,3.2vw,54px)}
dialog{max-height:92vh;overflow:auto;border-radius:2px}
.required-mark,.required-note span{color:var(--gold-ink)}
.required-note{margin:0 0 4px;color:#766b63;font-size:12px;font-weight:500;letter-spacing:0}
.checkout-summary{display:grid;gap:10px;margin:0 0 16px;padding:16px;background:#fffaf0;border:1px solid #e2d5bb;font-size:12px}
.checkout-summary>div{display:grid;gap:7px;color:#675d57}.checkout-summary span{display:flex;gap:8px}
#formStatus,#contactStatus{color:#6e3f28;font-weight:600}
.simple-footer-help{padding-top:24px;border-top:1px solid #3b332c;color:#b7aa9d}
.info-hero{padding:90px 30px 68px;text-align:center;background:var(--cream)}
.info-hero p{margin:0 0 14px;color:var(--gold-ink);font-size:11px;font-weight:800;letter-spacing:.2em}
.info-hero h1{margin:0;font-size:clamp(46px,6vw,76px);letter-spacing:-.05em}
.info-content{max-width:900px;margin:auto;padding:72px 30px 110px}
.info-content>p{color:#6f655d;font-size:17px;line-height:1.8}
.info-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px;margin-top:38px}
.info-card{padding:28px;background:#fbf8ef;border:1px solid #e8dec8}
.info-card small{color:var(--gold-ink);font-weight:800;letter-spacing:.14em}.info-card h2{margin:10px 0 12px;font-size:22px}.info-card p{margin:0;color:#70665e;line-height:1.7;font-size:15px}
.legal-copy h2{margin:40px 0 10px;font-size:25px}.legal-copy p,.legal-copy li{color:#6f655d;line-height:1.8}.legal-copy ul{padding-left:22px}
@media(max-width:1160px){.header-links{gap:22px}.header-side{gap:22px}.header-search{display:none}}
@media(max-width:900px){.header-top>.brand{grid-column:2}.header-top>.header-right{grid-column:3}.header-top .header-icon{display:block}.info-grid{grid-template-columns:1fr}}

/* Bilingual controls and easier touch-first navigation. */
.language-switch{display:inline-flex;align-items:center;padding:3px;border:1px solid #d8cbaa;border-radius:999px;background:#fffdf8;flex:0 0 auto}
.language-switch button{width:38px;height:32px;border:0;border-radius:999px;background:transparent;color:#665d55;font-size:11px;font-weight:800;cursor:pointer;transition:background .2s,color .2s}
.language-switch button.active{background:var(--dark);color:var(--gold-soft)}
.mobile-bottom-nav{display:none}
.header-side{gap:clamp(18px,2vw,30px)}
.header-links{gap:clamp(26px,3vw,42px)}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid rgba(209,140,0,.38);outline-offset:3px}
.add-button,.product-tile a,.page-cta a,.light-link{min-height:44px;align-items:center}
.contact-form input,.contact-form select{min-height:50px}.contact-form button,.dialog-submit,.drawer-footer button{min-height:52px}

@media(max-width:1050px){
  .header-top{padding-inline:24px}.header-right{gap:18px}.language-switch button{width:35px}
}

@media(max-width:900px){
  body{padding-bottom:calc(72px + env(safe-area-inset-bottom))}
  .header-top{grid-template-columns:1fr auto 1fr;padding-inline:14px}
  .header-left{justify-self:start}.header-right{justify-self:end;gap:8px!important;min-width:0}
  .menu-button{min-width:46px;min-height:46px;align-items:center}
  .header-icon{width:46px;height:46px;display:grid;place-items:center}
  .header-icon span{top:1px;right:1px}
  .language-switch{padding:2px}.language-switch button{width:32px;height:34px;font-size:10px}
  .mobile-bottom-nav{position:fixed;z-index:36;left:0;right:0;bottom:0;display:grid;grid-template-columns:repeat(4,1fr);padding:7px 8px calc(7px + env(safe-area-inset-bottom));background:rgba(255,253,248,.98);border-top:1px solid #dfd5c5;box-shadow:0 -8px 28px rgba(31,21,13,.1)}
  .mobile-bottom-nav a{min-height:55px;display:grid;place-items:center;align-content:center;gap:3px;color:#746960;font-size:10px;font-weight:700}
  .mobile-bottom-nav svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
  .mobile-bottom-nav a[aria-current="page"]{color:var(--gold-ink)}
  .mobile-bottom-nav a[aria-current="page"] span{font-weight:800}
  .page-hero{min-height:0}.page-hero>div{padding:68px 28px}.page-hero>img{min-height:390px;height:390px}
  .page-section{padding:78px 24px}.product-tile p{min-height:0}
  .contact-layout{padding:72px 28px;gap:45px}.contact-form{padding:34px 28px}
  .chat-launcher{bottom:calc(88px + env(safe-area-inset-bottom))}
  .chat-panel{bottom:calc(153px + env(safe-area-inset-bottom));max-height:calc(100vh - 240px)}
  .simple-footer{padding-bottom:45px}
}

@media(max-width:700px){
  .hero{height:calc(100svh - 72px);min-height:570px;max-height:720px}
  .hero-slide>img{object-position:66% center}.hero-shade{background:linear-gradient(0deg,rgba(20,10,5,.82) 0%,rgba(20,10,5,.54) 42%,rgba(0,0,0,.05) 75%)}
  .hero-copy,.hero-slide .hero-copy{left:22px;right:22px;top:auto;bottom:105px;transform:none!important;max-width:520px}
  .hero-copy h1,.hero-copy h2{font-size:clamp(36px,10.5vw,50px);line-height:1.04;margin-bottom:24px}
  .hero-copy p{font-size:11px;margin-bottom:14px}.light-link{font-size:11px}
  .hero-controls{bottom:84px}.hero-mark{display:none}
  .collection-nav{grid-template-columns:repeat(2,1fr);gap:18px 12px;padding:28px 16px 46px}.collection-nav a{min-width:0;font-size:10px}.collection-nav img{aspect-ratio:1.2/1}
  .section-title{padding:65px 22px 32px}.section-title span{display:block;line-height:1.65}
  .cookie-showcase{padding:0 14px 76px}.cookie-photo{height:min(430px,105vw)}.cookie-info h3{font-size:23px}.cookie-info>span{font-size:16px}
  .product-grid{grid-template-columns:1fr}.product-tile>img{height:min(420px,105vw)}
  .gift-features{padding-inline:14px}.gift-feature>div{padding:34px 24px 40px}
  .page-hero>div{padding:56px 22px}.page-hero h1,.contact-intro h1{font-size:42px;line-height:1.02}.page-hero>div>span,.contact-intro>span{font-size:16px}
  .page-hero>img{min-height:330px;height:330px}.page-section{padding:68px 16px}
  .contact-layout{padding:60px 16px}.contact-form{padding:28px 18px;gap:24px}.contact-form label,.form-grid label{font-size:14px}.contact-form input,.contact-form select,.contact-form textarea,.form-grid input,.form-grid select,.form-grid textarea{font-size:16px}
  dialog{width:calc(100vw - 16px);max-height:calc(100svh - 24px)}dialog form{padding:24px 18px}.dialog-head h2{font-size:25px}.dialog-head button{width:46px;height:46px}
  .cart-drawer{width:100vw}.drawer-header{padding:24px 20px}.cart-content{padding:18px}.drawer-footer{padding:20px}
  .chat-panel{left:8px;right:8px;width:auto;bottom:calc(80px + env(safe-area-inset-bottom));max-height:calc(100svh - 96px);border-radius:16px 16px 0 0;overflow:hidden}.chat-messages{min-height:220px}.chat-form input{font-size:16px;min-height:52px}.chat-quick button{min-height:42px;font-size:12px}
  .chat-launcher{right:14px;bottom:calc(83px + env(safe-area-inset-bottom));width:56px;height:56px}
  .footer-scene-content>p{font-size:16px}.footer-main{padding-bottom:50px}
  .info-hero{padding:58px 20px}.info-hero h1{font-size:42px}.info-content{padding:58px 16px}.info-card{padding:25px 20px}.faq-section{padding-inline:18px}.faq-section summary{font-size:16px;line-height:1.45;min-height:44px}.faq-section details p{font-size:16px}
}

/* Final header layout: one clean row with protected centre logo. */
.header-top{position:relative;isolation:isolate;overflow:visible}
.header-top>.header-left,.header-top>.header-right{min-width:0;flex-wrap:nowrap;white-space:nowrap}
.header-top>.header-right{width:max-content;max-width:100%;margin-left:0;justify-self:end;align-self:center}
.header-top>.header-right>*{flex:0 0 auto}
.header-top>.brand{z-index:2;white-space:nowrap}
.header-top .language-switch{align-self:center}

@media(min-width:1101px){
  .header-top{height:78px;padding-inline:clamp(28px,4vw,64px);grid-template-columns:minmax(340px,1fr) auto minmax(340px,1fr)}
  .header-top>.header-left{justify-self:start;gap:clamp(18px,2vw,28px)}
  .header-top>.header-right{gap:clamp(16px,1.8vw,26px)}
  .header-links{gap:clamp(24px,2.7vw,38px)}
  .header-search:hover,.header-search:focus-within{width:120px}
  .header-search:hover input,.header-search:focus-within input{width:94px}
}

@media(max-width:1100px){
  .header-top{height:72px;padding-inline:16px;grid-template-columns:1fr auto 1fr}
  .header-links,.story-link,.contact-link,.header-search,.header-account{display:none!important}
  .header-top>.brand>span{display:none}
  .header-top>.header-left{justify-self:start}
  .header-top>.header-right{justify-self:end;gap:8px}
  .menu-button{display:flex;min-width:46px;min-height:46px;align-items:center}
  .mobile-menu{top:72px}
}

@media(max-width:380px){
  .header-top{padding-inline:8px}
  .header-top>.brand img{width:44px;height:44px}
  .language-switch button{width:29px}
  .header-icon{width:42px;height:42px}
}

/* Header v16: navigation stays in one right-aligned row; language sits beside chat. */
.header-top{display:grid;grid-template-columns:72px minmax(0,1fr);position:relative}
.header-top>.header-left{grid-column:1;justify-self:start}
.header-top>.brand{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:2}
.header-top>.header-right{grid-column:2;justify-self:end;display:flex;align-items:center;gap:clamp(18px,2vw,32px);width:auto;max-width:none}
.header-top>.header-right .header-links{display:flex;align-items:center;gap:clamp(22px,2.5vw,38px)}
.header-top>.header-right .header-links a,
.header-top>.header-right .story-link,
.header-top>.header-right .contact-link{font-size:10px;font-weight:800;letter-spacing:.12em;white-space:nowrap}
.floating-language-switch{position:fixed;z-index:38;left:24px;bottom:24px;height:58px;padding:5px;border-color:var(--gold);background:var(--dark);box-shadow:0 12px 35px rgba(0,0,0,.24)}
.floating-language-switch::before{content:"BAHASA";padding:0 9px 0 10px;color:var(--gold-soft);font-size:10px;font-weight:800;letter-spacing:.08em}
.floating-language-switch button{height:46px;color:#d8cdbd}
.floating-language-switch button.active{background:var(--gold);color:var(--dark)}

@media(min-width:1101px) and (max-width:1320px){
  .header-top>.brand>span{display:none}
  .header-top>.header-right{gap:18px}
  .header-top>.header-right .header-links{gap:20px}
  .header-search{display:none}
}

@media(max-width:1100px){
  .header-top{grid-template-columns:1fr auto 1fr}
  .header-top>.header-left{grid-column:1}
  .header-top>.brand{position:static;grid-column:2;grid-row:1;transform:none}
  .header-top>.header-right{grid-column:3;gap:8px}
  .header-top>.header-right .header-links,
  .header-top>.header-right .story-link,
  .header-top>.header-right .contact-link,
  .header-top>.header-right .header-search{display:none!important}
}

@media(max-width:900px){
  .floating-language-switch{left:14px;bottom:calc(83px + env(safe-area-inset-bottom));height:56px;padding:4px}
  .floating-language-switch::before{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
  .floating-language-switch button{width:34px;height:46px}
}

@media(max-width:380px){
  .floating-language-switch{left:10px}
  .floating-language-switch button{width:31px}
}

/* Header v17: premium wordmark-left layout with all navigation aligned right. */
@media(min-width:1101px){
  .site-header{box-shadow:0 8px 24px rgba(37,24,12,.045)}
  .header-top{display:flex;height:78px;padding-inline:clamp(34px,5vw,82px);gap:48px}
  .header-top>.header-left{display:none}
  .header-top>.brand{position:static;left:auto;top:auto;transform:none;justify-self:auto;flex:0 0 auto}
  .header-top>.brand img{width:50px;height:50px}
  .header-top>.brand>span{display:block;font-size:13px;letter-spacing:.2em}
  .header-top>.header-right{display:flex;justify-content:flex-end;align-items:center;flex:1 1 auto;margin-left:auto;gap:clamp(18px,2.1vw,34px);min-width:0}
  .header-top>.header-right .header-links{display:flex;align-items:center;gap:clamp(20px,2.3vw,36px)}
  .header-top>.header-right .header-links a,
  .header-top>.header-right .story-link,
  .header-top>.header-right .contact-link{font-size:10px;line-height:1;letter-spacing:.115em}
  .header-top>.header-right .header-search,
  .header-top>.header-right .header-icon{margin-left:2px}
}

@media(min-width:1101px) and (max-width:1260px){
  .header-top{gap:28px;padding-inline:28px}
  .header-top>.brand>span{display:none}
  .header-top>.header-right{gap:18px}
  .header-top>.header-right .header-links{gap:20px}
  .header-top>.header-right .header-search{display:none}
}

@media(max-width:1100px){
  .header-top{display:grid;grid-template-columns:1fr auto 1fr}
  .header-top>.header-left{display:flex;grid-column:1;grid-row:1}
  .header-top>.brand{position:static;grid-column:2;grid-row:1;transform:none}
  .header-top>.header-right{grid-column:3;grid-row:1}
}

/* Language now lives in the footer; subpages use the former floating position for Home. */
.footer-language-switch{
  display:inline-flex;
  align-items:center;
  gap:10px;
  border:0;
  padding:4px 0 10px;
  background:transparent;
  color:inherit;
  font-size:13px;
  font-weight:700;
  cursor:pointer;
}
.footer-language-switch svg{
  width:20px;
  height:20px;
  fill:none;
  stroke:currentColor;
  stroke-width:1.5;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.footer-language-switch:hover{color:var(--gold)}
.footer-language-switch:focus-visible{
  outline:2px solid var(--gold);
  outline-offset:4px;
  border-radius:3px;
}
.footer-service .footer-language-switch{margin-bottom:2px;color:#fff}
.footer-service .footer-language-switch span,
.footer-service .footer-language-switch span:last-child{color:inherit;font-size:13px;font-weight:700;letter-spacing:0}
.site-footer .footer-main>.footer-column:not(.footer-service){padding-top:48px}
.simple-footer .footer-language-switch{color:#b7aa9d}
.simple-footer .footer-language-switch:hover{color:var(--gold)}
.simple-footer .footer-language-switch{justify-self:end;margin:-20px 0 0}
.floating-home-link{
  position:fixed;
  z-index:38;
  left:24px;
  bottom:24px;
  display:inline-flex;
  align-items:center;
  gap:9px;
  height:58px;
  padding:0 18px;
  border:1px solid var(--gold);
  border-radius:999px;
  background:var(--dark);
  color:var(--gold-soft);
  box-shadow:0 10px 28px rgba(0,0,0,.2);
  font-size:11px;
  font-weight:800;
  letter-spacing:.06em;
  transition:border-color .2s,background .2s,transform .2s;
}
.floating-home-link:hover{
  background:var(--gold);
  color:var(--dark);
  transform:translateX(-2px);
}
.floating-home-link:focus-visible{
  outline:3px solid rgba(209,140,0,.3);
  outline-offset:2px;
}
.floating-home-link span[aria-hidden="true"]{font-size:18px;line-height:1}

@media(max-width:900px){
  .floating-home-link{
    left:14px;
    bottom:calc(92px + env(safe-area-inset-bottom));
    height:56px;
    padding:0 18px;
  }
}

@media(max-width:380px){
  .floating-home-link{left:10px}
}

@media(max-width:600px){
  .site-footer .footer-main>.footer-column:not(.footer-service){padding-top:0}
}

/* ==========================================================================
   FINAL HEADER CLEANUP — single source of truth.
   Earlier header rules above were layered over several redesigns and had
   started to conflict (different font sizes per nav link, the desktop nav
   disappearing above 1101px, mismatched logo sizes). This block intentionally
   comes last so it wins the cascade and replaces that patchwork with one
   consistent, correctly-sized header at every breakpoint.
   ========================================================================== */
.site-header{
  display:block;
  position:sticky;top:0;z-index:30;height:auto;
  background:rgba(255,255,255,.98);
  border-top:0;border-bottom:1px solid #e7ddc8;
  box-shadow:0 6px 18px rgba(37,24,12,.04);
}
.header-top{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);
  align-items:center;
  height:82px;
  padding:0 clamp(24px,4vw,64px);
  gap:16px;
  position:relative;
}
.header-top>.header-left{grid-column:1;justify-self:start;display:flex;min-width:0}
.header-top>.brand{grid-column:2;justify-self:center;position:static;left:auto;top:auto;transform:none}
.header-top>.header-right{grid-column:3;justify-self:end;display:flex;min-width:0}

.header-side{display:flex;align-items:center;gap:clamp(24px,2.8vw,42px);flex-wrap:nowrap}

.menu-button{display:none;align-items:center;gap:8px;border:0;background:none;padding:5px 0;cursor:pointer;color:var(--dark)}
.menu-button small{font-size:9px;font-weight:700;letter-spacing:.12em;line-height:1}
.menu-cookie{width:22px;height:22px;display:grid;align-content:center;gap:3px;border:1.4px solid currentColor;border-radius:50%;padding:4px}
.menu-cookie i{display:block;height:1.2px;background:currentColor;border-radius:9px}
.menu-cookie i:nth-child(2){width:75%;justify-self:end}

.brand{display:flex;align-items:center;gap:11px;text-align:left;white-space:nowrap}
.brand img{width:50px;height:50px;border-radius:50%;object-fit:cover}
.brand>span{font-size:13px;letter-spacing:.2em;font-weight:700}
.brand small{display:block;font-size:7px;letter-spacing:.17em;margin-top:4px;color:#8e847d}

.header-links{display:flex;align-items:center;gap:clamp(24px,2.8vw,42px)}
.header-links a,.story-link,.contact-link{
  position:relative;
  font-size:11px;
  font-weight:700;
  letter-spacing:.12em;
  white-space:nowrap;
}
.header-links a::after,.story-link::after,.contact-link::after{
  content:"";position:absolute;left:0;right:100%;bottom:-7px;height:1px;
  background:var(--gold);transition:right .25s ease;
}
.header-links a:hover::after,.story-link:hover::after,.contact-link:hover::after{right:0}
.header-links a.active,.story-link.active,.contact-link.active{color:var(--gold-ink)}
.header-links a.active::after,.story-link.active::after,.contact-link.active::after{right:0}

.header-search{width:34px;padding:0;border:0;display:flex;align-items:center;gap:7px;color:#615851;transition:width .3s ease,border-color .3s ease}
.header-search svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.5;flex:0 0 auto}
.header-search input{min-width:0;width:0;opacity:0;border:0;background:transparent;outline:0;font-size:11px;letter-spacing:.04em;color:var(--dark);padding:7px 0;transition:width .3s ease,opacity .2s ease}
.header-search input::placeholder{color:#8c8179}
.header-search:hover,.header-search:focus-within{width:170px;border-bottom:1px solid #b8ada4}
.header-search:hover input,.header-search:focus-within input{width:140px;opacity:1}

.header-icon{position:relative;border:0;background:transparent;padding:6px;cursor:pointer;flex:0 0 auto}
.header-icon svg{width:22px;height:22px;fill:none;stroke:#222;stroke-width:1.5}
.header-icon span{position:absolute;top:-2px;right:-4px;width:17px;height:17px;border-radius:50%;background:var(--dark);color:var(--gold-soft);border:1px solid var(--gold);font-size:9px;display:grid;place-items:center}

.mobile-menu{position:absolute;left:0;right:0;top:82px;background:#fff;padding:26px;display:none;gap:22px;border-bottom:1px solid var(--line);box-shadow:0 18px 30px rgba(0,0,0,.08);z-index:29}
.mobile-menu.open{display:grid}
.mobile-menu a{font-size:14px;font-weight:700;letter-spacing:.09em}
.mobile-search{display:none}

@media(max-width:1100px){
  .header-top{height:72px;padding:0 18px}
  .header-links,.story-link,.contact-link,.header-search{display:none!important}
  .menu-button{display:flex;min-width:46px;min-height:46px;align-items:center}
  .brand>span{display:none}
  .brand img{width:46px;height:46px}
  .header-icon{width:46px;height:46px;display:grid;place-items:center}
  .header-icon span{top:1px;right:1px}
  .mobile-menu{top:72px}
  .mobile-search{display:flex;align-items:center;gap:12px;border:1px solid #ddd3c7;border-radius:12px;padding:0 14px;min-height:48px;background:#fffaf3}
  .mobile-search svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.6;flex:0 0 auto}
  .mobile-search input{width:100%;border:0;background:transparent;outline:0;font-size:16px;color:var(--dark)}
}

@media(max-width:380px){
  .header-top{padding-inline:10px}
  .brand img{width:42px;height:42px}
  .header-icon{width:42px;height:42px}
}

/* Header navigation + functional global product search. */
@media(min-width:1101px){
  .header-top{grid-template-columns:minmax(440px,1fr) auto minmax(180px,1fr)}
  .header-top>.header-left{overflow:visible}
  .header-top>.header-left .header-links{gap:clamp(18px,2vw,32px)}
  .header-top>.header-right{gap:14px}
  .header-top>.header-left .story-link,
  .header-top>.header-left .contact-link{display:inline-block}
}

.header-search{cursor:text}
.header-search svg{cursor:pointer}
.search-results-panel{
  position:fixed;
  z-index:80;
  top:74px;
  right:clamp(24px,4vw,64px);
  width:min(390px,calc(100vw - 32px));
  max-height:min(520px,calc(100vh - 100px));
  overflow:auto;
  background:#fff;
  border:1px solid #e7ddc8;
  border-radius:14px;
  box-shadow:0 22px 60px rgba(30,19,10,.18);
}
.search-results-panel[hidden]{display:none}
.search-results-head{display:flex;align-items:center;justify-content:space-between;padding:17px 18px;border-bottom:1px solid var(--line)}
.search-results-head strong{font-size:12px;letter-spacing:.1em;text-transform:uppercase}
.search-results-head button{width:38px;height:38px;border:0;border-radius:50%;background:var(--cream);font-size:24px;line-height:1;cursor:pointer}
.search-results-list{display:grid;padding:8px}
.search-results-list a,.search-results-list>button{display:grid;grid-template-columns:58px 1fr auto;align-items:center;gap:13px;width:100%;padding:10px;border:0;border-radius:10px;background:transparent;color:inherit;text-align:left;cursor:pointer}
.search-results-list a:hover,.search-results-list a:focus-visible,.search-results-list>button:hover,.search-results-list>button:focus-visible{background:var(--cream);outline:0}
.search-results-list img{width:58px;height:58px;border-radius:8px;object-fit:cover}
.search-result-icon{width:44px;height:44px;margin:7px;border-radius:50%;display:grid;place-items:center;background:var(--cream);color:var(--gold-ink);font-size:18px}
.search-results-list span{display:grid;gap:5px}
.search-results-list b{font-size:13px}
.search-results-list small{font-size:10px;color:#81766e;letter-spacing:.08em;text-transform:uppercase}
.search-results-list i{font-style:normal;color:var(--gold);font-size:18px}
.search-empty{margin:0;padding:24px 20px;color:#6f655e;font-size:13px;line-height:1.6}
.search-target{animation:searchTarget 1.8s ease}
@keyframes searchTarget{0%,45%{box-shadow:0 0 0 5px rgba(209,140,0,.28)}100%{box-shadow:none}}

@media(max-width:1100px){
  .search-results-panel{top:68px;right:16px}
}

/* Desktop: logo and all four navigation links form one left-aligned row;
   search and shopping bag stay pinned to the far right. */
@media(min-width:1101px){
  .header-top{
    display:flex;
    align-items:center;
    padding-inline:clamp(28px,4vw,64px);
    gap:clamp(28px,3vw,48px);
  }
  .header-top>.brand{order:1;justify-self:auto;flex:0 0 auto}
  .header-top>.header-left{order:2;justify-self:auto;display:flex;flex:0 1 auto}
  .header-top>.header-right{order:3;justify-self:auto;margin-left:auto;display:flex;flex:0 0 auto}
  .header-top>.header-left .header-links{display:flex;align-items:center;gap:clamp(20px,2.2vw,34px)}
}

/* Compact footer shared by Cookies, Gifts, Story, Contact and help pages. */
.simple-footer{
  padding:18px 20px 14px;
  gap:9px;
}
.simple-footer-brand{gap:12px}
.simple-footer img{width:38px;height:38px}
.simple-footer nav{gap:7px 20px;margin:0;flex-wrap:wrap;justify-content:center}
.simple-footer nav a{font-size:11px;line-height:1.3}
.simple-footer small{font-size:10px}
.simple-footer-social{width:32px;height:32px}
.simple-footer .footer-language-switch{justify-self:center;margin:0;padding:2px 0 4px;gap:7px;font-size:12px}
.simple-footer .footer-language-switch svg{width:16px;height:16px}
.simple-footer-help{padding-top:8px}

.story-page .page-cta{background:var(--cream);color:var(--dark);border-top:1px solid #dfd1b2}
.story-page .page-cta>p{color:var(--gold-ink)}

@media(max-width:600px){
  .simple-footer{padding:15px 12px 12px;gap:8px}
  .simple-footer img{width:34px;height:34px}
  .simple-footer nav{flex-direction:row;gap:6px 14px}
}