/* ===== Shasya v5: simpler, product-first, richer graphics ===== */
/* readability */
body{font-size:16.5px}
.kicker{font-size:.78rem;letter-spacing:.2em}
.btn{font-size:.82rem;letter-spacing:.12em;border-radius:6px;min-height:46px}
.topbar{font-size:.72rem;letter-spacing:.14em}
.nav-l a{font-size:.8rem;letter-spacing:.14em}
.pc h3{font-size:1.08rem;letter-spacing:.02em}
.pc .ph{border-radius:14px;background:radial-gradient(circle at 50% 40%,#fffaf0,#efe5cd)}
.pc .ph img{border-radius:14px}
.pc .price b{font-size:1.05rem}
@media (hover:none){.pc .mob-add{min-height:42px;font-size:.78rem;border-radius:8px;letter-spacing:.08em}}

/* hero */
.h5.hero-video{min-height:min(82vh,760px);align-items:center}
.h5 .wrap{position:relative;width:100%;display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:20px}
.h5 .in{padding-block:70px 90px;gap:18px;max-width:600px}
.h5 h1{font-size:clamp(2.2rem,4.8vw,4rem)}
.h5 p{font-size:1.08rem}
.hchips{list-style:none;padding:0;margin:4px 0 0;display:flex;flex-wrap:wrap;gap:8px}
.hchips li{padding:6px 12px;border:1px solid rgba(240,207,110,.45);border-radius:99px;font-size:.8rem;color:#f3e7c2;background:rgba(20,26,10,.35);backdrop-filter:blur(4px)}
.hchips li:before{content:"✓ ";color:var(--gold-2)}
.h5 .hv-ui{bottom:70px}
.h5art{position:relative;height:min(520px,60vh);min-height:380px}
.h5art .glow{position:absolute;left:50%;top:52%;width:86%;aspect-ratio:1;transform:translate(-50%,-50%);border-radius:50%;
  background:radial-gradient(circle,rgba(240,207,110,.55),rgba(217,162,27,.18) 45%,transparent 70%);animation:pulse 5s ease-in-out infinite}
.h5art .glow:after{content:"";position:absolute;inset:8%;border-radius:50%;border:1.5px dashed rgba(240,207,110,.55);animation:spin 50s linear infinite}
.h5art .pk{position:absolute;filter:drop-shadow(0 26px 26px rgba(0,0,0,.5));will-change:transform}
.h5art .pk.f{left:50%;top:50%;height:78%;transform:translate(-50%,-52%);z-index:3;animation:flo 6s ease-in-out infinite}
.h5art .pk.b1{left:14%;top:44%;height:56%;transform:translate(-50%,-50%) rotate(-12deg);z-index:2;animation:flo1 7s ease-in-out infinite}
.h5art .pk.b2{left:86%;top:44%;height:56%;transform:translate(-50%,-50%) rotate(12deg);z-index:2;animation:flo2 7.5s ease-in-out infinite}
.h5art .hp{position:absolute;width:30%;z-index:4;filter:drop-shadow(0 12px 12px rgba(0,0,0,.45))}
.h5art .h1{left:12%;bottom:2%}.h5art .h2{left:38%;bottom:-4%;width:28%;z-index:5}.h5art .h3{right:6%;bottom:2%}
.h5art .seal{position:absolute;right:4%;top:4%;width:96px;height:96px;border-radius:50%;background:var(--gold-3);color:var(--maroon);display:grid;place-items:center;text-align:center;
  font-family:var(--f-display);font-size:.6rem;letter-spacing:.12em;text-transform:uppercase;z-index:6;box-shadow:0 0 0 5px rgba(217,162,27,.3),0 10px 24px rgba(0,0,0,.35);animation:bob 4s ease-in-out infinite}
.h5art .seal b{display:block;font-size:1.7rem;letter-spacing:0;line-height:1}
@keyframes flo{50%{transform:translate(-50%,-56%)}}
@keyframes flo1{50%{transform:translate(-50%,-46%) rotate(-9deg)}}
@keyframes flo2{50%{transform:translate(-50%,-54%) rotate(9deg)}}
@keyframes bob{50%{transform:translateY(-8px) rotate(6deg)}}
@keyframes pulse{50%{opacity:.7;transform:translate(-50%,-50%) scale(1.06)}}
.dune{position:absolute;left:0;right:0;bottom:-1px;height:60px;z-index:2;pointer-events:none;
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 60' preserveAspectRatio='none'%3E%3Cpath d='M0 38C160 10 300 8 470 30S780 58 960 34 1260 6 1440 26V60H0z' fill='%23e8d9b4' opacity='.55'/%3E%3Cpath d='M0 46C200 26 380 30 560 44S900 60 1080 42 1320 30 1440 40V60H0z' fill='%23f6f1e4'/%3E%3C/svg%3E") center bottom/100% 100% no-repeat}
@media (max-width:860px){
  .h5.hero-video{min-height:0}
  .h5 .wrap{grid-template-columns:1fr;gap:0}
  .h5 .in{padding-block:42px 0;order:1}
  .h5art{order:2;height:330px;min-height:0;margin:0 -10px 40px}
  .h5art .seal{width:78px;height:78px;font-size:.52rem}.h5art .seal b{font-size:1.4rem}
  .h5 .hv-ui{top:14px;bottom:auto}
}
@media (prefers-reduced-motion:reduce){.h5art *{animation:none!important}}

/* categories: jharokha arches */
.cats5{background:var(--ivory);padding:22px 0 8px}
.cats5 .row{display:grid;grid-template-columns:repeat(6,1fr);gap:16px}
.hc{display:flex;flex-direction:column;align-items:center;gap:6px;text-decoration:none;color:var(--ink);text-align:center}
.hc .ci{position:relative;width:100%;max-width:150px;aspect-ratio:4/5;border-radius:999px 999px 16px 16px;overflow:hidden;
  background:radial-gradient(circle at 50% 30%,#fff8e6,#efdcb0);border:2px solid var(--gold-3);box-shadow:inset 0 0 0 5px var(--ivory),inset 0 0 0 6px rgba(169,123,18,.5),0 8px 18px rgba(62,74,38,.14);
  display:grid;place-items:center;transition:transform .3s}
.hc .ci img{width:74%;height:74%;object-fit:contain;filter:drop-shadow(0 8px 8px rgba(0,0,0,.25));transition:transform .4s}
.hc .ci.cv img{width:100%;height:100%;object-fit:cover;filter:none}
.hc:hover .ci{transform:translateY(-4px)}.hc:hover .ci img{transform:scale(1.07)}
.hc b{font-family:var(--f-display);font-weight:600;font-size:.92rem;letter-spacing:.06em}
.hc small{font-family:var(--f-hi);color:var(--gold);font-size:.82rem;margin-top:-4px}
@media (max-width:760px){.cats5 .row{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:12px;padding:4px 2px 10px;scrollbar-width:none}
  .cats5 .row::-webkit-scrollbar{display:none}.hc{flex:0 0 27%;scroll-snap-align:start}.hc b{font-size:.8rem}}

/* ring tighter */
.ring-sec{padding-block:44px 40px;background:linear-gradient(var(--ivory),var(--sand))}
.ring-sec .head{margin-bottom:6px}
.ring-sec .head h2{font-size:clamp(1.6rem,3vw,2.3rem)}
.ring{height:clamp(340px,44vw,500px)}
.ri{width:clamp(150px,17vw,230px)}
@media (max-width:700px){.ri{width:46vw}.ring{height:400px}}
.ring-info{min-height:0}
.ring-ctl{margin-top:14px}

/* section heads */
.sec5{padding-block:52px}
.h5h{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:22px}
.h5h h2{font-size:clamp(1.5rem,2.8vw,2.2rem);margin-top:4px}
.h5h.c{justify-content:center;text-align:center}
.h5h .more{font-family:var(--f-display);font-size:.8rem;letter-spacing:.1em;color:var(--maroon);white-space:nowrap;text-decoration:none;border-bottom:1px solid var(--gold-3);padding-bottom:2px}

/* tabs + grid */
.tabs{display:flex;gap:8px;overflow-x:auto;margin-bottom:22px;scrollbar-width:none;padding-bottom:2px}
.tabs::-webkit-scrollbar{display:none}
.tab{flex:0 0 auto;padding:9px 18px;border-radius:99px;border:1px solid var(--line);background:#fff;font-family:var(--f-body);font-size:.92rem;color:var(--ink);cursor:pointer}
.tab[aria-pressed="true"]{background:var(--maroon);border-color:var(--maroon);color:#fff}
.grid.g5{grid-template-columns:repeat(4,1fr);gap:28px 18px}
.grid.g5 .pc[hidden]{display:none}
@media (max-width:900px){.grid.g5{grid-template-columns:repeat(3,1fr)}}
@media (max-width:640px){.grid.g5{grid-template-columns:repeat(2,1fr);gap:22px 12px}.pc h3{font-size:.98rem}.pc .meta .hi{font-size:.76rem}}

/* panchkuta */
.pk5{padding:10px 0 20px}
.pkb{position:relative;display:grid;grid-template-columns:.9fr 1.1fr;align-items:center;gap:32px;padding:36px 40px;border-radius:22px;overflow:hidden;color:#f3e7c2;
  background:radial-gradient(circle at 20% 50%,#5a6b35,#3e4a26 60%,#2d361b)}
.pkb:before{content:"";position:absolute;inset:10px;border:1px solid rgba(240,207,110,.4);border-radius:16px;pointer-events:none}
.pkb:after{content:"";position:absolute;left:0;right:0;top:0;height:14px;background:inherit}
.pki{position:relative;display:grid;place-items:center}
.pki:before{content:"";position:absolute;width:88%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,rgba(240,207,110,.4),transparent 70%)}
.pki img{position:relative;width:min(340px,90%);border-radius:14px;box-shadow:0 24px 40px rgba(0,0,0,.4);transform:rotate(-3deg)}
.pkt .kicker{color:var(--gold-2)}.pkt h2{color:#fff;font-size:clamp(1.7rem,3vw,2.5rem);margin:6px 0 10px}
.pkt p{color:#e6dcc0;margin:0 0 14px}
.pkt .pr b{font-family:var(--f-display);font-size:1.8rem;color:#fff}.pkt .pr s{margin-left:10px;color:#b9b18f}
.pkt .ctas{display:flex;gap:10px;flex-wrap:wrap;margin-top:16px}
@media (max-width:760px){.pkb{grid-template-columns:1fr;padding:26px 20px;gap:18px;text-align:center}.pki img{width:62%}.pkt .ctas{justify-content:center}}

/* horizontal scroll rows */
.hs{display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - 54px)/4);gap:18px;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:8px;scrollbar-width:thin}
.hs>*{scroll-snap-align:start;min-width:0}
@media (max-width:900px){.hs{grid-auto-columns:42%}}
@media (max-width:640px){.hs{grid-auto-columns:72%;gap:12px;margin-right:calc(-1*var(--gut,20px));padding-right:20px}}

/* story cards */
.story5{background:#f3e6c4}
.sc5{position:relative;background:#fffaf0;border-radius:16px;overflow:hidden;box-shadow:0 6px 18px rgba(62,40,10,.1);border:1px solid #e6cf9a}
.sc5 img{width:100%;aspect-ratio:1;object-fit:cover;display:block}
.sc5 .n{position:absolute;top:12px;left:12px;width:34px;height:34px;border-radius:50%;background:#b8361f;color:#fff;display:grid;place-items:center;font-family:var(--f-display);font-weight:600;box-shadow:0 0 0 3px #f3e6c4}
.sc5 h3{font-size:1.05rem;padding:14px 16px 4px}
.sc5 p{font-size:.9rem;color:var(--muted);padding:0 16px 16px;margin:0}

/* recipe cards */
.rc5{position:relative;display:block;border-radius:16px;overflow:hidden;aspect-ratio:4/5;color:#fff;text-decoration:none}
.rc5 img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .6s}
.rc5:hover img{transform:scale(1.05)}
.rc5 div{position:absolute;inset:auto 0 0;padding:60px 16px 16px;background:linear-gradient(transparent,rgba(20,14,6,.85))}
.rc5 span{font-size:.75rem;letter-spacing:.12em;text-transform:uppercase;color:var(--gold-2)}
.rc5 h3{color:#fff;font-size:1.15rem;margin-top:4px}
@media (min-width:901px){.hs:has(.rc5){grid-auto-columns:calc((100% - 36px)/3)}}

/* trust strip */
.trust5{background:var(--maroon);color:#efe6c8}
.trust5 ul{list-style:none;margin:0;padding-block:18px;display:flex;justify-content:space-between;gap:18px;overflow-x:auto;scrollbar-width:none}
.trust5 li{display:flex;align-items:center;gap:10px;flex:0 0 auto;font-size:.88rem}
.trust5 svg{width:26px;height:26px;color:var(--gold-2)}
.trust5 b{color:#fff;font-weight:600}

/* mobile bottom bar */
.bnav{display:none}
@media (max-width:760px){
  body{padding-bottom:calc(64px + env(safe-area-inset-bottom,0px))}
  .bnav{display:grid;grid-template-columns:repeat(4,1fr);position:fixed;left:0;right:0;bottom:0;z-index:60;background:rgba(250,246,236,.97);backdrop-filter:blur(8px);
    border-top:1px solid var(--line);padding-bottom:env(safe-area-inset-bottom,0px);box-shadow:0 -6px 20px rgba(0,0,0,.06)}
  .bnav a,.bnav button{all:unset;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;height:62px;font-size:.72rem;color:var(--ink);cursor:pointer}
  .bnav svg{width:23px;height:23px;color:var(--maroon)}
  .bnav .n{position:absolute;top:6px;left:calc(50% + 6px);min-width:18px;height:18px;border-radius:9px;background:var(--gold-3);color:var(--maroon);font-size:.68rem;font-style:normal;font-weight:700;display:grid;place-items:center;padding:0 4px}
  .bnav .n[hidden]{display:none}
  .sticky-buy{bottom:calc(62px + env(safe-area-inset-bottom,0px))}
  .toast,.cart-toast{bottom:84px}
}
.pc .ph.cut img{object-fit:contain;padding:8% 14% 6%;filter:drop-shadow(0 12px 12px rgba(38,46,23,.28));border-radius:0}
.grid.g5.lim .pc:nth-child(n+9){display:none}
.moreb{text-align:center;margin-top:22px}
.grid.g5:not(.lim)+.moreb{display:none}
@media (max-width:700px){.ri{width:38vw}.ring{height:350px}.pki img{width:50%}}

/* ---- audit fixes ---- */
/* 26 contrast: darker text tokens; pale gold stays for decoration only */
:root{--gold-t:#7d5a0b;--soft:#625c48}
.kicker,.pc .meta .hi,.hc small,.ring-info .hi,.h5h .more{color:var(--gold-t)}
.hero .kicker,.pkt .kicker,.gift .kicker,.tmap-sec .kicker{color:var(--gold-2)}
.pc .sub,.muted{color:#5f5946}
/* 28 skip link */
.skip{position:absolute;left:12px;top:-60px;z-index:200;background:var(--maroon);color:#fff;padding:10px 16px;border-radius:6px;text-decoration:none}
.skip:focus{top:10px}
/* 27 touch targets */
.drawer .qty button{min-width:44px;min-height:44px}
.drawer .x{min-width:44px;min-height:44px}
.hv-btn{width:44px;height:44px}
.drawer .rm{all:unset;cursor:pointer;font-size:.8rem;color:#8a2a1c;text-decoration:underline;padding:8px 0;margin-top:2px;display:inline-block}
.drawer .rm:focus-visible{outline:2px solid var(--maroon);outline-offset:2px}
.drawer .nm a{color:inherit;text-decoration:none}.drawer .nm a:hover{text-decoration:underline}
/* 04 search */
.srch{position:relative;display:flex;align-items:center;gap:10px;background:#fff;border:1.5px solid var(--line);border-radius:12px;padding:0 14px;margin-bottom:18px;max-width:640px}
.srch:focus-within{border-color:var(--maroon)}
.srch svg{color:var(--muted);flex:0 0 auto}
.srch input{flex:1;border:0;outline:0;background:transparent;font:inherit;font-size:1rem;padding:14px 0;min-width:0}
.srch-n{font-size:.82rem;color:var(--muted);white-space:nowrap}
.noresult{text-align:center;padding:30px 0;color:var(--muted)}

/* ---- final polish (site check) ---- */
/* contact email card: email must not break mid-word, no capitals */
.cards3 h3 a[href^="mailto:"]{text-transform:none;font-family:var(--f-body);font-size:1.08rem;letter-spacing:0;word-break:normal;overflow-wrap:anywhere;white-space:nowrap}
@media (max-width:400px){.cards3 h3 a[href^="mailto:"]{font-size:1rem}}
/* hamper builder: brand fonts everywhere */
.hb-it .n,.hb-it .p,.hb-lines,.hb-box label{font-family:var(--f-body)}
.hb-it .n{font-size:.95rem;color:var(--ink)}
.hb textarea,.hb textarea::placeholder,textarea::placeholder,input::placeholder{font-family:var(--f-body)}
/* thank-you: order id readable on dark band */
#oid{color:var(--gold-2)!important;font-family:var(--f-body);letter-spacing:.04em}
/* about: long intro paragraph not in capitals */
.prose p[style*="--f-display"]{font-family:var(--f-body)!important;font-style:italic;text-transform:none;letter-spacing:0;font-size:1.35rem!important}
@media (max-width:760px){.prose p[style*="--f-display"]{font-size:1.15rem!important}}
/* mobile top bar on one line */
@media (max-width:560px){.topbar{font-size:.6rem;letter-spacing:.06em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding-inline:8px}.topbar .padharo{display:none}}
/* out of stock (set from the admin panel) */
.pc.is-oos .ph img{filter:grayscale(.7);opacity:.7}
.pc.is-oos [data-add],[data-add]:disabled{background:#d8d2c0!important;border-color:#d8d2c0!important;color:#5f5946!important;cursor:not-allowed}
.oos-toast{background:#b3261e!important;color:#fff!important}
/* category arches: centre the pack / fill the photo (fix half-width image) */
.hc .ci{display:block}
.hc .ci img{position:absolute;inset:0;margin:auto;width:70%;height:78%}
.hc .ci.cv img{width:100%;height:100%}
.hc .ci img{background:none!important;object-fit:contain!important}.hc .ci.cv img{object-fit:cover!important}
/* product photo slider */
.gal .main.gslide{position:relative;overflow:hidden}
.gslide .track{display:flex;width:100%;height:100%;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scrollbar-width:none;-webkit-overflow-scrolling:touch;cursor:grab;outline:none}
.gslide .track::-webkit-scrollbar{display:none}
.gslide .track.drag{cursor:grabbing;scroll-snap-type:none}
.gslide .sl{flex:0 0 100%;height:100%;scroll-snap-align:center;scroll-snap-stop:always}
.gslide .sl img{width:100%;height:100%;object-fit:cover;display:block;user-select:none;-webkit-user-drag:none;pointer-events:none}
.gnav{position:absolute;top:50%;transform:translateY(-50%);width:46px;height:46px;border-radius:50%;border:0;background:rgba(255,253,247,.92);color:var(--maroon);font-size:1.6rem;line-height:1;cursor:pointer;box-shadow:0 4px 14px rgba(0,0,0,.18);display:grid;place-items:center;z-index:2}
.gnav.prev{left:12px}.gnav.next{right:12px}
.gnav:focus-visible{outline:3px solid var(--gold)}
.gcnt{position:absolute;top:12px;right:12px;background:rgba(38,36,20,.72);color:#fff;font-size:.8rem;padding:4px 10px;border-radius:12px;z-index:2}
.gdots{position:absolute;left:0;right:0;bottom:12px;display:flex;justify-content:center;gap:6px;z-index:2;pointer-events:none}
.gdots i{width:8px;height:8px;border-radius:50%;background:rgba(255,255,255,.75);box-shadow:0 0 0 1px rgba(0,0,0,.15);transition:width .25s}
.gdots i.on{width:22px;border-radius:4px;background:var(--maroon)}
@media (hover:none){.gnav{width:40px;height:40px;font-size:1.4rem;opacity:.9}}
/* original pack-label logo on a cream label plate */
.brand.brand-orig{display:block;background:#fdfaf3;border-radius:10px;padding:6px 14px;box-shadow:0 2px 0 rgba(0,0,0,.08),inset 0 0 0 1px rgba(200,16,46,.15);line-height:0}
.brand.brand-orig img{display:block;height:62px;width:auto}
footer.site .brand.brand-orig{display:inline-block;margin-bottom:6px}
footer.site .brand.brand-orig img{height:70px}
@media (max-width:760px){.brand.brand-orig{padding:4px 10px;border-radius:8px}.brand.brand-orig img{height:48px}}
/* audit fixes 2 */
.pki img{height:auto!important;aspect-ratio:1/1;object-fit:cover}
.brand.brand-orig img{height:72px}
@media (max-width:760px){.brand.brand-orig img{height:54px}}
.split .pic img[src*="festive-hamper"]{object-fit:cover}
/* user: logo without white plate, red logo straight on the green bar */
.brand.brand-orig{background:none!important;box-shadow:none!important;padding:0!important;border-radius:0!important}
.brand.brand-orig img{filter:drop-shadow(0 1px 1px rgba(0,0,0,.25))}
/* user: product photos only as slider, no thumbnail strip */
.gal .th{display:none!important}
.gal{grid-template-columns:1fr!important}
/* user: original text logo, gold leaves on S and Y */
.brand-lf .L{position:relative;display:inline-block}
.brand-lf .lf{display:block!important;position:absolute;width:.62em!important;height:.38em!important;color:var(--gold-2)}
.brand-lf .s1 .lf{left:-.08em;top:-.30em;transform:rotate(-12deg)}
.brand-lf .y1 .lf{left:-.2em;top:-.26em;transform:scaleX(-1) rotate(-14deg)}
.brand-lf b{padding-top:.25em}
/* user: SHASYA wordmark = exact pack-logo letters (leaf S, sprout Y), in gold */
.brand-wm .wm{display:block;height:36px;width:auto}
.brand-wm small{margin-top:6px}
footer.site .brand-wm .wm{height:34px}
@media (max-width:760px){.brand-wm .wm{height:27px}}
/* v10 WhatsApp floating button: small, bottom-right, above the mobile bottom bar */
.wa-fab{position:fixed;right:16px;bottom:18px;z-index:40;width:52px;height:52px;border-radius:50%;background:#25d366;display:grid;place-items:center;box-shadow:0 4px 14px rgba(0,0,0,.25);transition:transform .2s}
.wa-fab:hover{transform:scale(1.07)}
@media (max-width:760px){.wa-fab{width:48px;height:48px;bottom:84px;right:12px}}
@media (max-width:760px){body:has(.sticky-buy) .wa-fab{bottom:148px}}