:root{
  --ground:#ECE5D8; --paper:#F7F2E9; --ink:#1E2624; --ink-2:#3A4441; --muted:#5A625F;
  --clay:#A84B27; --clay-d:#8A3C1E; --gold:#F0C987; --haldi:#C9962B; --teal:#3F6B66; --teal-d:#2E4F4B;
  --sand:#D9C49A; --pink:#C2366B; --line:#D3C9B7; --cream:#F4EEE3;
  --serif:Fraunces,Georgia,"Times New Roman",serif; --sans:Manrope,"Helvetica Neue",Helvetica,Arial,sans-serif;
  --display:"Dela Gothic One",Manrope,sans-serif; --hand:Caveat,"Comic Sans MS",cursive;
  --radius:22px; --wrap:1160px;
  --dark:#1E2624; --ink-hover:#0F1413; --hover:rgba(30,38,36,.07); --top-bg:rgba(236,229,216,.94); --field:#FFFFFF;
  --link:#A84B27; --link-hover:#8A3C1E; --accent-text:#A84B27;
  --accent:#A84B27; --accent-hover:#8A3C1E; --on-accent:#FFFFFF; --accent-tint:rgba(168,75,39,.08); --accent-light:#EBA57F;
  --on-dark:#F4EEE3; --r-btn:999px;
  box-sizing:border-box;
  padding-top:env(safe-area-inset-top,0px); padding-bottom:env(safe-area-inset-bottom,0px);
}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:calc(env(safe-area-inset-top,0px) + 80px);-webkit-text-size-adjust:100%;overflow-anchor:none}
body{margin:0;background:var(--ground);color:var(--ink);font-family:var(--sans);font-size:17px;line-height:1.6;-webkit-font-smoothing:antialiased}
img{max-width:100%;height:auto;display:block}
a{color:var(--link)} a:hover{color:var(--link-hover)}
button,input,select,textarea{font:inherit;color:inherit}
:focus-visible{outline:3px solid var(--haldi);outline-offset:3px;border-radius:6px}
.wrap{max-width:var(--wrap);margin:0 auto;padding:0 22px}
.skip{position:absolute;left:-999px;top:8px;background:var(--ink);color:var(--ground);padding:10px 16px;border-radius:10px;z-index:100}
.skip:focus{left:12px}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
h1,h2,h3{font-family:var(--serif);font-weight:600;line-height:1.1;letter-spacing:-.01em;margin:0}
.kicker{font-size:13px;font-weight:800;letter-spacing:.18em;text-transform:uppercase;color:var(--accent-text);margin:0 0 12px}
.lead{font-size:clamp(18px,2.1vw,21px);color:var(--ink-2);max-width:60ch}
.section{padding:clamp(64px,9vw,112px) 0}
.section-head{display:flex;flex-wrap:wrap;align-items:end;justify-content:space-between;gap:20px;margin-bottom:36px}
.section-head h2{font-size:clamp(34px,5vw,54px);max-width:18ch}

/* buttons */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:50px;padding:0 26px;border-radius:var(--r-btn);border:2px solid var(--ink);background:var(--ink);color:var(--ground);font-weight:800;font-size:16px;text-decoration:none;cursor:pointer;transition:transform .15s,background .15s}
.btn:hover{color:var(--ground);background:var(--ink-hover)}
.btn:active{transform:scale(.97)}
.btn.ghost{background:transparent;color:var(--ink)} .btn.ghost:hover{background:var(--ink);color:var(--ground)}
.btn.clay{background:var(--accent);border-color:var(--accent);color:var(--on-accent)} .btn.clay:hover{background:var(--accent-hover);border-color:var(--accent-hover);color:var(--on-accent)}
.btn.ghost.on-dark{color:var(--on-dark);border-color:var(--on-dark)} .btn.ghost.on-dark:hover{background:var(--on-dark);color:#1E2624}
.btn.small{min-height:44px;padding:0 18px;font-size:15px}
.btn.wide{width:100%}
.btn[disabled]{opacity:.5;cursor:not-allowed}

/* header */
.top{position:sticky;top:env(safe-area-inset-top,0px);z-index:40;background:var(--top-bg);backdrop-filter:saturate(1.2) blur(8px);-webkit-backdrop-filter:saturate(1.2) blur(8px);border-bottom:1px solid var(--line)}
.top .wrap{display:flex;align-items:center;justify-content:space-between;gap:16px;height:72px}
.brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--ink)}
.brand img{width:42px;height:42px}
.brand b{font-family:var(--display);font-weight:400;font-size:26px;line-height:1}
.brand sup{font-size:11px;font-weight:700}
.nav{display:flex;align-items:center;gap:6px}
.nav a{padding:10px 12px;border-radius:12px;text-decoration:none;color:var(--ink);font-weight:700;font-size:15px}
.nav a:hover,.nav a[aria-current="page"]{background:var(--hover);color:var(--ink)}
.actions{display:flex;align-items:center;gap:8px}
.cart-btn{position:relative;display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 16px;border-radius:22px;border:2px solid var(--ink);background:transparent;cursor:pointer;font-weight:800}
.cart-btn .count{min-width:24px;height:24px;border-radius:12px;background:var(--accent);color:var(--on-accent);font-size:13px;display:grid;place-items:center;padding:0 6px}
.menu-btn{display:none;width:44px;height:44px;border-radius:22px;border:2px solid var(--ink);background:transparent;cursor:pointer;place-items:center}
@media (max-width:900px){
  .nav{position:fixed;inset:72px 0 auto 0;top:calc(env(safe-area-inset-top,0px) + 72px);flex-direction:column;align-items:stretch;background:var(--ground);border-bottom:1px solid var(--line);padding:10px 22px 20px;display:none}
  .nav.open{display:flex}
  .nav a{padding:14px 12px;font-size:18px}
  .menu-btn{display:grid}
  .cart-btn .label{display:none}
}

/* hero */
.hero{padding:clamp(40px,7vw,90px) 0 clamp(50px,8vw,100px);overflow:hidden}
.hero .wrap{display:grid;grid-template-columns:1.05fr .95fr;gap:48px;align-items:center}
.hero .hindi{font-family:"Tiro Devanagari Sanskrit",serif;color:var(--haldi);font-size:22px;margin:0 0 6px}
.hero h1{font-size:clamp(46px,8vw,92px);margin-bottom:22px}
.hero .lead{margin:0 0 30px}
.hero .ctas{display:flex;flex-wrap:wrap;gap:12px}
.hero .trust{display:flex;flex-wrap:wrap;gap:10px 18px;margin-top:30px;font-size:14px;font-weight:700;color:var(--muted)}
.hero .trust span{display:inline-flex;align-items:center;gap:8px}
.hero .trust span::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--haldi)}
.hero-art{position:relative;justify-self:center;width:100%;max-width:480px}
.hero-art svg{width:100%;height:auto;display:block}
.hero-art .half-l,.hero-art .half-r{transition:transform 1.3s cubic-bezier(.2,.8,.2,1)}
.hero-art .half-l{transform:translateX(-54px)} .hero-art .half-r{transform:translateX(54px)}
.hero-art.joined .half-l,.hero-art.joined .half-r{transform:none}
@media (max-width:860px){.hero .wrap{grid-template-columns:1fr}.hero-art{max-width:320px;order:-1}}

