/* AGRREEN landing homepage (storefront/home_landing.html). Everything is
   scoped under .lp so no other storefront page is affected. Motion only
   runs under html.lp-motion (set in the template head when the visitor
   hasn't asked for reduced motion), and only animates transform/opacity.
   .lx-* = the warm "Kheto ki khushbu" sections (hero, steps, shop, why);
   .lp-* = the store sections kept below them (reviews, promos, buy again). */

.lp{
  --lp-bg:#0a2418;
  --lp-bg-2:#0f3322;
  --lp-forest:#1C2B24;
  --lp-cream:#f3ead6;
  --lp-cream-2:#e9dcc0;
  --lp-gold:#e8b13a;
  --lp-leaf:#7cc27a;
  --lp-ink:#1b2a21;
  --lp-head:var(--head-font,'Fraunces',Georgia,serif);
  --lp-body:var(--site-font,'Hind',system-ui,sans-serif);
  --lp-ease:cubic-bezier(.22,.8,.24,1);
  /* .lx sections use the storefront brand tokens from base.html */
  --lx-bg:var(--tint,#faf6ec);
  --lx-ink:var(--ink,#1C2B24);
  --lx-mute:var(--muted,#5e6a5f);
  --lx-card:#ffffff;
  --lx-green:var(--forest,#0f3322);
  --lx-deep:var(--forest-2,#0a2418);
  --lx-sun:var(--gold,#e8b13a);
  --lx-cream:#f3ead6;
  --lx-line:var(--line,#e6dcc4);
  --lx-max:1600px;
  font-family:var(--lp-body);
  color:var(--lx-ink);
  background:var(--lx-bg);
  overflow-x:clip;
}
.lp *,.lp *::before,.lp *::after{box-sizing:border-box;}
.lp img{display:block;max-width:100%;height:auto;}
/* one page width for every section, matching the header (1600px) */
.lp-wrap{width:100%;max-width:var(--lx-max);margin:0 auto;padding:0 16px;}
.lp em{font-style:normal;color:var(--lp-gold);}

/* ---------- shared: buttons / headings ---------- */
.lx-btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 26px;border-radius:8px;background:var(--lx-green);color:var(--lx-cream);font:700 15px/1 var(--lp-body);text-decoration:none;border:0;cursor:pointer;transition:transform .2s var(--lp-ease),background-color .2s;}
.lx-btn-sun{background:var(--lx-sun);color:var(--lx-deep);}
.lx-link{display:inline-flex;align-items:center;gap:6px;min-height:44px;color:var(--lx-green);font-weight:600;font-size:15px;text-decoration:none;}
.lx-link span[aria-hidden]{transition:transform .25s var(--lp-ease);}
.lx-btn:focus-visible,.lx-link:focus-visible,.lx-dot:focus-visible,.lx-chip:focus-visible{outline:3px solid var(--lx-sun);outline-offset:3px;}
.lp h1,.lp h2,.lp h3{font-family:var(--lp-head);font-weight:700;line-height:1.12;letter-spacing:-.01em;margin:0;}
.lx-steps h2,.lx-shop h2,.lx-why h2,.lx-close h2{font-size:clamp(28px,6vw,46px);}
.lx-lead{max-width:34rem;margin:12px auto 32px;color:var(--lx-mute);font-size:16px;line-height:1.6;}

.lp-btn{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:0 22px;border-radius:999px;font:600 15px/1 var(--lp-body);text-decoration:none;border:1.5px solid transparent;cursor:pointer;transition:transform .25s var(--lp-ease),background-color .2s,color .2s;}
.lp-btn-dark{background:var(--lp-forest);color:var(--lp-cream);}
.lp-btn-sm{min-height:36px;padding:0 14px;font-size:13px;}
.lp-kicker{margin:0 0 6px;font:600 12px/1.2 var(--lp-body);letter-spacing:.16em;text-transform:uppercase;color:var(--lp-leaf);}
.lp-h2{font:700 clamp(26px,6.4vw,44px)/1.15 var(--lp-head),var(--lp-body);}
.lp-h2-sm{font-size:clamp(22px,5vw,30px);}
.lp-head{margin-bottom:26px;}
.lp-head-row{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:12px;}
.lp-section{padding:56px 0;}
.lp-dark{background:var(--lp-bg);color:var(--lp-cream);}
.lp-cream{background:var(--lp-cream);color:var(--lp-ink);}
.lp-cream .lp-kicker{color:#3f7a3d;}

/* ---------- hero: full-bleed brand green, one spice at a time ----------
   Editorial layout: eyebrow, an oversized spice word, then the headline;
   the pack sits on a cream "thali" disc that overlaps the word. */
.lx-hero{position:relative;isolation:isolate;overflow:hidden;color:var(--lx-cream);
  background:radial-gradient(90% 70% at 78% 45%,var(--forest-3,#1C2B24) 0%,var(--lx-green) 45%,var(--lx-deep) 100%);
  padding:28px 16px 72px;}
.lx-hero::before{content:"";position:absolute;z-index:-1;right:-10%;top:10%;width:min(90vw,720px);aspect-ratio:1;border-radius:50%;
  background:radial-gradient(circle,var(--tone,var(--lx-sun)) 0%,transparent 62%);opacity:.22;transition:background .8s;}
.lx-hero-inner{max-width:var(--lx-max);margin:0 auto;display:grid;gap:12px;align-items:center;}
.lx-hero-copy{position:relative;z-index:1;min-width:0;}
.lx-eyebrow{display:flex;align-items:center;gap:12px;margin:0;font:600 12px/1.2 var(--lp-body);letter-spacing:.2em;text-transform:uppercase;color:var(--lx-sun);}
.lx-eyebrow::after{content:"";width:48px;height:1px;background:currentColor;opacity:.7;}
.lx-eyebrow-2{margin-top:6px;letter-spacing:.04em;text-transform:none;font-size:15px;color:rgba(243,234,214,.8);}
/* sized from the word's length (--len) so TURMERIC or CORIANDER still fits a phone */
.lx-word{margin:4px 0 0 -4px;font:700 clamp(44px,min(19vw,calc(128vw / var(--len,5))),232px)/.86 var(--lp-head);letter-spacing:-.03em;color:var(--lx-cream);white-space:nowrap;transition:opacity .4s,transform .4s;}
.lx-hero h1{margin-top:18px;font-size:clamp(28px,6.4vw,52px);line-height:1.08;color:var(--lx-cream);max-width:15ch;transition:opacity .4s,transform .4s;}
.lx-sub{margin:14px 0 26px;max-width:30rem;color:rgba(243,234,214,.78);font-size:16.5px;line-height:1.6;transition:opacity .4s;}
.lx-hero.is-swap .lx-word,.lx-hero.is-swap h1,.lx-hero.is-swap .lx-sub{opacity:0;transform:translateY(10px);}
.lx-cta{display:flex;flex-wrap:wrap;gap:12px 24px;align-items:center;}
.lx-story{display:inline-flex;align-items:center;gap:12px;min-height:48px;color:var(--lx-cream);font-weight:600;text-decoration:none;}
.lx-play{position:relative;width:44px;height:44px;border-radius:50%;border:1px solid rgba(243,234,214,.45);transition:background-color .2s,border-color .2s;}
.lx-play::after{content:"";position:absolute;left:17px;top:14px;border-style:solid;border-width:8px 0 8px 12px;border-color:transparent transparent transparent var(--lx-cream);}
.lx-stage{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;gap:14px;margin-top:20px;}
.lx-disc{display:block;width:min(300px,74vw);aspect-ratio:1;border-radius:50%;padding:6%;overflow:hidden;background:var(--lx-cream);
  box-shadow:0 0 0 12px rgba(243,234,214,.07),0 0 0 26px rgba(243,234,214,.04),0 40px 70px -24px rgba(0,0,0,.6);}
.lx-disc img{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply;transition:opacity .4s;}
.lx-hero.is-swap .lx-disc img{opacity:.2;}
.lx-prod{display:inline-flex;align-items:center;gap:6px;min-height:44px;color:rgba(243,234,214,.85);font-size:14px;font-weight:600;text-decoration:none;}
.lx-dots{position:absolute;left:50%;bottom:24px;transform:translateX(-50%);display:flex;gap:10px;z-index:3;}
.lx-dot{position:relative;width:10px;height:10px;padding:0;border:0;border-radius:99px;background:rgba(243,234,214,.3);cursor:pointer;transition:width .3s,background-color .3s;}
.lx-dot::after{content:"";position:absolute;left:50%;top:50%;width:44px;height:44px;transform:translate(-50%,-50%);}
.lx-dot[aria-current="true"]{width:32px;background:var(--lx-sun);}

/* ---------- khet se jar tak ---------- */
.lx-steps{padding:64px 16px;text-align:center;background:var(--lx-bg);}
.lx-step-wrap{max-width:var(--lx-max);margin:auto;display:grid;gap:18px;align-items:center;}
.lx-col{display:grid;gap:18px;}
.lx-stepcard{position:relative;text-align:left;background:var(--lx-card);border:1px solid var(--lx-line);border-radius:12px;padding:20px;box-shadow:0 1px 2px rgba(10,36,24,.06);}
.lx-stepcard span{display:block;margin-bottom:6px;font:700 12px/1 var(--lp-body);letter-spacing:.12em;color:var(--brass,#c99526);}
.lx-stepcard h3{font-size:19px;margin-bottom:6px;}
.lx-stepcard p{margin:0;font-size:15px;line-height:1.55;color:var(--lx-mute);}
.lx-halo{order:-1;width:min(220px,60vw);margin:0 auto 6px;padding:14px;border-radius:50%;background:#fff;box-shadow:0 0 0 10px var(--lx-cream);}
.lx-halo img{border-radius:50%;}

/* ---------- shop grid: real catalog products ---------- */
.lx-shop{padding:64px 16px;text-align:center;background:#fff;border-top:1px solid var(--lx-line);}
.lx-shop-inner{max-width:var(--lx-max);margin:0 auto;}
.lx-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;text-align:left;}
.lx-item{position:relative;display:flex;flex-direction:column;padding:10px;border-radius:12px;background:var(--lx-card);border:1px solid var(--lx-line);transition:transform .3s var(--lp-ease),box-shadow .3s var(--lp-ease);}
.lx-item-link{color:inherit;text-decoration:none;display:block;}
.lx-ph{aspect-ratio:1;border-radius:13px;overflow:hidden;background:#fff;}
.lx-ph img{width:100%;height:100%;object-fit:cover;transition:transform .6s var(--lp-ease);}
.lx-item h3{margin-top:10px;font:600 15px/1.3 var(--lp-body);}
.lx-origin{margin:4px 0 0;font-size:12px;color:var(--lx-mute);}
.lx-rating{margin-top:4px;font-size:12.5px;font-weight:600;color:var(--brass,#c99526);}
.lx-rating span{color:var(--lx-mute);font-weight:400;}
.lx-price{display:flex;align-items:baseline;gap:7px;margin-top:8px;}
.lx-price b{font-size:18px;color:var(--price,#0a2418);}
.lx-price s{font-size:13px;color:#9a9b8c;}
.lx-chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px;}
.lx-chip{min-height:32px;padding:0 11px;border:1px solid var(--lx-line);border-radius:99px;background:transparent;color:var(--lx-mute);font:600 12.5px/1 var(--lp-body);cursor:pointer;display:inline-flex;align-items:center;}
.lx-chip[aria-pressed="true"]{background:var(--lx-green);border-color:var(--lx-green);color:var(--lx-cream);}
.lx-chip:disabled{opacity:.4;text-decoration:line-through;cursor:not-allowed;}
.lx-chip-one{cursor:default;}
.lx-add{margin-top:auto;padding-top:12px;height:auto;}
.lx-add .btn-cart-quick{height:42px;border-radius:8px;}
.lx-badge{position:absolute;top:16px;left:16px;z-index:2;padding:5px 9px;border-radius:999px;background:var(--off-accent,#c8412b);color:#fff;font-size:11px;font-weight:700;}
.lx-badge-out{background:#6b6b6b;}
.lx-wish{position:absolute;top:14px;right:14px;z-index:2;margin:0;}
.lx-all{margin:-12px 0 28px;}

/* ---------- kyun agrreen ---------- */
.lx-why{position:relative;overflow:hidden;isolation:isolate;padding:72px 16px;text-align:center;color:var(--lx-cream);background:var(--lx-deep);}
.lx-why::before{content:"";position:absolute;left:50%;top:50%;z-index:-1;width:min(80vw,520px);aspect-ratio:1;transform:translate(-50%,-50%);border-radius:50%;
  background:radial-gradient(circle,var(--lx-sun) 0%,transparent 64%);opacity:.18;}
.lx-why-cards{display:grid;gap:14px;max-width:var(--lx-max);margin:32px auto 0;text-align:left;}
.lx-why-cards div{padding:22px;border-radius:12px;background:rgba(15,51,34,.85);border:1px solid rgba(243,234,214,.12);}
.lx-why-cards h3{font-size:19px;margin-bottom:6px;color:var(--lx-sun);}
.lx-why-cards p{margin:0;font-size:15px;line-height:1.55;opacity:.88;}

/* ---------- closing band ---------- */
.lx-close{position:relative;padding:80px 16px 64px;text-align:center;background:var(--lx-green);color:var(--lx-cream);}
.lx-close::before{content:"";position:absolute;left:0;right:0;top:0;height:60px;background:radial-gradient(60% 100% at 50% 0%,rgba(232,163,23,.55),transparent 70%);}
.lx-close h2{position:relative;margin-bottom:22px;}

/* ---------- buy it again ---------- */
.lp-mini-row{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(150px,46%);gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:6px;}
.lp-mini{scroll-snap-align:start;padding:10px;border-radius:16px;background:#fbf6ea;border:1px solid var(--lp-cream-2);}
.lp-mini a{color:inherit;text-decoration:none;font-size:13px;font-weight:600;}
.lp-mini img{aspect-ratio:1;width:100%;object-fit:cover;border-radius:12px;background:#fff;margin-bottom:8px;}
.lp-mini b{display:block;margin:6px 0 8px;}

/* ---------- promos / banners ---------- */
.lp-promos{display:grid;gap:12px;}
.lp-promo{display:block;border-radius:16px;overflow:hidden;aspect-ratio:420/220;background:#fff;}
.lp-promo img{width:100%;height:100%;object-fit:cover;}
.lp-banner{margin-top:14px;border-radius:18px;overflow:hidden;}
.lp-banner img{width:100%;height:auto;}

/* ---------- testimonials ---------- */
.lp-slider-nav{display:flex;gap:8px;}
.lp-round{width:44px;height:44px;border-radius:50%;border:1.5px solid rgba(243,234,214,.35);background:transparent;color:var(--lp-cream);font-size:22px;line-height:1;cursor:pointer;}
.lp-testi{display:grid;grid-auto-flow:column;grid-auto-columns:88%;gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;padding-bottom:8px;scrollbar-width:none;}
.lp-testi::-webkit-scrollbar{display:none;}
.lp-quote{scroll-snap-align:start;margin:0;padding:22px;border-radius:20px;background:var(--lp-bg-2);border:1px solid rgba(243,234,214,.1);display:flex;flex-direction:column;}
.lp-stars{color:var(--lp-gold);letter-spacing:2px;font-size:15px;}
.lp-stars span{color:rgba(243,234,214,.25);}
.lp-quote-title{margin:10px 0 0;font:700 17px/1.3 var(--lp-head),serif;}
.lp-quote blockquote{margin:8px 0 0;}
.lp-quote-text{margin:0;font-size:15px;line-height:1.65;color:rgba(243,234,214,.85);display:-webkit-box;-webkit-line-clamp:5;-webkit-box-orient:vertical;overflow:hidden;}
.lp-quote.is-open .lp-quote-text{-webkit-line-clamp:unset;display:block;}
.lp-more{align-self:flex-start;margin-top:6px;padding:0;border:0;background:none;color:var(--lp-gold);font:600 13px var(--lp-body);cursor:pointer;}
.lp-quote figcaption{margin-top:auto;padding-top:16px;display:flex;flex-direction:column;gap:2px;font-size:13px;}
.lp-quote figcaption a{color:var(--lp-leaf);text-decoration:none;}

/* the reused classic sections keep their own store.css look */
.lp-light{background:var(--tint,#f4f2e8);color:var(--ink,#22302a);padding-bottom:10px;}
.lp-light:empty{display:none;}

/* ---------- motion (opt-in) ---------- */
.lp-motion .lx-disc{animation:lx-float 6s ease-in-out infinite;}
@keyframes lx-float{50%{translate:0 -10px;}}
.lx-hero.is-offscreen .lx-disc{animation-play-state:paused;}
.lp-motion [data-reveal]{opacity:0;transform:translateY(26px);transition:opacity .8s var(--lp-ease),transform .8s var(--lp-ease);transition-delay:calc(var(--d,0) * 90ms);}
.lp-motion [data-reveal].is-in{opacity:1;transform:none;}

/* hover effects only where a real pointer can hover */
@media (hover:hover) and (pointer:fine){
  .lx-btn:hover,.lp-btn:hover{transform:translateY(-2px);}
  .lx-link:hover span[aria-hidden]{transform:translateX(4px);}
  .lx-item:hover{transform:translateY(-3px);box-shadow:0 4px 8px -2px rgba(10,36,24,.08),0 16px 32px -8px rgba(10,36,24,.16);}
  .lx-story:hover .lx-play{background:rgba(243,234,214,.1);border-color:var(--lx-cream);}
  .lx-btn-sun:hover{background:var(--brass,#c99526);}
  .lx-item:hover .lx-ph img{transform:scale(1.05);}
  .lx-chip:not(:disabled):not([aria-pressed="true"]):hover{border-color:var(--lx-green);color:var(--lx-green);}
  .lp-round:hover{background:rgba(243,234,214,.08);}
}

@media (prefers-reduced-motion:reduce){
  .lp *{animation:none !important;transition:none !important;}
  .lp-testi{scroll-behavior:auto;}
}

/* trust strip under the hero: 2x2 on phones, one row from 800px */
.lx-trust{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;background:#263c2f;border-top:1px solid #263c2f;}
.lx-trust div{background:var(--lx-deep);color:var(--lx-cream);padding:20px 12px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:4px;}
.lx-trust .ic{width:24px;height:24px;color:var(--lx-sun);margin-bottom:4px;}
.lx-trust strong{font-family:var(--lp-head);font-size:19px;font-weight:600;line-height:1.2;}
.lx-trust span{font-size:13px;line-height:1.4;color:rgba(243,234,214,.75);}

/* ---------- larger screens ---------- */
@media (min-width:600px){
  .lx-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:18px;}
  .lx-item{padding:12px;}
  .lx-why-cards{grid-template-columns:repeat(3,1fr);}
  .lp-promos{grid-template-columns:repeat(var(--cols,3),minmax(0,1fr));}
  .lp-testi{grid-auto-columns:calc(50% - 7px);}
  .lp-mini-row{grid-auto-columns:200px;}
}
@media (min-width:800px){
  .lx-hero{padding:56px 20px 96px;min-height:min(720px,86svh);display:flex;align-items:center;}
  .lx-hero-inner{width:100%;grid-template-columns:1.15fr .85fr;gap:0;}
  /* ends before the product disc: ~46vw of room (layout stops at 1600px), ~0.62em per capital */
  .lx-word{font-size:clamp(60px,calc(min(76vw,1480px) / var(--len,5)),220px);}
  .lx-stage{margin:0 0 0 -22%;}
  .lx-trust{grid-template-columns:repeat(4,minmax(0,1fr));}
  .lx-trust div{padding:26px 16px;}
  .lx-trust strong{font-size:22px;}
  .lx-disc{width:min(420px,32vw);}
  .lx-step-wrap{grid-template-columns:1fr auto 1fr;gap:30px;}
  .lx-col{gap:34px;}
  .lx-halo{order:0;margin:0;}
  .lx-col:first-child .lx-stepcard:nth-child(2){margin-right:24px;}
  .lx-col:last-child .lx-stepcard:nth-child(2){margin-left:24px;}
}
@media (min-width:960px){
  .lp-wrap{padding:0 20px;}
  .lp-section{padding:84px 0;}
  .lx-steps,.lx-shop{padding:96px 20px;}
  .lx-why{padding:110px 20px;}
  .lx-why-cards div{padding:30px;}
  /* products: heading column on the left, grid fills the rest */
  .lx-shop-inner{display:grid;grid-template-columns:minmax(260px,1fr) 3fr;gap:48px;align-items:start;text-align:left;}
  .lx-shop-head{position:sticky;top:120px;}
  .lx-shop-head .lx-lead{margin-left:0;}
  .lx-all{margin:0;}
}
@media (min-width:1100px){
  /* steps: the product photo on the left, the four steps as a 2x2 grid */
  .lx-step-wrap{grid-template-columns:auto 1fr 1fr;gap:28px 40px;}
  .lx-halo{grid-column:1;grid-row:1;width:300px;}
  .lx-step-wrap .lx-col:first-child{grid-column:2;grid-row:1;}
  .lx-step-wrap .lx-col:last-child{grid-column:3;grid-row:1;}
  .lx-col:first-child .lx-stepcard:nth-child(2),.lx-col:last-child .lx-stepcard:nth-child(2){margin:0;}
  .lx-stepcard{padding:28px;}
  .lp-testi{grid-auto-columns:calc(33.333% - 10px);}
}

/* ---------- product showcase: every pack shown whole, with motion ----------
   Each photo sits on a cream stage with a soft floor shadow and is shown
   uncropped (contain). Motion uses the independent translate/scale
   properties so it stacks with tilt.js's transform instead of fighting it.
   Phones get one product per row (photo left, details right) so no pack
   is squeezed into half the screen. */
.lp .lx-ph{position:relative;isolation:isolate;border-radius:10px;background:radial-gradient(circle at 50% 42%,#fffdf7 0,var(--lx-cream) 72%);}
.lp .lx-ph::after{content:"";position:absolute;left:22%;right:22%;bottom:7%;height:7%;z-index:-1;border-radius:50%;background:radial-gradient(closest-side,rgba(10,36,24,.28),transparent);transition:scale .35s ease,opacity .35s ease;}
.lp .lx-ph img{object-fit:contain;padding:9%;mix-blend-mode:multiply;}
.lp .lx-item h3{font-size:16px;}
.lx-price b{display:inline-block;}

.lp-motion .lx-item[data-reveal] .lx-ph img{scale:.82;opacity:0;transition:scale .9s var(--lp-ease),opacity .6s ease,transform .35s ease;transition-delay:calc(var(--d,0) * 90ms + 220ms);}
.lp-motion .lx-item.is-in .lx-ph img{scale:1;opacity:1;animation:lx-bob 5.5s ease-in-out calc(var(--d,0) * -1.3s + 1.2s) infinite;}
.lp-motion .lx-item.is-in .lx-ph::after{animation:lx-floor 5.5s ease-in-out calc(var(--d,0) * -1.3s + 1.2s) infinite;}
.lp-motion .lx-item[data-reveal] .lx-chip{opacity:0;translate:0 6px;transition:opacity .4s ease,translate .4s var(--lp-ease);}
.lp-motion .lx-item.is-in .lx-chip{opacity:1;translate:0 0;transition-delay:calc(var(--d,0) * 90ms + 500ms);}
.lp-motion .lx-shop.is-offscreen .lx-ph img,.lp-motion .lx-shop.is-offscreen .lx-ph::after{animation-play-state:paused;}
@keyframes lx-bob{50%{translate:0 -7px;}}
@keyframes lx-floor{50%{scale:.82;opacity:.7;}}
/* price flashes when a size chip changes it */
.lx-price b.is-tick{animation:lx-tick .45s var(--lp-ease);}
@keyframes lx-tick{0%{scale:1;color:var(--lx-sun);}40%{scale:1.14;color:var(--lx-sun);}100%{scale:1;}}

@media (hover:hover) and (pointer:fine){
  .lx-item:hover .lx-ph::after{scale:.8;opacity:.6;}
}

@media (max-width:599px){
  .lp .lx-grid{grid-template-columns:1fr;gap:12px;}
  .lp .lx-grid > :last-child:nth-child(odd){grid-column:auto;width:auto;justify-self:stretch;}
  .lp .lx-item{display:grid;grid-template-columns:40% 1fr;column-gap:14px;align-items:start;padding:12px;}
  .lp .lx-item > *{grid-column:2;}
  .lp .lx-item > .lx-badge,.lp .lx-item > .lx-wish{grid-column:auto;}  /* abs-positioned: keep the card, not column 2, as their box */
  .lp .lx-item-link{display:contents;}
  .lp .lx-ph{grid-column:1;grid-row:1 / span 7;align-self:start;}
  .lp .lx-ph img{padding:5%;}
  .lp .lx-badge{padding:4px 7px;font-size:10px;}
  .lp .lx-item h3{margin-top:0;padding-right:36px;}
  .lp .lx-badge{top:16px;left:16px;}
  .lp .lx-wish{top:8px;right:8px;}
  .lp .lx-chip{min-height:34px;}
  .lp .lx-add{padding-top:10px;}
}

/* ---------- Pouch carousel hero (owner's design, 2026-10-22) ---------- */
@property --ph-tint{syntax:'<color>';inherits:true;initial-value:rgba(227,167,47,.22)}
.ph-hero{--ph-tint:rgba(227,167,47,.22);--ph-line:rgba(243,234,214,.12);--ph-dim:rgba(243,234,214,.74);
  position:relative;overflow:hidden;color:var(--lx-cream);font-family:var(--lp-body);
  background:radial-gradient(820px 520px at 74% 52%,var(--ph-tint),transparent 64%),linear-gradient(180deg,var(--lx-deep) 0%,#071a11 100%);
  transition:--ph-tint .6s;}
.ph-wrap{max-width:1280px;margin:0 auto;padding:48px 32px 40px;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:24px;align-items:center;min-height:640px;}
.ph-copy{display:flex;flex-direction:column;min-width:0;}
.ph-slides{display:grid;}
.ph-slide{grid-area:1/1;opacity:0;visibility:hidden;transform:translateY(18px);transition:opacity .5s ease,transform .6s var(--lp-ease),visibility 0s .5s;}
.ph-slide.on{opacity:1;visibility:visible;transform:none;transition-delay:.12s,.12s,0s;}
.ph-chips{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:26px;}
.ph-chip{display:inline-flex;align-items:center;padding:7px 14px;border:1px solid rgba(232,177,58,.45);border-radius:999px;font-size:13.5px;font-weight:600;color:var(--lx-sun);background:rgba(232,177,58,.08);}
.ph-slide h1,.ph-slide .ph-h{margin:0;font-family:var(--lp-head);font-weight:500;font-size:clamp(40px,5.6vw,84px);line-height:1.03;letter-spacing:-.025em;max-width:11ch;color:var(--lx-cream);}
.ph-lede{margin:24px 0 0;max-width:44ch;font-size:19px;line-height:1.6;color:var(--ph-dim);}
.ph-cta{display:flex;align-items:center;gap:22px;margin-top:34px;flex-wrap:wrap;}
.ph-btn{display:inline-flex;align-items:center;justify-content:center;min-height:54px;padding:0 30px;border-radius:12px;background:var(--lx-sun);color:var(--lx-deep);font-weight:700;font-size:16px;text-decoration:none;transition:transform .2s,filter .2s;}
.ph-btn:hover{filter:brightness(1.08);transform:translateY(-2px);}
.ph-story{display:inline-flex;align-items:center;gap:12px;font-weight:600;font-size:16px;color:var(--lx-cream);text-decoration:none;}
.ph-story i{width:54px;height:54px;border-radius:50%;border:1px solid var(--ph-line);display:grid;place-items:center;transition:background .2s,border-color .2s;}
.ph-story:hover i{background:rgba(243,234,214,.1);border-color:var(--ph-dim);}
.ph-btn:focus-visible,.ph-story:focus-visible,.ph-tab:focus-visible,.ph-arr:focus-visible{outline:2px solid var(--lx-sun);outline-offset:3px;border-radius:10px;}
.ph-tabs{display:flex;gap:10px;margin-top:40px;}
.ph-tab{position:relative;flex:0 1 150px;text-align:left;padding:12px 0 0;background:none;border:0;cursor:pointer;font:600 14.5px var(--lp-body);color:var(--ph-dim);transition:color .2s;min-height:44px;}
.ph-tab::before{content:"";position:absolute;left:0;right:0;top:0;height:3px;border-radius:2px;background:var(--ph-line);}
.ph-tab i{position:absolute;left:0;top:0;height:3px;width:0;border-radius:2px;background:var(--lx-sun);}
.ph-tab[aria-selected=true]{color:var(--lx-cream);}
.ph-tab[aria-selected=true] i{width:100%;transition:width var(--ph-dur,5.2s) linear;}
.ph-hero.is-paused .ph-tab i{transition:none;}
.ph-tab:hover{color:var(--lx-cream);}
.ph-trust{display:flex;gap:16px 30px;margin-top:30px;padding-top:22px;border-top:1px solid var(--ph-line);flex-wrap:wrap;}
.ph-trust div{display:flex;flex-direction:column;font-size:13.5px;color:var(--ph-dim);}
.ph-trust b{font-size:15px;color:var(--lx-cream);font-weight:600;}
.ph-stage{position:relative;height:600px;touch-action:pan-y;user-select:none;-webkit-user-select:none;}
.ph-stage::before,.ph-stage::after{content:"";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);border-radius:50%;pointer-events:none;}
.ph-stage::before{width:520px;height:520px;border:1px solid var(--ph-line);}
.ph-stage::after{width:400px;height:400px;border:1px solid rgba(232,177,58,.26);}
.ph-pouch{position:absolute;left:50%;top:50%;height:86%;aspect-ratio:720/1064;display:flex;align-items:center;justify-content:center;
  transform:translate(calc(-50% + var(--x,0px)),-50%) scale(var(--s,1));opacity:var(--o,0);
  transition:transform .85s cubic-bezier(.22,.7,.2,1),opacity .6s ease,filter .6s ease;
  filter:drop-shadow(0 30px 34px rgba(0,0,0,.5)) brightness(var(--b,1));pointer-events:none;will-change:transform;}
.ph-pouch.is-front{pointer-events:auto;}
.ph-pouch:first-child{--o:1;}  /* visible before (or without) landing.js */
.ph-pouch img{display:block;max-height:100%;max-width:100%;width:auto;height:auto;-webkit-user-drag:none;}
.ph-arrows{position:absolute;right:0;bottom:6px;display:flex;gap:10px;z-index:20;}
.ph-arr{width:48px;height:48px;border-radius:50%;border:1px solid var(--ph-line);display:grid;place-items:center;color:var(--lx-cream);background:rgba(10,36,24,.6);backdrop-filter:blur(4px);cursor:pointer;transition:background .2s,border-color .2s;}
.ph-arr:hover{background:rgba(243,234,214,.12);border-color:var(--ph-dim);}
@media (max-width:1020px){
  .ph-wrap{grid-template-columns:minmax(0,1fr);min-height:0;gap:8px;}
  .ph-stage{height:480px;}
  .ph-stage::before{width:420px;height:420px;}.ph-stage::after{width:320px;height:320px;}
}
@media (max-width:760px){
  .ph-wrap{padding:32px 18px 28px;}
  .ph-slide h1,.ph-slide .ph-h{max-width:none;}
  .ph-lede{font-size:17px;}
  .ph-tabs{margin-top:28px;}
  .ph-trust{display:grid;grid-template-columns:1fr 1fr;}
  .ph-stage{height:400px;}
  .ph-stage::before{width:320px;height:320px;}.ph-stage::after{width:240px;height:240px;}
}
@media (prefers-reduced-motion:reduce){.ph-slide,.ph-pouch,.ph-hero{transition:none!important;}}