/* Kasutam reference: cream/olive storefront, centred brand, illustrated journey.
   Original artwork credited on page; product catalogue and brand are Kaithli. */
:root,:root[data-theme="light"],:root[data-theme="dark"]{--cream:#fffbeb;--paper:#f6f2dc;--green:#33471f;--terra:#664522;--line:#d9d1b3;--muted:#616725;--surface:#fffbeb;--photo-surface:#f6f1de;--text:#503b25;--action:#33471f;--on-action:#fffdf3;color-scheme:light}
header{grid-template-columns:1fr auto 1fr;height:88px;background:#fffdf3;padding:0 3%;border-color:#d9d1b3}
header>.brandmark{grid-column:2;flex-direction:row;gap:10px}
header .brandmark img{height:55px;width:55px}
header .brandmark>span{font-size:22px}
header nav{grid-column:1;justify-content:flex-start;gap:24px;color:#33471f}
.header-actions{grid-column:3;gap:16px}
.catalog-menu{position:relative}
#catalog-menu{background:#33471f;color:#fffdf3;border-radius:10px;min-height:44px;padding:10px 15px;display:flex;align-items:center;gap:12px;font-size:14px;font-weight:600}
#catalog-menu span{font-size:18px;line-height:1}
#catalog-dropdown{position:absolute;top:calc(100% + 12px);left:0;background:#fffdf3;border:1px solid var(--line);border-radius:14px;min-width:210px;padding:10px;box-shadow:0 10px 30px #503b251a}
#catalog-dropdown a{display:block;padding:10px 12px;font-size:14px;border-radius:8px;color:#33471f}
#catalog-dropdown a:hover{background:#f0edd7}
.header-search{display:flex;gap:8px;align-items:center;border-bottom:1px solid #adae8f;max-width:260px}
.header-search input{width:160px;min-width:0;max-width:100%;background:none;border:0;padding:10px 0;font-size:13px;color:#33471f;min-height:44px;border-radius:0}
.header-search button{padding:5px;min-height:44px;font-size:12px;color:#33471f}
.cart-trigger{background:#657b43;color:#fffdf3;border-radius:12px;min-height:44px;padding:10px 12px;gap:8px;font-size:0}
#bag-count{font-size:14px;border:0;line-height:20px;color:#fffdf3}
.announcement{background:#33471f;color:#fffdf3;padding:7px 20px}
.announcement a{color:inherit}
.hero{background:none;margin-top:36px}
.hero-image{border:2px solid #b4ba87;border-radius:30px}
.hero[lang="hi"] h1{color:#664522}
.hero-copy>p:not(.eyebrow){color:#616725}
.section-heading{align-items:center}
.section-heading h2{color:#33471f;font-size:36px}
.home-category-tabs{display:flex;justify-content:center;gap:10px;margin:-6px 0 30px;flex-wrap:wrap}
.home-category-tabs button{border:1px solid transparent;color:#33471f;background:transparent;padding:11px 22px;border-radius:10px;min-height:44px;font-weight:600;font-size:14px}
.home-category-tabs button[aria-pressed="true"]{background:#e5e8ca;border-color:#b4ba87}
.home-category-tabs button:hover{background:#f0edd7}
.product-photo{background:#fffdf3;border:1px solid #ded7bd;border-radius:22px}
.product-card-copy{background:none}
.product-card h3{color:#503b25}
.card-add{background:#617b43;border-color:#617b43;color:#fffdf3;border-radius:10px;font-weight:600}
.card-add:hover{background:#33471f;opacity:1}
.ghee-journey{background:#fffbeb url('/assets/kasutam/journey.svg') center/cover no-repeat;padding:42px 0 18px;position:relative;margin:16px 0}
.journey-layout{max-width:1400px;width:94%;margin:auto;display:grid;grid-template-columns:37% minmax(0,1fr);gap:6%;align-items:center}
.journey-intro{align-self:center;max-width:400px;margin-top:20px}
.journey-intro h2{font-size:clamp(2rem,3.4vw,3.4rem);line-height:1.1;color:#664522;margin:0 0 22px;font-weight:700;letter-spacing:-.02em}
.journey-intro p{font-size:14px;line-height:1.8;color:#664522;max-width:36ch;background:#fffbeb;padding:10px 12px 10px 0;margin:0;border-radius:8px}
.journey-steps{list-style:none;margin:0;padding:0;position:relative;display:grid;gap:18px}
.journey-steps::before{content:'';position:absolute;left:31px;top:58px;bottom:58px;border-left:4px dotted #ac9465}
.journey-steps li{position:relative;display:grid;grid-template-columns:64px minmax(0,1fr);gap:14px;align-items:center}
.journey-marker{display:flex;align-items:center;justify-content:center;z-index:1}
.journey-marker img{width:56px;height:56px;border-radius:0;object-fit:contain}
.journey-steps article{display:grid;grid-template-columns:94px minmax(0,1fr);gap:22px;align-items:center;border:1.5px solid #805d38;border-radius:30px;background:#fffdf1;padding:20px 24px;min-height:140px;transition:background .2s,border-color .2s}
.journey-photo{width:94px;height:94px;object-fit:contain;border-radius:0}
.journey-steps h3{font-size:21px;font-weight:700;letter-spacing:-.01em;line-height:1.25;color:#664522;margin:0 0 10px}
.journey-steps article p{font-size:14px;line-height:1.65;color:#616725;margin:0}
.journey-steps article:hover{background:#f7f4df;border-color:#33471f}
.journey-credit{max-width:1400px;width:94%;margin:18px auto 0;font-size:11px;text-align:right;color:#6b5c3f}
.journey-credit a{text-decoration:underline}
.search-empty{grid-column:1/-1;text-align:center;padding:60px 20px;background:#fffdf3;border-radius:22px}
.search-empty h2{font-size:28px}
.mobile-search{display:grid;gap:10px;padding:16px 0}
.mobile-search label{font-size:14px}
.mobile-search input{min-height:44px;background:#fffdf3;border:1px solid var(--line);border-radius:8px;padding:10px}
.mobile-search .button{justify-content:center}
@media(max-width:1100px){header .brandmark>span{font-size:18px}.header-search input{width:115px}.header-actions{gap:10px}header nav{gap:14px}.journey-layout{gap:4%;grid-template-columns:34% minmax(0,1fr)}.journey-steps article{padding:18px;grid-template-columns:80px minmax(0,1fr);gap:16px}.journey-photo{width:80px;height:80px}.journey-steps h3{font-size:19px}.journey-intro h2{font-size:2.5rem}}
@media(max-width:980px){header{height:78px;grid-template-columns:1fr auto}header>.brandmark{grid-column:1}header nav{display:none}.header-actions{grid-column:2}#menu-button{display:block}#mobile-nav{top:78px}.journey-layout{grid-template-columns:1fr;gap:28px;width:90%}.ghee-journey{background-image:none;padding-top:36px}.journey-intro{max-width:600px;margin:0}.journey-intro p{max-width:62ch;padding:0}.journey-intro h2{font-size:2.5rem;max-width:18ch;margin-bottom:14px}.journey-credit{width:90%}.journey-steps article{min-height:135px}.journey-steps h3{font-size:21px}}
@media(max-width:600px){.header-search{display:none}header .brandmark>span{font-size:20px}header .brandmark img{width:48px;height:48px}.cart-trigger{padding:8px 10px;border-radius:10px}.header-actions{gap:10px}.section-heading h2{font-size:28px}.home-category-tabs{justify-content:flex-start;gap:4px;margin-bottom:20px}.home-category-tabs button{padding:10px 12px;font-size:12px}.journey-layout{width:94%}.journey-intro{padding:0 8px}.journey-intro h2{font-size:2rem}.journey-intro p{font-size:13px}.journey-steps{gap:14px}.journey-steps::before{left:21px;border-width:3px}.journey-steps li{grid-template-columns:44px minmax(0,1fr);gap:8px}.journey-marker img{width:42px;height:42px}.journey-steps article{grid-template-columns:62px minmax(0,1fr);gap:12px;padding:16px 12px;min-height:132px;border-radius:22px}.journey-photo{width:62px;height:62px}.journey-steps h3{font-size:17px;margin-bottom:8px}.journey-steps article p{font-size:12px;line-height:1.6}.journey-credit{text-align:left;font-size:10px}.ghee-journey{padding-bottom:26px}.hero{margin-top:24px}}
@media(prefers-reduced-motion:reduce){.journey-steps article{transition:none}}

header nav{align-items:center}
header nav .story-nav{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:10px 14px;box-sizing:border-box;border:1px solid var(--green);border-radius:10px;font-size:14px;font-weight:600;line-height:1.3}
.story-nav svg{width:18px;height:18px;flex:none}
header nav .story-nav::after{display:none}
header nav .story-nav:hover,header nav .story-nav[aria-current="page"]{background:#e5e8ca}