/* ticker */
.ticker{background:var(--dark);color:#F4EEE3;overflow:hidden;white-space:nowrap;border-block:2px solid var(--dark);position:relative;z-index:1}
.ticker .track{display:inline-flex;gap:40px;padding:14px 0;animation:tick 36s linear infinite;font-weight:800;letter-spacing:.14em;text-transform:uppercase;font-size:14px}
.ticker .track span::after{content:"✦";margin-left:40px;color:var(--gold)}
@keyframes tick{to{transform:translateX(-50%)}}

/* story */
.story .wrap{display:grid;grid-template-columns:.9fr 1.1fr;gap:56px;align-items:start}
.story h2{font-size:clamp(36px,5vw,56px)}
.story .body p{margin:0 0 18px;font-size:18px;color:var(--ink-2)}
.story .body p.big{font-family:var(--serif);font-size:clamp(22px,2.6vw,28px);color:var(--ink);line-height:1.35}
.story .sign{font-family:var(--hand);font-size:30px;color:var(--clay)}
@media (max-width:860px){.story .wrap{grid-template-columns:1fr;gap:24px}}

/* doses */
.doses{background:var(--dark);color:#F4EEE3;position:relative;z-index:1}
.doses .kicker{color:var(--gold)}
.doses h2{color:#F4EEE3}
.doses .lead{color:#CFC6B6}
.dose-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.dose{background:#26302E;border-radius:var(--radius);overflow:hidden;display:flex;flex-direction:column;border:1px solid #33403D}
.dose .pic{padding:22px 18px 6px}
.dose .txt{padding:10px 24px 26px;display:flex;flex-direction:column;gap:10px;flex-grow:1}
.dose h3{font-size:28px;color:#F4EEE3}
.dose p{margin:0;color:#CFC6B6;font-size:16px}
.dose .scene{font-family:var(--hand);font-size:24px;color:var(--gold);line-height:1.2}
.dose .btn{margin-top:auto;align-self:flex-start}
.meter{display:flex;gap:6px;align-items:center}
.meter i{width:26px;height:8px;border-radius:4px;background:#46524F}
.meter i.on{background:var(--gold)}
.doses .note{margin-top:28px;font-size:15px;color:#B3AA9A;max-width:70ch}
@media (max-width:900px){.dose-grid{grid-template-columns:1fr}}

/* badges */
.badge{align-self:flex-start;width:max-content;display:inline-flex;align-items:center;min-height:26px;padding:0 11px;border-radius:13px;font-size:11px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;border:1.5px solid #0F1413}
.badge.low{background:var(--gold);color:#1E2624} .badge.medium{background:var(--teal);color:#F4EEE3} .badge.high{background:var(--clay);color:var(--cream)}

/* shop */
.filters{display:flex;flex-wrap:wrap;gap:8px}
.chip{min-height:44px;padding:0 18px;border-radius:22px;border:1.5px solid var(--line);background:transparent;cursor:pointer;font-weight:700}
.chip[aria-pressed="true"]{background:var(--ink);color:var(--ground);border-color:var(--ink)}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:22px;margin-top:26px}
.card{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;display:flex;flex-direction:column;transition:transform .2s,box-shadow .2s}
.card:hover{transform:translateY(-3px);box-shadow:0 16px 32px rgba(30,38,36,.12)}
.card .pic{background:var(--ground);padding:22px;aspect-ratio:4/3;display:grid;place-items:center;cursor:pointer;border:0;width:100%}
.card .pic img{width:100%;height:100%;object-fit:contain}
.card .body{padding:18px 20px 20px;display:flex;flex-direction:column;gap:6px;flex-grow:1}
.card h3{font-size:23px}
.card .meta{margin:0;color:var(--muted);font-size:15px}
.card .row{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:auto;padding-top:12px}
.price{font-weight:800;font-size:21px}
.price small{font-weight:600;font-size:13px;color:var(--muted)}
.empty-state{padding:30px;text-align:center;color:var(--muted);grid-column:1/-1}

/* how */
.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;counter-reset:s}
.step{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);padding:28px}
.step::before{counter-increment:s;content:counter(s);display:grid;place-items:center;width:46px;height:46px;border-radius:50%;background:var(--dark);color:var(--gold);font-family:var(--display);font-size:20px;margin-bottom:16px}
.step h3{font-size:24px;margin-bottom:8px}
.step p{margin:0;color:var(--ink-2)}
@media (max-width:860px){.steps{grid-template-columns:1fr}}

/* slam */
.slam .card-wrap{background:var(--dark);color:#F4EEE3;border-radius:28px;padding:clamp(28px,5vw,56px);display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center}
.slam h2{color:#F4EEE3;font-size:clamp(32px,4.4vw,48px);margin-bottom:14px}
.slam p{color:#CFC6B6;margin:0 0 14px}
.page{background:#F7F2E9;color:#1E2624;border-radius:14px;padding:22px 24px;transform:rotate(-1.6deg);box-shadow:0 18px 30px rgba(0,0,0,.25);background-image:repeating-linear-gradient(transparent 0 39px,#E3D9C7 39px 40px)}
.page .hole{display:flex;gap:18px;margin:-6px 0 8px}
.page .hole i{width:12px;height:12px;border-radius:50%;background:#ECE5D8;box-shadow:inset 0 1px 2px rgba(0,0,0,.2)}
.page dl{margin:0}
.page div{display:flex;gap:12px;align-items:baseline;min-height:40px}
.page dt{font-size:13px;color:#5A625F;width:140px;flex-shrink:0;font-weight:700}
.page dd{margin:0;font-family:var(--hand);font-size:25px;color:var(--clay);line-height:1.2}
@media (max-width:860px){.slam .card-wrap{grid-template-columns:1fr}}

/* made */
.made .wrap{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center}
.facts{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:22px}
.fact{background:var(--paper);border:1px solid var(--line);border-radius:18px;padding:18px}
.fact b{display:block;font-family:var(--serif);font-size:20px;margin-bottom:4px}
.fact span{font-size:15px;color:var(--ink-2)}
.made .shot{border-radius:var(--radius);overflow:hidden;box-shadow:0 20px 40px rgba(30,38,36,.15)}
@media (max-width:860px){.made .wrap{grid-template-columns:1fr}.facts{grid-template-columns:1fr}}

/* faq */
.faq-list{max-width:820px}
.faq-list details{border-bottom:1px solid var(--line)}
.faq-list summary{list-style:none;cursor:pointer;padding:22px 44px 22px 0;font-family:var(--serif);font-size:22px;position:relative}
.faq-list summary::-webkit-details-marker{display:none}
.faq-list summary::after{content:"+";position:absolute;right:6px;top:18px;font-family:var(--sans);font-size:28px;font-weight:400;transition:transform .2s}
.faq-list details[open] summary::after{transform:rotate(45deg)}
.faq-list details p{margin:0 0 22px;color:var(--ink-2);max-width:68ch}

/* about */
.page-hero{padding:clamp(48px,7vw,88px) 0 30px}
.page-hero h1{font-size:clamp(42px,7vw,80px);max-width:16ch;margin-bottom:20px}
.founders{display:grid;grid-template-columns:repeat(3,1fr);gap:26px;margin-top:10px}
.founder{display:flex;flex-direction:column;gap:14px}
.founder .page{transform:none}
.founder .page dt{width:100px}
.founder:nth-child(1) .page{transform:rotate(-1.4deg)} .founder:nth-child(2) .page{transform:rotate(1.1deg)} .founder:nth-child(3) .page{transform:rotate(-.8deg)}
.avatar{width:96px;height:96px;border-radius:50%;display:grid;place-items:center;font-family:var(--display);font-size:32px;color:var(--cream);border:3px solid var(--ink);position:relative;overflow:hidden}
.founder h3{font-size:28px}
.founder .role{margin:-8px 0 0;font-weight:800;font-size:14px;letter-spacing:.12em;text-transform:uppercase;color:var(--clay)}
.founder .bio{margin:0;color:var(--ink-2)}
@media (max-width:960px){.founders{grid-template-columns:1fr;max-width:560px}}
.prose{max-width:720px}
.prose p{font-size:18px;color:var(--ink-2);margin:0 0 18px}
.prose p.big{font-family:var(--serif);font-size:clamp(22px,2.6vw,28px);color:var(--ink);line-height:1.35}
.values{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.value{background:var(--paper);border:1px solid var(--line);border-radius:18px;padding:22px}
.value h3{font-size:22px;margin-bottom:6px}
.value p{margin:0;color:var(--ink-2);font-size:16px}
@media (max-width:860px){.values{grid-template-columns:1fr}}

/* legal */
.legal{max-width:760px;padding:clamp(40px,6vw,72px) 0 80px}
.legal h1{font-size:clamp(38px,6vw,56px);margin-bottom:8px}
.legal h2{font-size:23px;margin:34px 0 10px}
.legal p{color:var(--ink-2);margin:0 0 12px}
.legal .upd{color:var(--muted);font-size:14px;margin-bottom:26px}

/* footer */
footer.site{position:relative;z-index:1;background:var(--dark);color:#CFC6B6;padding:64px 0 calc(40px + env(safe-area-inset-bottom,0px));font-size:15px}
footer.site .cols{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:32px}
footer.site h4{color:#F4EEE3;font-size:14px;letter-spacing:.14em;text-transform:uppercase;margin:0 0 14px}
footer.site a{color:#E6DECF;text-decoration:none} footer.site a:hover{color:var(--gold)}
footer.site ul{list-style:none;margin:0;padding:0;display:grid;gap:8px}
footer.site .fbrand{display:flex;align-items:center;gap:10px;color:#F4EEE3;margin-bottom:14px}
footer.site .fbrand b{font-family:var(--display);font-weight:400;font-size:28px}
footer.site .legalnote{border-top:1px solid #33403D;margin-top:40px;padding-top:22px;font-size:13px;color:#9C9486;display:grid;gap:6px}
@media (max-width:860px){footer.site .cols{grid-template-columns:1fr 1fr}}
@media (max-width:520px){footer.site .cols{grid-template-columns:1fr}}

/* overlays */
.scrim{position:fixed;inset:0;background:rgba(15,20,19,.55);opacity:0;pointer-events:none;transition:opacity .25s;z-index:60}
.scrim.open{opacity:1;pointer-events:auto}
.drawer{position:fixed;top:0;right:0;bottom:0;width:min(460px,100%);background:var(--paper);z-index:61;transform:translateX(100%);transition:transform .3s cubic-bezier(.2,.8,.2,1);display:flex;flex-direction:column;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px);visibility:hidden}
.drawer.open{transform:none;visibility:visible}
.d-head{display:flex;align-items:center;justify-content:space-between;padding:16px 22px;border-bottom:1px solid var(--line)}
.d-head h2{font-size:26px}
.x{width:44px;height:44px;border-radius:22px;border:0;background:transparent;cursor:pointer;display:grid;place-items:center}
.x:hover{background:var(--hover)}
.d-body{flex-grow:1;overflow-y:auto;padding:16px 22px}
.d-foot{border-top:1px solid var(--line);padding:16px 22px;display:grid;gap:12px}
.line{display:grid;grid-template-columns:72px 1fr auto;gap:12px;align-items:center;padding:14px 0;border-bottom:1px solid var(--line)}
.line img{width:72px;height:72px;object-fit:contain;background:var(--ground);border-radius:12px;padding:6px}
.line b{display:block;font-size:15px;line-height:1.3}
.line small{color:var(--muted);display:block}
.line .rm{background:none;border:0;padding:4px 0;color:var(--clay);font-size:13px;font-weight:700;cursor:pointer}
.qty{display:inline-flex;align-items:center;border:1.5px solid var(--line);border-radius:22px}
.qty button{width:40px;height:40px;border:0;background:transparent;cursor:pointer;font-size:18px;font-weight:800}
.qty output{min-width:20px;text-align:center;font-weight:800}
.sum{display:flex;justify-content:space-between;font-size:15px}
.sum.total{font-weight:800;font-size:19px}
.hint{font-size:13px;color:var(--muted);font-weight:500}
.empty{padding:40px 6px;text-align:center;color:var(--muted)}
.empty .btn{margin-top:16px}

.form{display:grid;gap:14px}
.form .two{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.form label{display:grid;gap:6px;font-size:14px;font-weight:700}
.form input[type=text],.form input[type=tel],.form input[type=email],.form textarea,.form select{min-height:48px;border:1.5px solid var(--line);border-radius:12px;padding:10px 12px;background:var(--field);color:var(--ink);font-weight:500;width:100%}
.form textarea{min-height:84px;resize:vertical}
.form textarea.hand{font-family:var(--hand);font-size:23px;line-height:1.2}
.form .check{display:flex;gap:10px;align-items:flex-start;font-weight:500;font-size:14px}
.form .check input{width:22px;height:22px;margin-top:1px;flex-shrink:0;accent-color:var(--clay)}
.form fieldset{border:1.5px solid var(--line);border-radius:14px;padding:12px 14px;margin:0;display:grid;gap:10px}
.form legend{font-size:14px;font-weight:800;padding:0 6px}
.form .radio{display:flex;gap:10px;align-items:flex-start;font-weight:600;font-size:15px}
.form .radio input{width:20px;height:20px;accent-color:var(--clay);margin-top:3px}
.err{color:#B3261E;font-size:14px;font-weight:700;margin:0}
.done{text-align:center;padding:20px 4px}
.done h3{font-size:30px;margin:14px 0 8px}
.done .oid{font-family:var(--display);font-size:20px;letter-spacing:.04em;background:var(--ground);border-radius:10px;padding:6px 12px;display:inline-block;margin:6px 0 12px}
.done p{color:var(--ink-2);margin:0 0 12px}

.modal{position:fixed;inset:0;z-index:70;display:none;align-items:center;justify-content:center;padding:16px}
.modal.open{display:flex}
.modal .panel{background:var(--paper);border-radius:26px;max-width:960px;width:100%;max-height:calc(100dvh - 32px);overflow:auto;display:grid;grid-template-columns:1.1fr 1fr;position:relative}
.modal .gallery{background:var(--ground);padding:28px;display:grid;gap:14px;align-content:center}
.modal .gallery>img{width:100%;aspect-ratio:4/3;object-fit:contain}
.modal .thumbs img{width:100%;height:100%;object-fit:contain}
.modal .thumbs{display:flex;gap:10px}
.modal .thumbs button{width:72px;height:56px;border-radius:10px;border:2px solid transparent;background:var(--paper);padding:4px;cursor:pointer}
.modal .thumbs button[aria-current="true"]{border-color:var(--ink)}
.modal .info{padding:30px 28px;display:flex;flex-direction:column;gap:12px}
.modal .info h2{font-size:32px}
.modal .info p{margin:0;color:var(--ink-2)}
.modal .x{position:absolute;right:10px;top:10px;background:var(--paper)}
.modal ul{margin:0;padding-left:20px;color:var(--ink-2);font-size:15px}
.variants{display:grid;gap:8px}
.variant{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:12px 14px;border:1.5px solid var(--line);border-radius:14px;cursor:pointer;font-weight:700}
.variant:has(input:checked){border-color:var(--ink);background:var(--field)}
.variant input{accent-color:var(--clay);width:18px;height:18px}
.variant span{display:flex;align-items:center;gap:10px}
@media (max-width:820px){.modal .panel{grid-template-columns:1fr}.modal .gallery{padding:20px}}

.gate{position:fixed;inset:0;z-index:90;background:var(--dark);color:#F4EEE3;display:none;align-items:center;justify-content:center;padding:24px}
.gate.show{display:flex}
.gate .box{max-width:460px;text-align:center}
.gate img{width:110px;margin:0 auto}
.gate h2{font-size:34px;margin:18px 0 10px;color:#F4EEE3}
.gate p{color:#CFC6B6;margin:0 0 24px}
.gate .btns{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}
.gate .yes{background:var(--accent);color:var(--on-accent);border-color:var(--accent)} .gate .yes:hover{background:var(--accent-hover);border-color:var(--accent-hover)}
.gate .no{background:transparent;color:var(--on-dark);border-color:var(--on-dark)} .gate .no:hover{background:var(--on-dark);color:#1E2624}
.toast{position:fixed;left:50%;bottom:calc(22px + env(safe-area-inset-bottom,0px));transform:translate(-50%,140px);background:var(--ink);color:var(--cream);padding:12px 22px;border-radius:22px;font-weight:800;z-index:95;transition:transform .25s;max-width:calc(100% - 32px)}
.toast.show{transform:translate(-50%,0)}
body.lock{overflow:hidden}

.reveal{opacity:0;transform:translateY(18px);transition:opacity .7s ease,transform .7s ease}
.reveal.in{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){
  *{scroll-behavior:auto!important}
  .reveal{opacity:1;transform:none;transition:none}
  .hero-art .half-l,.hero-art .half-r,.drawer,.scrim{transition:none}
  .ticker .track{animation:none}
}

/* v2 additions */
.values{grid-template-columns:repeat(auto-fit,minmax(230px,1fr))}
.value img{border-radius:12px}
.page-logo{width:min(220px,50vw);height:auto;margin:0 0 22px}
.trustrow{display:flex;align-items:center;gap:16px;margin-top:22px;background:var(--paper);border:1px solid var(--line);border-radius:18px;padding:14px 18px}
.trustrow img{width:72px;height:72px;flex-shrink:0}
.trustrow b{display:block;font-size:16px}
.trustrow span{font-size:14px;color:var(--muted)}
.gift-card{background:var(--paper);border:1px solid var(--line);border-radius:28px;padding:clamp(24px,4vw,44px);display:grid;grid-template-columns:1fr 1.1fr;gap:36px;align-items:center}
.gift-card h2{font-size:clamp(30px,4vw,44px);margin-bottom:12px}
.gift-card p{color:var(--ink-2);margin:0}
.gift-card .kicker{color:var(--accent-text)}
.gift-line{display:flex;gap:10px;align-items:center;font-size:14px;color:var(--teal-d);font-weight:700;background:rgba(63,107,102,.1);border-radius:12px;padding:10px 12px}
@media (max-width:860px){.gift-card{grid-template-columns:1fr}}

/* ---------- night theme ---------- */
:root[data-theme="night"]{
  --ground:#0F1615; --paper:#18211F; --ink:#F4EEE3; --ink-2:#D5CDBE; --muted:#A79F90; --line:#2C3836;
  --dark:#16201E; --ink-hover:#FFFFFF; --hover:rgba(244,238,227,.08); --top-bg:rgba(15,22,21,.86); --field:#202B29;
  --link:#EBA57F; --link-hover:#F4C3A6; --accent-text:#EBA57F; --accent-tint:rgba(235,165,127,.10); color-scheme:dark;
}
:root[data-theme="night"] .card:hover{box-shadow:0 16px 32px rgba(0,0,0,.45)}
:root[data-theme="night"] .made .shot,:root[data-theme="night"] .card .pic{background:#1E2826}
:root[data-theme="night"] .dose{background:#1D2826;border-color:#2C3836}
:root[data-theme="night"] .gift-card,:root[data-theme="night"] .fact,:root[data-theme="night"] .step,:root[data-theme="night"] .value,:root[data-theme="night"] .trustrow{background:rgba(24,33,31,.82)}
.night-only{display:none!important}
:root[data-theme="night"] .night-only{display:block!important}
:root[data-theme="night"] .day-only{display:none!important}
main{position:relative;z-index:1}

/* star sky */
#sky{position:fixed;inset:0;width:100%;height:100%;z-index:0;pointer-events:none}
:root[data-theme="night"] body{background:radial-gradient(1200px 700px at 70% -10%,#1C2B35 0%,transparent 60%),var(--ground)}

/* night hero landscape */
.hero{position:relative}
.hero .wrap{position:relative;z-index:2}
.hero-scene{position:absolute;left:0;right:0;bottom:0;height:clamp(150px,22vw,280px);z-index:1;pointer-events:none}
.hero-scene svg{width:100%;height:100%;display:block}
:root[data-theme="night"] .hero-art svg{filter:drop-shadow(0 0 40px rgba(240,201,135,.35)) drop-shadow(0 0 90px rgba(240,201,135,.18))}

/* theme toggle */
.theme-btn{width:44px;height:44px;border-radius:22px;border:2px solid var(--ink);background:transparent;cursor:pointer;display:grid;place-items:center;color:var(--ink)}
.theme-btn .sun{display:none}
:root[data-theme="night"] .theme-btn .sun{display:block}
:root[data-theme="night"] .theme-btn .moon{display:none}
@media (prefers-reduced-motion:reduce){#sky{transition:none}}
@media (max-width:440px){
  .top .wrap{padding:0 14px;gap:8px}
  .brand{gap:7px} .brand img{width:34px;height:34px} .brand b{font-size:21px} .brand sup{display:none}
  .actions{gap:6px} .cart-btn{padding:0 12px} .theme-btn,.menu-btn{width:42px;height:42px}
}

/* ---------- beachy day ---------- */
#sky{opacity:1}
:root:not([data-theme="night"]) body{background:linear-gradient(180deg,#F6E9D2 0,#F1E6D3 520px,var(--ground) 1100px)}
.hero{padding-bottom:clamp(150px,20vw,260px)}
:root:not([data-theme="night"]) .hero-art svg{filter:drop-shadow(0 0 36px rgba(240,190,110,.45)) drop-shadow(0 0 80px rgba(240,201,135,.25))}
.hero-scene .waves{animation:drift 7s ease-in-out infinite alternate}
.hero-scene .foam{animation:foam 5s ease-in-out infinite alternate}
@keyframes drift{from{transform:translateX(-18px)}to{transform:translateX(18px)}}
@keyframes foam{from{transform:translateY(0)}to{transform:translateY(5px)}}
@media (prefers-reduced-motion:reduce){.hero-scene .waves,.hero-scene .foam{animation:none}}

/* founder portraits */
.founder .portrait{width:170px;height:170px;margin:0 0 6px -10px}
.founder .ig{display:inline-flex;align-items:center;gap:8px;align-self:flex-start;font-weight:700;font-size:14px;text-decoration:none;padding:6px 12px;border-radius:16px;border:1.5px solid var(--line);color:var(--ink);margin-top:-2px}
.founder .ig:hover{border-color:var(--ink);color:var(--ink)}
.incart{display:inline-flex;align-items:center;gap:6px;align-self:flex-start;margin:4px 0 0;padding:4px 10px;border-radius:12px;background:rgba(63,107,102,.14);color:var(--teal-d);font-size:13px;font-weight:800}
:root[data-theme="night"] .incart{background:rgba(127,184,176,.16);color:#9FD3C9}
.founder .portrait{animation:bob 5s ease-in-out infinite}
.founder:nth-child(2) .portrait{animation-delay:-1.6s}
.founder:nth-child(3) .portrait{animation-delay:-3.2s}
.founder .portrait:hover{animation-play-state:paused;transform:rotate(-4deg) scale(1.04);transition:transform .3s}
@keyframes bob{0%,100%{transform:translateY(0) rotate(-1.5deg)}50%{transform:translateY(-8px) rotate(1.5deg)}}
@media (prefers-reduced-motion:reduce){.founder .portrait{animation:none}}

/* blog */
.blog-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:24px}
.post-card{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;display:flex;flex-direction:column}
.post-card .pc-img{display:block;background:var(--ground);aspect-ratio:16/10;padding:16px}
.post-card .pc-img img{width:100%;height:100%;object-fit:contain}
.pc-body{padding:18px 20px 22px;display:flex;flex-direction:column;gap:8px}
.pc-body h3{font-size:22px;line-height:1.2} .pc-body h3 a{color:var(--ink);text-decoration:none} .pc-body h3 a:hover{color:var(--link)}
.pc-body p{margin:0;color:var(--ink-2);font-size:15px}
.pc-meta{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin:0;font-size:13px;color:var(--muted);font-weight:600}
.pc-tag{background:var(--gold);color:#1E2624;border-radius:10px;padding:2px 9px;font-weight:800;font-size:11px;letter-spacing:.1em;text-transform:uppercase}
.pc-by{font-size:13px!important;font-weight:700;color:var(--muted)!important}
.post .wrap{max-width:780px}
.post{padding:clamp(36px,6vw,70px) 0 70px}
.post .back{display:inline-block;margin-bottom:18px;font-weight:700;text-decoration:none}
.post h1{font-size:clamp(34px,5.4vw,54px);margin:12px 0 14px}
.post-cover{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);padding:24px;margin:26px 0 30px}
.post-body h2{font-size:26px;margin:30px 0 10px}
.post-body p{font-size:18px}
.post-body .note{font-size:14px;color:var(--muted);border-left:3px solid var(--haldi);padding-left:12px}
.post-cta{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px;background:var(--dark);color:#F4EEE3;border-radius:22px;padding:22px 24px;margin:40px 0}
.post-cta b{display:block;font-family:var(--serif);font-size:22px} .post-cta span{color:#CFC6B6;font-size:15px}
.more-h{font-size:28px;margin:10px 0 18px}
.blog-grid.small{grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}
.blog-grid.small .pc-body p:not(.pc-meta):not(.pc-by){display:none}
.post-cover img{max-height:440px;width:auto;margin:0 auto;object-fit:contain}

/* blurred prices */
.blurprice{display:inline-flex;align-items:center;position:relative;cursor:help}
.blurprice .bp-num{filter:blur(6px);user-select:none;-webkit-user-select:none;transition:filter .3s;background:linear-gradient(90deg,var(--clay),var(--haldi),var(--clay));-webkit-background-clip:text;background-clip:text;color:transparent;background-size:200% 100%;animation:shimmer 3s linear infinite}
.blurprice:hover .bp-num{filter:blur(4.5px)}
@keyframes shimmer{to{background-position:-200% 0}}
.price{display:inline-flex;align-items:center;gap:10px}
.lockchip{font-size:11px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--teal-d);background:rgba(63,107,102,.14);border-radius:10px;padding:3px 8px}
:root[data-theme="night"] .lockchip{color:#9FD3C9;background:rgba(127,184,176,.16)}
.price-note{margin:10px 0 0;font-size:14px;color:var(--muted);font-weight:600}
@media (prefers-reduced-motion:reduce){.blurprice .bp-num{animation:none}}
.card .row{flex-wrap:wrap}
.lockchip{white-space:nowrap}
.card .row .btn{white-space:nowrap}
.founders{grid-template-columns:repeat(4,1fr);gap:22px}
.founder .portrait{width:150px;height:150px}
@media (max-width:1100px){.founders{grid-template-columns:repeat(2,1fr);max-width:none}}
@media (max-width:640px){.founders{grid-template-columns:1fr}}
.founder .page{background-image:none;padding:16px 18px}
.founder .page dl>div{display:block;min-height:0;padding:7px 0;border-bottom:1px dashed #D8CDB8}
.founder .page dl>div:last-child{border-bottom:0}
.founder .page dt{width:auto;font-size:11px;letter-spacing:.08em;text-transform:uppercase}
.founder .page dd{font-size:22px;line-height:1.15}

/* ---------- classy layer ---------- */
h1 em,h2 em{font-style:italic;font-weight:500;color:var(--accent-text)}
.doses h2 em,.slam h2 em,.circle-news h2 em{color:var(--gold)}
body::after{content:"";position:fixed;inset:0;pointer-events:none;z-index:2;opacity:.05;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}
.scrollcue{display:inline-flex;align-items:center;gap:10px;margin-top:26px;font-size:13px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);text-decoration:none}
.scrollcue .mouse{width:22px;height:34px;border:2px solid currentColor;border-radius:12px;display:grid;justify-items:center;padding-top:6px}
.scrollcue .mouse i{width:3px;height:7px;border-radius:2px;background:currentColor;animation:wheel 1.6s ease-in-out infinite}
@keyframes wheel{0%{transform:translateY(0);opacity:1}100%{transform:translateY(10px);opacity:0}}
.hero .trust{margin-top:18px}

.clear{position:relative;z-index:1;padding:54px 0 10px}
.clear-row{display:grid;grid-template-columns:repeat(6,1fr);gap:14px;margin-top:10px}
.clear-item{display:flex;flex-direction:column;align-items:center;gap:10px;text-align:center;padding:20px 10px;border:1px solid var(--line);border-radius:18px;background:color-mix(in srgb,var(--paper) 70%,transparent);color:var(--ink);font-weight:700;font-size:14px}
.clear-item svg{color:var(--accent-text)}
@media (max-width:900px){.clear-row{grid-template-columns:repeat(3,1fr)}}
@media (max-width:480px){.clear-row{grid-template-columns:repeat(2,1fr)}}

.circle-news{position:relative;z-index:1;overflow:hidden;min-height:560px;display:grid;place-items:center;text-align:center;background:#1A1512;color:#FFF8EC;padding:90px 0;margin:0 0 20px}
.circle-news .leaks{position:absolute;inset:-20%;filter:blur(60px) saturate(1.25)}
.circle-news .leaks i{position:absolute;border-radius:50%;mix-blend-mode:screen;opacity:.75;animation:leak 16s ease-in-out infinite alternate}
.circle-news .leaks i:nth-child(1){width:55%;height:40%;left:5%;top:15%;background:#F0A35E;transform:rotate(-18deg)}
.circle-news .leaks i:nth-child(2){width:45%;height:30%;left:45%;top:5%;background:#E7C06B;animation-duration:19s}
.circle-news .leaks i:nth-child(3){width:40%;height:35%;left:0;top:55%;background:#4FA3C7;animation-duration:22s}
.circle-news .leaks i:nth-child(4){width:40%;height:30%;left:55%;top:55%;background:#C2366B;animation-duration:18s}
.circle-news .leaks i:nth-child(5){width:25%;height:25%;left:38%;top:38%;background:#FFF1D6;animation-duration:14s}
@keyframes leak{0%{transform:translate(0,0) rotate(-12deg) scale(1)}100%{transform:translate(6%,-5%) rotate(10deg) scale(1.15)}}
.circle-news .nl-inner{position:relative;max-width:860px}
.nl-mark{width:84px;height:84px;margin:0 auto 18px;filter:drop-shadow(0 0 30px rgba(255,230,180,.7))}
.circle-news h2{font-family:var(--display);font-weight:400;font-size:clamp(40px,7vw,84px);line-height:1.02;color:#FFF8EC;text-shadow:0 2px 30px rgba(0,0,0,.25)}
.circle-news h2 em{font-family:var(--serif);font-weight:600}
.circle-news p{font-size:clamp(16px,1.9vw,20px);color:#FFF3E0;max-width:62ch;margin:18px auto 30px;text-shadow:0 1px 16px rgba(0,0,0,.35)}
.nl-form{display:flex;gap:8px;max-width:560px;margin:0 auto;padding:7px;border-radius:40px;background:rgba(255,255,255,.18);border:1px solid rgba(255,255,255,.45);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}
.nl-form input{flex:1;min-width:0;border:0;background:transparent;color:#fff;padding:0 18px;font-size:16px;outline:none}
.nl-form input::placeholder{color:rgba(255,255,255,.85)}
.nl-form .btn{font-size:15px}
.nl-small{font-size:13px!important;margin:16px auto 0!important;color:#FFE9CF!important}
.nl-small a{color:#fff}
@media (prefers-reduced-motion:reduce){.circle-news .leaks i{animation:none}.scrollcue .mouse i{animation:none}}

.how-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.how-card{background:var(--paper);border:1px solid var(--line);border-radius:26px;padding:30px 28px;position:relative;overflow:hidden}
.how-card h2{font-size:34px;margin:8px 0 12px}
.how-card p{color:var(--ink-2);margin:0 0 14px}
.how-card ul{margin:0;padding-left:18px;color:var(--ink-2)}
.how-no{font-family:var(--display);font-size:52px;color:var(--gold);line-height:1}
.timeline{list-style:none;margin:0 0 10px;padding:0;display:grid;gap:14px;counter-reset:t}
.timeline li{display:grid;grid-template-columns:56px 1fr;gap:4px 16px;align-items:start;background:var(--paper);border:1px solid var(--line);border-radius:20px;padding:20px}
.timeline li::before{counter-increment:t;content:counter(t);grid-row:span 2;width:46px;height:46px;border-radius:50%;background:var(--dark);color:var(--gold);display:grid;place-items:center;font-family:var(--display);font-size:20px}
.timeline b{font-family:var(--serif);font-size:22px}
.timeline span{color:var(--ink-2)}
.partner-wrap{display:grid;grid-template-columns:1fr 1fr;gap:36px;align-items:start}
.partner-form{background:var(--paper);border:1px solid var(--line);border-radius:24px;padding:26px}
@media (max-width:900px){.how-grid,.partner-wrap{grid-template-columns:1fr}}
.circle-news h2 em{color:#FFF8EC;text-decoration:underline;text-decoration-color:#F0C987;text-decoration-thickness:4px;text-underline-offset:10px}

/* launch banner */
.launch-bar{position:relative;z-index:41;background:linear-gradient(90deg,#A84B27,#C2366B 55%,#C9962B);color:#FFF8EC;font-size:14px;padding-top:env(safe-area-inset-top,0px)}
.launch-bar p{margin:0;max-width:var(--wrap);margin-inline:auto;padding:9px 56px 9px 22px;text-align:center;line-height:1.4}
.launch-bar b{font-weight:800;letter-spacing:.02em}
.launch-bar a{color:#FFF8EC;font-weight:800;text-decoration:underline;text-underline-offset:3px;white-space:nowrap}
.launch-bar .dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:#FFF1D6;margin-right:8px;vertical-align:middle;box-shadow:0 0 0 0 rgba(255,241,214,.8);animation:ping 1.8s ease-out infinite}
@keyframes ping{0%{box-shadow:0 0 0 0 rgba(255,241,214,.8)}100%{box-shadow:0 0 0 10px rgba(255,241,214,0)}}
.lb-x{position:absolute;right:10px;top:50%;transform:translateY(-50%);width:36px;height:36px;border:0;border-radius:18px;background:transparent;color:#FFF8EC;cursor:pointer;display:grid;place-items:center}
.lb-x:hover{background:rgba(255,255,255,.18)}
@media (max-width:600px){.launch-bar .lb-sub{display:none}}
@media (prefers-reduced-motion:reduce){.launch-bar .dot{animation:none}}

/* account + consent */
.acct-btn{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 14px 0 10px;border-radius:22px;border:2px solid var(--ink);background:transparent;color:var(--ink);cursor:pointer;font-weight:800}
.acct-btn img{width:26px;height:26px;border-radius:50%}
.acct-btn .ini{width:26px;height:26px;border-radius:50%;background:var(--accent);color:var(--on-accent);display:grid;place-items:center;font-size:13px}
@media (max-width:900px){.acct-btn .label{display:none}.acct-btn{padding:0 9px}}
.acct-panel{grid-template-columns:1fr!important;max-width:560px}
#acct-body{padding:30px 28px;display:grid;gap:16px}
.acct-head{display:flex;align-items:center;gap:14px}
.acct-head img{width:56px;height:56px;border-radius:50%}
.acct-head h2{font-size:28px}
.acct-head p{margin:2px 0 0;color:var(--muted);font-size:14px}
.acct-orders-h{font-size:20px;margin-top:6px}
.acct-orders{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.acct-orders li{display:flex;justify-content:space-between;gap:10px;padding:10px 14px;border:1px solid var(--line);border-radius:12px;font-size:14px}
.acct-orders b{font-family:var(--display);font-weight:400}
.consent{position:fixed;left:16px;right:16px;bottom:calc(16px + env(safe-area-inset-bottom,0px));z-index:80;max-width:720px;margin:0 auto;display:flex;align-items:center;gap:16px;background:var(--paper);color:var(--ink);border:1px solid var(--line);border-radius:20px;padding:14px 16px;box-shadow:0 16px 40px rgba(0,0,0,.18)}
.consent p{margin:0;font-size:14px;color:var(--ink-2)}
.consent div{display:flex;gap:8px;flex-shrink:0}
@media (max-width:600px){.consent{flex-direction:column;align-items:stretch}}

.tools-hero{padding:72px 0 38px}.tools-hero h1{font-size:clamp(42px,7vw,76px);max-width:11ch}.tools-hero p{max-width:62ch;color:var(--ink-2)}
.tool-shell{padding:28px 0 90px}.tool-card{background:var(--paper);border:1px solid var(--line);border-radius:28px;padding:clamp(22px,4vw,42px);box-shadow:0 12px 35px rgba(30,38,36,.06)}
.tool-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px}.choice{border:2px solid var(--line);background:var(--ground);border-radius:20px;padding:20px;text-align:left;cursor:pointer;min-height:150px;transition:.15s}.choice:hover,.choice.selected{border-color:var(--ink);transform:translateY(-2px)}
.choice b{display:block;font-family:var(--serif);font-size:28px;margin-bottom:7px}.choice span{color:var(--muted);font-size:15px}
.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.field{display:grid;gap:7px}.field.full{grid-column:1/-1}.field label{font-weight:800;font-size:14px}.field input,.field textarea,.field select{width:100%;border:2px solid var(--line);border-radius:14px;background:var(--ground);padding:12px 14px;outline:none}.field textarea{min-height:110px;resize:vertical}.field input:focus,.field textarea:focus,.field select:focus{border-color:var(--ink)}
.result{margin-top:24px;padding:24px;border-radius:22px;background:var(--ink);color:var(--cream);display:none}.result.show{display:block}.result h2{color:var(--cream);font-size:clamp(30px,5vw,46px)}.result p{color:#ddd5c8}.result .result-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}
.meter{height:12px;background:var(--line);border-radius:10px;overflow:hidden;margin:14px 0}.meter i{display:block;height:100%;width:0;background:var(--haldi);transition:width .35s}
.pillrow{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0}.pill{padding:7px 11px;border-radius:99px;background:rgba(240,201,135,.22);font-weight:800;font-size:13px}
.tool-nav{display:flex;gap:10px;flex-wrap:wrap;margin:20px 0}.tool-nav a{font-weight:800;text-decoration:none}
.tool-foot{padding:30px 0 70px;color:var(--muted);font-size:14px}
.ai-badge{display:inline-flex;padding:6px 10px;border-radius:99px;background:rgba(63,107,102,.12);color:var(--teal-d);font-size:12px;font-weight:800;letter-spacing:.06em;text-transform:uppercase}
.prompt-box{white-space:pre-wrap;background:#111816;color:#e9e1d4;border-radius:18px;padding:18px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:13px;overflow:auto}
@media(max-width:680px){.form-grid{grid-template-columns:1fr}.field.full{grid-column:auto}}

/* ================= App shop (assets/js/shop.js) ================= */
.ash-shop .section-head{margin-bottom:14px}
.ash-deliver{display:flex;flex-wrap:wrap;align-items:center;gap:6px;font-size:14px;color:var(--muted);margin:0 0 12px}
.ash-deliver b{color:var(--ink)}
.ash-deliver button{font:inherit;font-weight:800;color:var(--accent-text);background:none;border:0;padding:0;cursor:pointer;text-decoration:underline;text-underline-offset:3px}
.ash-search{position:sticky;top:calc(env(safe-area-inset-top,0px) + 82px);z-index:30;display:flex;align-items:center;gap:10px;height:52px;padding:0 6px 0 16px;border-radius:var(--r-btn);background:var(--field);border:1.5px solid var(--line);max-width:640px;color:var(--muted);transition:box-shadow .2s,border-color .2s}
.ash-search:focus-within{border-color:var(--ink);color:var(--ink)}
.ash-search.stuck{box-shadow:0 10px 26px rgba(30,38,36,.14)}
:root[data-theme="night"] .ash-search.stuck{box-shadow:0 10px 26px rgba(0,0,0,.45)}
.ash-s-ico{flex:0 0 auto}
.ash-s-field{position:relative;flex:1;min-width:0;height:100%;display:flex;align-items:center}
.ash-search input{width:100%;height:100%;min-width:0;border:0;background:transparent;font:inherit;font-size:16px;color:var(--ink);outline:none;padding:0;-webkit-appearance:none;appearance:none}
.ash-search input::-webkit-search-cancel-button{display:none}
.ash-search input::placeholder{color:var(--muted)}
.ash-ph{position:absolute;inset:0;display:flex;align-items:center;gap:.3em;pointer-events:none;font-size:16px;color:var(--muted);white-space:nowrap;overflow:hidden}
.ash-ph-pre{flex:0 0 auto}
.ash-ph-win{position:relative;display:inline-block;height:1.5em;line-height:1.5em;overflow:hidden;color:var(--ink-2);font-weight:600}
.ash-ph-word{display:inline-block;transition:transform .26s cubic-bezier(.3,.7,.2,1),opacity .26s}
.ash-ph-word.out{transform:translateY(-100%);opacity:0}
.ash-ph-word.pre{transform:translateY(100%);opacity:0;transition:none}
.ash-search.listening .ash-ph-pre{display:none}
.ash-search.listening .ash-ph-win{color:var(--accent-text)}
.ash-s-clear,.ash-mic{flex:0 0 auto;display:grid;place-items:center;width:40px;height:40px;border:0;border-radius:50%;background:transparent;color:var(--ink-2);cursor:pointer}
.ash-s-clear:hover,.ash-mic:hover{background:var(--hover)}
.ash-s-div{flex:0 0 auto;width:1px;height:24px;background:var(--line)}
.ash-search.listening .ash-mic{background:var(--accent);color:var(--on-accent);animation:ashMic 1.2s ease-out infinite}
@keyframes ashMic{0%{box-shadow:0 0 0 0 rgba(168,75,39,.45)}100%{box-shadow:0 0 0 12px rgba(168,75,39,0)}}
.ash-search [hidden]{display:none!important}
.ash-s-count{margin:10px 0 0;font-size:14px;font-weight:700;color:var(--muted)}
.ash-shop.searching .ash-hero,.ash-shop.searching .ash-banners{display:none}
@media (prefers-reduced-motion:reduce){.ash-ph-word{transition:none}.ash-search.listening .ash-mic{animation:none}}
.ash-tabs{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;margin:14px 0 18px;padding-bottom:2px}
.ash-tabs::-webkit-scrollbar{display:none}
.ash-tabs button{flex:0 0 auto;min-height:40px;padding:0 16px;border-radius:20px;border:1.5px solid var(--line);background:transparent;color:var(--ink);font:inherit;font-weight:700;font-size:14px;cursor:pointer}
.ash-tabs button[aria-pressed="true"]{background:var(--ink);color:var(--ground);border-color:var(--ink)}
.ash-banners{display:grid;grid-template-columns:1fr;gap:12px;margin-bottom:20px}
@media (min-width:860px){.ash-banners{grid-template-columns:1.3fr 1fr 1fr}}
.ash-ban{display:flex;gap:14px;align-items:center;text-align:left;border-radius:20px;padding:16px 18px;border:0;cursor:pointer;font:inherit;color:#F4EEE3;min-height:96px}
.ash-ban b{display:block;font-family:var(--display);font-weight:400;font-size:19px;line-height:1.15}
.ash-ban span span{display:block;font-size:13.5px;line-height:1.45;opacity:.88;margin-top:4px}
.ash-ban.rx{background:var(--teal-d)} .ash-ban.noha{background:#3A2419} .ash-ban.learn{background:#2B2A45}
.ash-ban .ico{flex:0 0 auto;width:52px;height:52px;border-radius:14px;background:rgba(255,255,255,.12);display:grid;place-items:center;font-family:var(--display);font-size:20px;color:var(--gold)}
.ash-coin{display:inline-block;width:26px;height:26px;border-radius:50%;background:linear-gradient(90deg,var(--clay) 50%,var(--gold) 50%);box-shadow:0 0 0 1.5px currentColor;flex:0 0 auto}
.ash-coin.big{width:84px;height:84px;box-shadow:0 0 0 3px var(--paper),0 0 0 4.5px var(--ink)}
.ash-ban .ash-coin{width:52px;height:52px;box-shadow:0 0 0 2px #F4EEE3}
.ash-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
@media (min-width:640px){.ash-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}}
@media (min-width:980px){.ash-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}}
.ash-grid.two{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px}
.ash-p{background:var(--paper);border:1px solid var(--line);border-radius:18px;overflow:hidden;display:flex;flex-direction:column}
.ash-img{position:relative;display:grid;place-items:center;aspect-ratio:1/1;padding:10px;background:#F3EDE2;border:0;cursor:pointer;width:100%}
.ash-img img{max-width:100%;max-height:100%;object-fit:contain}
.ash-rx,.ash-soon{position:absolute;top:8px;font-size:11px;font-weight:800;padding:3px 8px;border-radius:7px}
.ash-rx{left:8px;background:#1E2624;color:var(--gold)} .ash-soon{right:8px;background:var(--pink);color:#fff}
.ash-b{display:flex;flex-direction:column;gap:3px;padding:10px 12px 12px;flex:1}
.ash-pack{font-size:12px;font-weight:700;color:var(--muted)}
.ash-n{font-size:15px;font-weight:800;line-height:1.25;color:var(--ink)}
.ash-dose{font-size:12.5px;font-weight:800;margin:0}
.ash-dose.low{color:#B8872E} .ash-dose.medium{color:var(--teal)} .ash-dose.high{color:var(--clay)}
:root[data-theme="night"] .ash-dose.low{color:var(--gold)} :root[data-theme="night"] .ash-dose.medium{color:#8FC3BB} :root[data-theme="night"] .ash-dose.high{color:#E58A63}
.ash-foot{margin-top:auto;padding-top:10px;display:flex;align-items:center;justify-content:space-between;gap:8px}
.ash-price{display:flex;flex-direction:column;font-size:12px;font-weight:800;color:var(--muted);line-height:1.2}
.ash-blur{filter:blur(5px);color:var(--ink);user-select:none}
.ash-add{min-width:70px;height:38px;padding:0 14px;border-radius:var(--r-btn);border:1.5px solid var(--accent-text);background:var(--accent-tint);color:var(--accent-text);font:inherit;font-weight:800;font-size:14px;cursor:pointer}
.ash-add:not(:disabled):hover{background:var(--accent);border-color:var(--accent);color:var(--on-accent)}
.ash-add:disabled{border-color:var(--line);color:var(--muted);background:transparent;cursor:not-allowed}
.ash-step{display:flex;align-items:center;height:38px;padding:0 4px;border-radius:var(--r-btn);background:var(--accent);color:var(--on-accent);font-weight:800}
.ash-step button{width:30px;height:38px;border:0;background:transparent;color:inherit;font-size:18px;cursor:pointer}
.ash-step span{min-width:18px;text-align:center;font-size:14px}
.ash-empty{color:var(--muted);text-align:center;padding:30px 10px}

/* header chips */
.ash-coinbtn,.ash-mebtn{display:inline-flex;align-items:center;gap:8px;height:44px;border-radius:22px;border:2px solid var(--ink);background:transparent;color:var(--ink);font:inherit;font-weight:800;cursor:pointer}
.ash-coinbtn{padding:0 12px 0 8px} .ash-mebtn{width:44px;justify-content:center}
.ash-coinbtn .ash-coin{width:24px;height:24px}
@media (max-width:640px){.ash-coinbtn .ash-coinbal{display:none}.ash-coinbtn{width:44px;padding:0;justify-content:center}}
@media (max-width:420px){.ash-coinbtn{display:none}}

/* floating cart pill */
.ash-pill{position:fixed;left:50%;bottom:calc(18px + env(safe-area-inset-bottom,0px));transform:translateX(-50%);z-index:70;display:flex;align-items:center;gap:10px;padding:8px 10px 8px 8px;border:0;border-radius:999px;background:var(--accent);color:var(--on-accent);font:inherit;font-weight:800;font-size:15px;box-shadow:0 12px 30px rgba(0,0,0,.3);cursor:pointer}
.ash-pill[hidden]{display:none}
.ash-pill small{display:block;font-size:12px;font-weight:700;opacity:.88}
.ash-pill-th{width:38px;height:38px;border-radius:50%;background:#F3EDE2;display:grid;place-items:center;overflow:hidden}
.ash-pill-th img{width:32px}
.ash-pill-go{width:30px;height:30px;border-radius:50%;background:rgba(255,255,255,.2);display:grid;place-items:center;font-size:20px}

/* sheet: bottom sheet on phones, side panel on desktop */
.ash-scrim{position:fixed;inset:0;z-index:80;background:rgba(15,20,19,.55);opacity:0;pointer-events:none;transition:opacity .2s}
.ash-scrim.on{opacity:1;pointer-events:auto}
.ash-sheet{position:fixed;z-index:90;left:0;right:0;bottom:0;max-height:92vh;overflow:auto;background:var(--ground);color:var(--ink);border-radius:22px 22px 0 0;transform:translateY(105%);transition:transform .25s ease;padding:0 20px calc(22px + env(safe-area-inset-bottom,0px))}
.ash-sheet.on{transform:none}
@media (min-width:900px){
  .ash-sheet{left:auto;top:0;width:460px;max-height:none;height:100%;border-radius:0;transform:translateX(105%);padding:20px 26px 28px}
  .ash-grab{display:none}
}
@media (prefers-reduced-motion:reduce){.ash-sheet,.ash-scrim{transition:none}}
body.ash-open{position:fixed;left:0;right:0;width:100%;overflow:hidden}
.ash-grab{width:44px;height:5px;border-radius:3px;background:var(--line);margin:10px auto 4px}
.ash-x{position:sticky;top:8px;float:right;width:38px;height:38px;border-radius:50%;border:0;background:var(--paper);color:var(--ink);font-size:22px;cursor:pointer;z-index:2}
.ash-h{font-family:var(--serif);font-weight:600;font-size:26px;margin:12px 0 8px;line-height:1.15}
.ash-h3{font-size:17px;font-weight:800;margin:22px 0 10px}
.ash-muted{color:var(--muted);font-size:14px;line-height:1.55}
.ash-muted.small{font-size:13px}
.ash-pdimg{background:#F3EDE2;border-radius:20px;padding:14px;margin-top:8px}
.ash-box{background:var(--paper);border:1px solid var(--line);border-radius:16px;padding:14px 16px;margin-top:10px}
.ash-box b{display:block;font-size:15px}
.ash-box span{display:block;font-size:13.5px;color:var(--muted);line-height:1.55;margin-top:3px}
.ash-row{display:flex;align-items:center;justify-content:space-between;gap:12px}
.ash-row>span{flex:1}
.ash-link{background:none;border:0;padding:0;margin-top:6px;font:inherit;font-weight:800;font-size:14px;color:var(--accent-text);cursor:pointer;text-decoration:underline;text-underline-offset:3px}
.ash-tag{display:inline-block!important;font-size:11px!important;font-weight:800;letter-spacing:.04em;padding:2px 8px;border-radius:6px;background:var(--ink);color:var(--ground)!important;margin-right:4px;vertical-align:1px}
.ash-line{display:flex;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid var(--line)}
.ash-th{width:56px;height:56px;flex:0 0 auto;border-radius:12px;background:#F3EDE2;padding:4px;display:grid;place-items:center}
.ash-th img{max-width:100%;max-height:100%}
.ash-meta{flex:1;min-width:0}
.ash-meta b{display:block;font-size:15px}
.ash-meta span{font-size:13px;color:var(--muted)}
.ash-switch{flex:0 0 auto;width:50px;height:30px;border-radius:15px;border:0;background:var(--line);position:relative;cursor:pointer}
.ash-switch::after{content:"";position:absolute;left:3px;top:3px;width:24px;height:24px;border-radius:50%;background:#fff;transition:left .15s}
.ash-switch[aria-checked="true"]{background:var(--clay)}
.ash-switch[aria-checked="true"]::after{left:23px}
.ash-chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}
.ash-chip{min-height:40px;padding:0 14px;border-radius:12px;border:1.5px solid var(--line);background:var(--paper);color:var(--ink);font:inherit;font-weight:700;font-size:14px;cursor:pointer}
.ash-chip[aria-pressed="true"]{border-color:var(--ink);color:var(--ground);background:var(--ink)}
.ash-check{display:flex;align-items:flex-start;gap:10px;font-size:14px;margin-top:14px;line-height:1.45}
.ash-check input{width:20px;height:20px;margin-top:1px;accent-color:var(--clay)}
.ash-err{color:#B3261E;font-weight:700;font-size:14px;min-height:1em;margin:8px 0 0}
:root[data-theme="night"] .ash-err{color:#F2B8B5}
.ash-cta{display:flex;align-items:center;justify-content:center;width:100%;min-height:52px;margin-top:12px;border-radius:var(--r-btn);border:0;background:var(--accent);color:var(--on-accent);font:inherit;font-weight:800;font-size:16px;cursor:pointer;text-decoration:none}
.ash-cta:hover{background:var(--accent-hover)} .ash-cta.alt{background:transparent;color:var(--ink);border:2px solid var(--ink)} .ash-cta.alt:hover{background:var(--hover)}
.ash-form{display:flex;flex-direction:column;gap:12px;margin-top:6px}
.ash-form label{display:flex;flex-direction:column;gap:6px;font-size:14px;font-weight:700}
.ash-form input:not([type=checkbox]),.ash-form select{min-height:48px;border:1.5px solid var(--line);border-radius:12px;padding:10px 12px;background:var(--field);color:var(--ink);font:inherit;font-size:16px}
.ash-form input:focus,.ash-form select:focus{outline:none;border-color:var(--ink)}
.ash-two{display:grid;grid-template-columns:1fr 1fr;gap:12px}
@media (max-width:420px){.ash-two{grid-template-columns:1fr}}
.ash-hp{position:absolute;left:-9999px;width:1px;height:1px}
.ash-addr{display:flex;flex-direction:column;border:1.5px solid var(--line);border-radius:16px;background:var(--paper);margin-top:10px;overflow:hidden}
.ash-addr.on{border-color:var(--clay)}
.ash-addr-pick{display:flex;gap:10px;align-items:flex-start;text-align:left;padding:14px 16px 6px;background:none;border:0;color:var(--ink);font:inherit;font-size:14px;line-height:1.5;cursor:pointer}
.ash-addr-actions{display:flex;gap:18px;padding:0 16px 12px 16px}
.ash-wallet{text-align:center;padding:16px 0 6px}
.ash-wallet .ash-coin{margin:6px auto 10px}
.ash-bal{font-family:var(--display);font-size:40px}
.ash-perk{background:var(--paper);border:1px solid var(--line);border-radius:14px;padding:12px 14px;margin-top:8px;font-size:14px;line-height:1.5}
.ash-perk b{display:block;font-size:15px}
.ash-perk span{color:var(--muted)}
.ash-notes{font-size:12.5px;color:var(--muted);line-height:1.6;padding-left:18px;margin-top:18px}
.ash-tiles{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.ash-tiles button,.ash-tiles a{display:flex;flex-direction:column;align-items:center;gap:8px;padding:14px 6px;border-radius:16px;border:1px solid var(--line);background:var(--paper);color:var(--ink);font:inherit;font-weight:800;font-size:13px;text-decoration:none;cursor:pointer}
.ash-tiles span[aria-hidden]{font-size:22px}
.ash-bday{display:flex;gap:12px;align-items:center;margin-top:10px;padding:14px 16px;border-radius:16px;background:linear-gradient(90deg,#3A2419,#3B3321);color:#F4EEE3}
.ash-bday>span:first-child{font-size:26px}
.ash-bday>span:nth-child(2){flex:1}
.ash-bday b{display:block} .ash-bday span span{font-size:13px;opacity:.85}
.ash-bday .ash-add{border-color:var(--accent-light);color:var(--accent-light);background:rgba(235,165,127,.10)}
.ash-toast{position:fixed;left:50%;bottom:calc(92px + env(safe-area-inset-bottom,0px));transform:translate(-50%,16px);z-index:100;background:var(--ink);color:var(--ground);padding:11px 16px;border-radius:12px;font-weight:800;font-size:14px;opacity:0;pointer-events:none;transition:.2s;max-width:90vw;text-align:center}
.ash-toast.on{opacity:1;transform:translate(-50%,0)}

/* cart and theme live in the profile now */
.top .cart-btn,.top .theme-btn{display:none!important}
.ash-user{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:16px;background:var(--paper);border:1px solid var(--line)}
.ash-user img,.ash-ini{width:48px;height:48px;border-radius:50%;flex:0 0 auto}
.ash-ini{display:grid;place-items:center;background:var(--accent);color:var(--on-accent);font-weight:800;font-size:20px;text-transform:uppercase}
.ash-user>span{flex:1;min-width:0}
.ash-user b{display:block;font-size:16px}
.ash-user span span{display:block;font-size:13px;color:var(--muted);overflow:hidden;text-overflow:ellipsis}
.ash-user .ash-link{margin:0}
.ash-google{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;min-height:48px;margin-top:12px;border-radius:var(--r-btn);border:1.5px solid var(--line);background:#fff;color:#1F1F1F;font:inherit;font-weight:800;font-size:15px;cursor:pointer}
.ash-tiles.four{grid-template-columns:repeat(4,1fr);margin-top:12px}
@media (max-width:420px){.ash-tiles.four{grid-template-columns:repeat(2,1fr)}}
.ash-menu{display:none}
@media (max-width:899px){.ash-menu{display:block}}
.ash-menu a{display:flex;justify-content:space-between;align-items:center;padding:14px 4px;border-bottom:1px solid var(--line);color:var(--ink);text-decoration:none;font-weight:700;font-size:15px}
.ash-top{position:fixed;left:50%;top:calc(84px + env(safe-area-inset-top,0px));transform:translateX(-50%);z-index:60;display:inline-flex;align-items:center;gap:8px;min-height:40px;padding:0 16px;border-radius:20px;border:0;background:var(--ink);color:var(--ground);font:inherit;font-weight:800;font-size:13.5px;box-shadow:0 8px 22px rgba(0,0,0,.25);cursor:pointer}
.ash-top[hidden]{display:none}
.ash-search-shown .ash-top{top:var(--ash-top-y)}
body.ash-open .ash-top{display:none}
.ash-deliver span{min-width:0}

/* production polish */
.ash-sheet{padding-top:0}
.ash-sheet-body{position:relative}
.ash-x{position:absolute;float:none;top:14px;right:16px}
@media (min-width:900px){.ash-x{top:18px;right:22px}}
.ash-sheet-body>.ash-h:first-child,.ash-sheet-body>.ash-pdimg:first-child{margin-top:18px}
.ash-sheet-body>.ash-h:first-child{padding-right:52px}
.ash-wallet{padding-top:28px}
.ash-rx.ayur{background:var(--teal-d);color:#F4EEE3}
.ash-dose.low{color:#8A6414}
.ash-dose.none{color:var(--teal)}
:root[data-theme="night"] .ash-dose.none{color:#8FC3BB}
.ash-coin.big{display:block;margin:0 auto 12px}
.ash-bal{line-height:1.1}
.ash-deliver{line-height:1.5}
.ash-b .ash-n{overflow-wrap:anywhere}

/* one menu only: the site menu lives in the profile on phones */
.top .menu-btn,.top .acct-btn,#account-btn{display:none!important}
@media (max-width:899px){.top .nav{display:none!important}}
@media (min-width:900px){.ash-menu{display:none}}

/* featured banner, Blinkit-style but ours */
.ash-hero{position:relative;display:grid;grid-template-columns:1.25fr 1fr;align-items:center;gap:8px;overflow:hidden;border-radius:22px;margin:4px 0 12px;min-height:190px;padding:20px 0 20px 22px;color:#F4EEE3;
  background:radial-gradient(120% 120% at 100% 0%,#3F6B66 0%,transparent 55%),linear-gradient(135deg,#1E3F3B 0%,#2E4F4B 60%,#3A2419 140%)}
.ash-hero-pill{display:inline-flex;align-items:center;gap:6px;padding:5px 10px;border-radius:999px;background:var(--gold);color:#1E2624;font-size:12px;font-weight:800}
.ash-hero h3{font-family:var(--display);font-weight:400;font-size:clamp(22px,4.6vw,34px);line-height:1.12;margin:10px 0 14px;max-width:18ch}
.ash-hero-cta{min-height:44px;padding:0 22px;border-radius:var(--r-btn);border:0;background:var(--accent);color:var(--on-accent);font:inherit;font-weight:800;font-size:14px;cursor:pointer}
.ash-hero-art{position:relative;height:100%;min-height:150px}
.ash-hero-art img{position:absolute;bottom:-8px;max-height:92%;filter:drop-shadow(0 12px 18px rgba(0,0,0,.35));border-radius:14px}
.ash-hero-art img:first-child{right:34%;width:66%;transform:rotate(-6deg)}
.ash-hero-art img:last-child{right:-6%;width:52%;transform:rotate(5deg)}
@media (min-width:860px){.ash-hero{min-height:240px;padding:28px 0 28px 34px}.ash-hero-art img:first-child{right:36%;width:52%}.ash-hero-art img:last-child{right:4%;width:40%}}
.ash-banners.two{grid-template-columns:1fr}
@media (min-width:640px){.ash-banners.two{grid-template-columns:1fr 1fr}}

/* responsible-use card */
.ash-aware{margin:22px 0 8px;border-radius:22px;padding:18px;background:linear-gradient(160deg,#10302C,#16201E);color:#F4EEE3;border:1px solid rgba(143,195,187,.25)}
.ash-aware-top{display:flex;gap:14px;align-items:center}
.ash-shield{flex:0 0 auto;width:56px;height:56px;border-radius:16px;display:grid;place-items:center;background:rgba(143,195,187,.14);color:#8FC3BB}
.ash-shield.big{width:76px;height:76px;margin:10px auto 6px;border-radius:22px}
.ash-aware h3{font-family:var(--display);font-weight:400;font-size:21px;margin:0;color:#F0C987}
.ash-aware p{margin:4px 0 0;font-size:14px;color:#C9D6D2}
.ash-aware-row{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:16px}
.ash-aware-row span{display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center;font-size:12.5px;font-weight:700;line-height:1.35;padding:12px 8px;border-radius:14px;background:rgba(255,255,255,.06)}
.ash-aware-row b{font-size:22px}
.ash-aware-btn{margin-top:14px;width:100%;min-height:44px;border-radius:var(--r-btn);border:2px solid var(--on-dark);background:transparent;color:var(--on-dark);font:inherit;font-weight:800;cursor:pointer}
.ash-aware-sheet{text-align:center}
.ash-perk.tick{position:relative;padding-left:42px}
.ash-perk.tick::before{content:"";position:absolute;left:14px;top:15px;width:18px;height:18px;border-radius:50%;background:#3F8F6B;box-shadow:inset 0 0 0 5px #3F8F6B}
.ash-perk.tick::after{content:"";position:absolute;left:19px;top:19px;width:6px;height:9px;border:solid #fff;border-width:0 2px 2px 0;transform:rotate(45deg)}

/* sign-off, like "India's last minute app" */
.ash-sign{font-family:var(--display);font-size:clamp(40px,9vw,88px);line-height:1;color:color-mix(in srgb,var(--ink) 16%,transparent);margin:36px 0 8px;letter-spacing:-.5px}
.ash-sign span{color:var(--pink)}
@media (max-width:859px){
  .ash-hero{grid-template-columns:1fr .85fr;padding:18px 0 18px 18px;min-height:210px}
  .ash-hero h3{font-size:22px}
  .ash-hero-art{min-height:190px}
  .ash-hero-art img:first-child{width:118%;right:4%;bottom:6px}
  .ash-hero-art img:last-child{width:80%;right:-20%;bottom:-6px}
}

/* ===== phone polish (Baymard / Material: 2-up grid, 44-48px targets, compact banners) ===== */
footer.site .ash-sign{max-width:var(--wrap);margin:28px auto 0;padding:0 22px 26px;color:color-mix(in srgb,#F4EEE3 18%,transparent);font-size:clamp(34px,8vw,80px)}
footer.site .ash-sign span{color:var(--pink)}
.ash-hero-pill{white-space:nowrap}
@media (max-width:640px){
  .ash-shop.section{padding-top:28px}
  .ash-shop .section-head h2{font-size:28px;line-height:1.15;margin-top:6px}
  .ash-shop .kicker{font-size:12px}
  .ash-deliver{font-size:13.5px;margin-bottom:10px}
  .ash-search{height:50px}
  .ash-tabs{margin:12px -22px 14px;padding:0 22px 2px}
  .ash-tabs button{min-height:40px;font-size:14px;padding:0 14px}
  /* hero: about a third of the screen */
  .ash-hero{grid-template-columns:1fr 118px;min-height:0;padding:16px 0 16px 16px;border-radius:18px;margin-bottom:10px}
  .ash-hero h3{font-family:var(--serif);font-weight:600;font-size:20px;line-height:1.2;margin:8px 0 12px;max-width:none}
  .ash-hero-pill{font-size:11.5px;padding:4px 9px}
  .ash-hero-cta{min-height:44px;font-size:14px;padding:0 18px}
  .ash-hero-art{min-height:140px}
  .ash-hero-art img:first-child{width:120px;right:28px;bottom:10px}
  .ash-hero-art img:last-child{width:92px;right:-10px;bottom:-4px}
  /* two compact tiles side by side */
  .ash-banners.two{grid-template-columns:1fr 1fr;gap:10px;margin-bottom:16px}
  .ash-banners.two .ash-ban{flex-direction:column;align-items:flex-start;gap:8px;min-height:0;padding:12px;border-radius:16px}
  .ash-banners.two .ash-ban b{font-size:15px}
  .ash-banners.two .ash-ban span span{font-size:12px;line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
  .ash-banners.two .ico,.ash-banners.two .ash-coin{width:34px;height:34px;border-radius:10px;font-size:14px}
  .ash-banners.two .ash-coin{border-radius:50%}
  /* product tiles */
  .ash-grid{gap:10px}
  .ash-p{border-radius:14px}
  .ash-img{padding:8px}
  .ash-b{padding:9px 10px 10px;gap:2px}
  .ash-pack{font-size:11.5px}
  .ash-n{font-size:14px;line-height:1.3;min-height:2.6em}
  .ash-dose{font-size:12px}
  .ash-foot{padding-top:8px}
  .ash-add{min-width:64px;min-height:40px;height:40px;font-size:13.5px}
  .ash-step{height:40px}
  .ash-step button{width:30px;height:40px}
  .ash-aware{padding:16px}
  .ash-aware h3{font-size:19px}
  .ash-aware-row{gap:8px}
  .ash-aware-row span{font-size:12px;padding:10px 6px}
  .ash-top{top:calc(76px + env(safe-area-inset-top,0px));min-height:36px;font-size:13px;padding:0 14px}
  .ash-search-shown .ash-top{top:var(--ash-top-y)}
  .ash-pill{font-size:14px}
}

/* address form fixes */
.ash-form label{min-width:0}
.ash-form input:not([type=checkbox]),.ash-form select{width:100%;min-width:0;box-sizing:border-box}
.ash-two{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
@media (max-width:360px){.ash-two{grid-template-columns:1fr}}
.ash-form label>span:first-child{display:block}
.ash-opt{font-weight:600;color:var(--muted)}
.ash-form .ash-check{flex-direction:row;align-items:center;gap:10px;font-weight:600}
.ash-form .ash-check input{flex:0 0 auto}
.ash-form select{appearance:none;-webkit-appearance:none;background-image:linear-gradient(45deg,transparent 50%,currentColor 50%),linear-gradient(135deg,currentColor 50%,transparent 50%);background-position:calc(100% - 20px) 21px,calc(100% - 14px) 21px;background-size:6px 6px;background-repeat:no-repeat;padding-right:36px}
.ash-geo{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;min-height:48px;margin:6px 0 10px;border-radius:12px;border:1.5px dashed var(--line);background:transparent;color:var(--accent-text);font:inherit;font-weight:800;font-size:15px;cursor:pointer}
/* location sheet */
.ash-locsheet{text-align:center;padding-top:8px}
.ash-pin{display:grid;place-items:center;width:72px;height:72px;margin:8px auto 6px;border-radius:22px;background:var(--accent-tint);color:var(--accent-text)}
.ash-inline{display:flex;gap:10px;margin-top:6px}
.ash-inline input{flex:1}
.ash-inline .ash-cta{width:auto;margin:0;padding:0 18px;min-height:48px}
.ash-link.center{display:block;margin:14px auto 0}
.ash-speed{display:inline-flex;align-items:center;gap:4px;padding:3px 9px;border-radius:8px;font-size:12.5px;font-weight:800;background:var(--paper);border:1px solid var(--line);color:var(--ink)}
.ash-speed.quick{background:#F0C987;border-color:#F0C987;color:#1E2624}
.ash-speed.no{background:#F6D5DE;border-color:#F6D5DE;color:#7A1F3D}
.ash-form label>.ash-inline{display:flex;align-items:stretch}

/* The honest choice as tappable guides */
.clear-h{text-align:center;margin:6px 0 4px}
.clear-sub{text-align:center;color:var(--muted);margin:0 auto 18px;max-width:52ch}
button.clear-item{cursor:pointer;font:inherit;color:inherit;transition:transform .15s,border-color .15s}
button.clear-item:hover{transform:translateY(-2px);border-color:var(--ink)}
.clear-item small{font-size:11.5px;font-weight:800;color:var(--accent-text);letter-spacing:.04em}
.clear-badges{display:flex;flex-wrap:wrap;justify-content:center;gap:14px;margin-top:18px}
.clear-badge{display:flex;align-items:center;gap:12px;padding:10px 18px 10px 10px;border-radius:999px;border:1px solid var(--line);background:var(--paper);color:var(--ink);font:inherit;text-align:left;cursor:pointer}
.clear-badge svg{width:64px;height:64px;flex:0 0 auto}
.clear-badge b{display:block;font-size:15px}
.clear-badge span span{font-size:12.5px;color:var(--muted)}
.clear-cta{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-top:18px}
.gift-line{margin-top:18px;padding-top:16px;border-top:1px dashed var(--line)}
.gift-line h3{font-family:var(--serif);font-weight:600;font-size:20px;margin:0 0 6px;color:var(--ink)}
.gift-line p{margin:0 0 8px}
.ash-form textarea{min-height:64px;border:1.5px solid var(--line);border-radius:12px;padding:10px 12px;background:var(--field);color:var(--ink);font:inherit;font-size:16px;resize:vertical;width:100%;box-sizing:border-box}
@media (max-width:640px){
  .clear-row{grid-template-columns:repeat(3,1fr)!important;gap:8px}
  .clear-item{padding:12px 6px!important;font-size:12.5px!important}
  .clear-item svg{width:30px;height:30px}
  .clear-badge{flex:1 1 100%}
}
.gift-card .gift-line{display:block!important;grid-template-columns:none!important;background:none!important;padding:16px 0 0!important;min-width:0}
.gift-card .gift-line>*{max-width:none}
.gift-card>div{min-width:0}
.gift-card .gift-line p{font-weight:500}


/* Noha Money: Blinkit-style wallet icon and screen */
.ash-coin{background:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2064%2064%22%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22g%22%20x1%3D%220%22%20y1%3D%220%22%20x2%3D%221%22%20y2%3D%221%22%3E%3Cstop%20offset%3D%220%22%20stop-color%3D%22%23C25A31%22/%3E%3Cstop%20offset%3D%22.5%22%20stop-color%3D%22%23C25A31%22/%3E%3Cstop%20offset%3D%22.5%22%20stop-color%3D%22%23F0C987%22/%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23E2B062%22/%3E%3C/linearGradient%3E%3C/defs%3E%3Crect%20x%3D%226%22%20y%3D%2212%22%20width%3D%2252%22%20height%3D%2248%22%20rx%3D%2214%22%20fill%3D%22%237A3517%22/%3E%3Crect%20x%3D%226%22%20y%3D%226%22%20width%3D%2252%22%20height%3D%2248%22%20rx%3D%2214%22%20fill%3D%22url%28%23g%29%22/%3E%3Crect%20x%3D%226%22%20y%3D%226%22%20width%3D%2252%22%20height%3D%2248%22%20rx%3D%2214%22%20fill%3D%22none%22%20stroke%3D%22%231E2624%22%20stroke-width%3D%222.5%22/%3E%3Cpath%20d%3D%22M24%2020h18M24%2027h18M24%2020c10%200%2012%2014%200%2014l14%2012%22%20fill%3D%22none%22%20stroke%3D%22%23F7F2E9%22%20stroke-width%3D%224.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22/%3E%3Cpath%20d%3D%22M24%2020h18M24%2027h18M24%2020c10%200%2012%2014%200%2014l14%2012%22%20fill%3D%22none%22%20stroke%3D%22%231E2624%22%20stroke-width%3D%221.2%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20opacity%3D%22.35%22/%3E%3C/svg%3E") center/contain no-repeat!important;border-radius:0!important;box-shadow:none!important}
.ash-coin.big{width:92px!important;height:92px!important;margin:6px auto 8px!important}
.ash-ban .ash-coin{box-shadow:none!important}
.ash-nhead{text-align:center;padding:22px 0 8px}
.ash-nlogo{font-family:var(--display);font-weight:400;font-size:20px;margin:4px 0 0;line-height:1.1;color:var(--muted)}
.ash-nlogo b{display:block;font-size:30px;letter-spacing:.06em;color:var(--ink)}
.ash-nbal{display:inline-flex;align-items:baseline;gap:8px;margin:12px 0 4px;padding:8px 16px;border-radius:999px;background:var(--paper);border:1px solid var(--line)}
.ash-nbal span{font-size:13px;color:var(--muted);font-weight:700}
.ash-nbal b{font-family:var(--display);font-weight:400;font-size:22px}
.ash-nperk{display:flex;align-items:center;gap:14px;margin-top:10px;padding:12px 14px;border-radius:18px;background:var(--paper);border:1px solid var(--line)}
.ash-nimg{flex:0 0 auto;width:58px;height:58px;border-radius:14px;background:var(--ground);display:grid;place-items:center}
.ash-nimg svg{width:48px;height:48px}
.ash-nimg.big{width:72px;height:72px}
.ash-nimg.big svg{width:60px;height:60px}
.ash-nperk b{display:block;font-size:16px}
.ash-nperk span span{display:block;font-size:13.5px;color:var(--muted);line-height:1.45;margin-top:2px}
.ash-refer{margin-top:16px;padding:16px;border-radius:20px;background:linear-gradient(135deg,rgba(168,75,39,.14),rgba(240,201,135,.18));border:1px solid var(--line)}
.ash-refer-top{display:flex;gap:14px;align-items:center}
.ash-refer-top b{display:block;font-size:17px}
.ash-refer-top span span{display:block;font-size:13.5px;color:var(--muted);line-height:1.45;margin-top:3px}
.ash-refcode{display:flex;align-items:center;gap:10px;margin-top:14px;padding:10px 14px;border-radius:12px;border:1.5px dashed var(--clay);background:var(--paper)}
.ash-refcode span{font-size:12px;color:var(--muted);font-weight:700}
.ash-refcode b{flex:1;font-family:var(--display);font-weight:400;font-size:18px;letter-spacing:.08em}
.ash-refcode .ash-link{margin:0}
.ash-addmoney{margin-top:6px}
.ash-seg{display:grid;grid-template-columns:1fr 1fr;padding:4px;border-radius:12px;background:var(--paper);border:1px solid var(--line)}
.ash-seg button{min-height:40px;border:0;border-radius:9px;background:transparent;color:var(--muted);font:inherit;font-weight:800;cursor:pointer}
.ash-seg button[aria-selected="true"]{background:var(--ink);color:var(--ground)}
.ash-muted.center,.ash-chips.center{text-align:center;justify-content:center}
.ash-amt{text-align:center;font-family:var(--display);font-size:40px;margin:2px 0 6px}

/* location sheet: pincode and button side by side */
#ash-pinform .ash-inline{display:flex!important;flex-direction:row!important;align-items:stretch;gap:10px;margin-top:8px}
#ash-pinform .ash-inline input{flex:1 1 auto;min-width:0}
#ash-pinform .ash-inline .ash-cta{flex:0 0 auto;width:auto!important;margin:0!important;padding:0 20px;min-height:48px}

/* hero and honest-choice rearrangement */
.scrollcue-bottom{position:relative;z-index:2;display:flex;width:max-content;margin:18px auto 0}
.clear-trust{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-top:18px}
.clear-trust span{display:inline-flex;align-items:center;gap:6px;padding:7px 12px;border-radius:999px;background:var(--paper);border:1px solid var(--line);color:var(--ink);font-size:13px;font-weight:700}
.clear-trust span::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--gold)}
.clear-item svg{width:40px;height:40px;flex:0 0 auto}
/* profile spacing */
.ash-sheet-body>.ash-box,.ash-sheet-body>.ash-user,.ash-sheet-body>.ash-tiles,.ash-sheet-body>.ash-bday{margin-top:12px}
.ash-sheet-body>.ash-h+.ash-box,.ash-sheet-body>.ash-h+.ash-user{margin-top:8px}
.ash-tiles>*>span:first-child{width:30px;height:30px;display:grid;place-items:center;font-size:24px;line-height:1}.ash-tiles .ash-coin{width:30px!important;height:30px!important}
#how.clear{padding-top:10px}
.clear-row.four{grid-template-columns:repeat(4,1fr)!important}
@media (max-width:640px){.clear-row.four{grid-template-columns:repeat(2,1fr)!important}}

/* ===== seamless mobile: no stray zoom, sheets scroll cleanly, body never bounces ===== */
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
html,body{overscroll-behavior-y:none}
button,a,.chip,.tab,.ash-chip,.ash-tab,.ash-add,.ash-step button,.ash-cta,.ash-ban,.clear-item,.ash-tiles button,.ash-tiles a{touch-action:manipulation}
input,select,textarea,button{font-size:16px}
.ash-search input,.ash-form input,.ash-form select,.ash-form textarea,.field input,.field select,.field textarea,.form input,.form select,.form textarea{font-size:16px!important}
.ash-scrim{touch-action:none}
.ash-sheet{overscroll-behavior:contain;-webkit-overflow-scrolling:touch;touch-action:pan-y}
.ash-sheet-body{overscroll-behavior:contain}

/* Sign in with Apple and account deletion */
.ash-apple{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;min-height:48px;margin-top:12px;border-radius:var(--r-btn);border:0;background:#000;color:#fff;font:inherit;font-weight:800;font-size:15px;cursor:pointer}
:root[data-theme="night"] .ash-apple{background:#fff;color:#000}
.ash-danger{color:#B3261E!important;margin-top:10px}
:root[data-theme="night"] .ash-danger{color:#F2B8B5!important}
/* inside the iOS app */
.in-app .scrollcue{display:none}

/* ===== shop header, quick-commerce style: speed, address, search, categories ===== */
/* theme tokens, so day and night both follow the site palette */
:root{--band:#F7F2E9;--band-glass:rgba(247,242,233,.78);--band-line:rgba(30,38,36,.10);--band-soft:rgba(30,38,36,.06);--band-pill:#F0C987;--band-pill-ink:#1E2624}
:root[data-theme="night"]{--band:#18211F;--band-glass:rgba(15,22,21,.72);--band-line:rgba(244,238,227,.10);--band-soft:rgba(244,238,227,.10);--band-pill:rgba(240,201,135,.16);--band-pill-ink:#F0C987}

.ash-deliver{display:flex;flex-direction:column;align-items:flex-start;gap:2px;width:100%;margin:0;padding:18px 24px 82px;border:1px solid var(--band-line);border-bottom:0;border-radius:24px 24px 0 0;
  background:var(--band);color:var(--ink);font:inherit;text-align:left;cursor:pointer;line-height:1.25}
.ash-deliver .ash-dl-k{font-size:13px;font-weight:800;letter-spacing:.01em;color:var(--muted)}
.ash-deliver .ash-dl-eta{display:flex;align-items:center;gap:10px;font-size:30px;font-weight:800;letter-spacing:-.02em;line-height:1.1;color:var(--ink)}
.ash-dl-pill{display:inline-flex;align-items:center;padding:4px 10px;border-radius:999px;background:var(--band-pill);color:var(--band-pill-ink);font-size:12.5px;font-weight:800;letter-spacing:0;white-space:nowrap}
.ash-deliver .ash-dl-addr{display:flex;align-items:center;gap:4px;max-width:100%;font-size:15px;font-weight:600;color:var(--ink-2)}
.ash-dl-addr span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ash-deliver .ash-dl-addr b{font-weight:800;letter-spacing:.02em;color:var(--ink)}
.ash-dl-addr svg{flex:0 0 auto}
.ash-deliver:hover .ash-dl-addr span{text-decoration:underline;text-underline-offset:3px}
.ash-deliver:focus-visible{outline:3px solid var(--accent-text);outline-offset:3px}
/* the search bar sits inside the band; it stays a sibling so it can still stick under the header */
.ash-search{margin-top:-66px;margin-left:24px;max-width:min(640px,calc(100% - 48px));border-color:var(--line);box-shadow:0 1px 2px rgba(30,38,36,.06)}
.ash-search:focus-within{border-color:var(--ink)}
.ash-shop .ash-tabs{margin:0 0 16px;padding:14px 24px 14px;background:var(--band);border:1px solid var(--band-line);border-top:0;border-radius:0 0 24px 24px}
.ash-shop .ash-s-count{margin:-4px 0 12px}

/* category tabs with icons, used in the phone app bar */
.ash-tab-ico{display:none}
.ash-tab-ico svg{display:block}

@media (max-width:640px){
  .ash-shop.section{padding-top:10px}
  /* phones get the app layout: the band leads, the long heading stays for search engines and screen readers */
  .ash-shop-title{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;margin:0}
  .ash-deliver{margin:0 -22px;width:calc(100% + 44px);border-radius:0;border-left:0;border-right:0;padding:14px 22px 78px}
  .ash-deliver .ash-dl-eta{font-size:28px}
  .ash-search{margin:-64px 0 0;max-width:none}
  .ash-shop .ash-tabs{margin:0 -22px 14px;border-radius:0 0 22px 22px;border-left:0;border-right:0;padding:12px 22px 14px}
}

/* ===== phone app bar (assets/js/appbar.js): replaces the header on the home page under 641px ===== */
@media (max-width:640px){
  html.ash-appmode{scroll-padding-top:150px}
  .ash-appmode .top{display:none}
  .ash-appbar{position:sticky;top:calc(env(safe-area-inset-top,0px) - var(--ab-collapse,0px));z-index:45;padding:14px 16px 0;
    background:var(--band-glass);-webkit-backdrop-filter:saturate(170%) blur(18px);backdrop-filter:saturate(170%) blur(18px);
    border-bottom:1px solid var(--band-line);color:var(--ink);transition:box-shadow .2s}
  .ash-appbar.stuck{box-shadow:0 10px 24px rgba(15,20,19,.10)}
  :root[data-theme="night"] .ash-appbar.stuck{box-shadow:0 10px 24px rgba(0,0,0,.35)}
  .ash-ab-top{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding-bottom:12px}
  .ash-appbar .ash-deliver{flex:1;min-width:0;width:auto;margin:0;padding:0;border:0;border-radius:0;background:none}
  .ash-ab-acts{display:flex;gap:10px;flex:0 0 auto;padding-top:4px}
  .ash-ab-acts .ash-coinbtn,.ash-ab-acts .ash-mebtn{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;padding:0;border:1px solid var(--band-line);border-radius:50%;background:var(--band-soft);color:var(--ink)}
  .ash-ab-acts .ash-coinbal{display:none}
  .ash-ab-acts .ash-coin{width:24px;height:24px;box-shadow:0 0 0 1.5px var(--ink)}
  .ash-appbar .ash-search{position:relative;top:auto;margin:0;max-width:none;background:var(--field);border:1px solid var(--line);box-shadow:0 1px 2px rgba(30,38,36,.06)}
  .ash-appbar .ash-search.stuck{box-shadow:0 1px 2px rgba(30,38,36,.06)}
  /* Blinkit-style categories: icon over label, underline on the active one */
  .ash-appbar .ash-tabs{display:flex;gap:4px;margin:0 -16px;padding:10px 12px 0;border:0;border-radius:0;background:none;overflow-x:auto;scrollbar-width:none}
  .ash-appbar .ash-tabs::-webkit-scrollbar{display:none}
  .ash-appbar .ash-tabs button{position:relative;display:flex;flex-direction:column;align-items:center;gap:4px;flex:0 0 auto;min-width:68px;min-height:0;height:auto;padding:4px 10px 10px;border:0;border-radius:0;background:none;color:var(--muted);font-size:12.5px;font-weight:700;line-height:1.2;white-space:nowrap}
  .ash-appbar .ash-tab-ico{display:block}
  .ash-appbar .ash-tabs button[aria-pressed="true"]{background:none;color:var(--ink);font-weight:800}
  .ash-appbar .ash-tabs button[aria-pressed="true"]::after{content:"";position:absolute;left:12px;right:12px;bottom:0;height:3px;border-radius:3px 3px 0 0;background:var(--accent-text)}
  .ash-appmode .ash-shop.section{padding-top:18px}
  .ash-appmode .ash-shop .ash-s-count{margin:0 0 12px}
}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){
  @media (max-width:640px){.ash-appbar{background:var(--band)}}
}

/* brand wordmark inside the delivery line, same face as the header logo */
.ash-dl-brand{font-family:var(--display);font-weight:400;font-size:1.22em;letter-spacing:0;color:var(--ink);line-height:1}
.ash-dl-brand sup{font-family:var(--sans);font-size:.5em;font-weight:700;margin-left:1px;vertical-align:super}
.ash-deliver .ash-dl-eta{flex-wrap:wrap;row-gap:6px}
.ash-dl-time{white-space:nowrap}