:root{
  --cream:#fff9ed;
  --paper:#fffdf8;
  --ink:#17120b;
  --muted:#6f6255;
  --gold:#a78009;
  --red:#c03b26;
  --green:#1f7a4f;
  --deep:#3b2117;
  --line:rgba(23,18,11,.13);
  --shadow:0 24px 70px rgba(45,25,8,.14);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--cream);color:var(--ink);font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif;line-height:1.5}
a{color:inherit;text-decoration:none}
button,input,select{font:inherit}
.announcement{text-align:center;background:var(--ink);color:var(--cream);font-size:.85rem;padding:.55rem 1rem;letter-spacing:.03em}
.site-header{position:sticky;top:0;z-index:10;display:flex;align-items:center;justify-content:space-between;padding:1rem clamp(1rem,4vw,4rem);background:rgba(255,249,237,.88);backdrop-filter:blur(18px);border-bottom:1px solid var(--line)}
.brand{display:inline-flex;align-items:center;gap:.8rem}.brand-mark{font-family:Anton,sans-serif;font-size:1.7rem;letter-spacing:.2em;color:var(--gold)}.brand-text{text-transform:uppercase;letter-spacing:.2em;font-size:.65rem;font-weight:800;color:var(--muted)}
.nav{display:flex;align-items:center;gap:1.35rem;font-weight:800;text-transform:uppercase;font-size:.75rem;letter-spacing:.08em}.nav a:hover{color:var(--red)}
.nav-toggle{display:none;background:none;border:0;font-size:1.7rem}.basket-button{border:1px solid var(--line);background:var(--paper);border-radius:999px;padding:.7rem 1rem;font-weight:900;cursor:pointer}.basket-button span{display:inline-grid;place-items:center;background:var(--red);color:#fff;min-width:1.35rem;height:1.35rem;border-radius:999px;margin-left:.3rem}
.hero{min-height:76vh;display:grid;grid-template-columns:1.1fr .9fr;gap:2rem;align-items:center;padding:clamp(3rem,7vw,7rem) clamp(1rem,5vw,5rem)}
.eyebrow{text-transform:uppercase;letter-spacing:.18em;font-weight:900;color:var(--gold);font-size:.78rem;margin:0 0 1rem}.hero h1,.section-heading h2,.collection h2,.story h2,.how h2,.notify h2{font-family:Anton,sans-serif;line-height:.95;letter-spacing:.04em;text-transform:uppercase;margin:.1rem 0}.hero h1{font-size:clamp(4rem,12vw,10rem);color:var(--ink)}.tagline{text-transform:uppercase;letter-spacing:.42em;color:var(--gold);font-weight:900}.hero-intro{max-width:42rem;font-size:1.15rem;color:var(--muted)}.hero-actions{display:flex;flex-wrap:wrap;gap:1rem;margin-top:2rem}.button{border:0;border-radius:999px;padding:1rem 1.35rem;display:inline-flex;align-items:center;justify-content:center;font-weight:950;text-transform:uppercase;letter-spacing:.08em;cursor:pointer}.primary{background:var(--red);color:#fff;box-shadow:0 14px 28px rgba(192,59,38,.25)}.ghost{background:transparent;border:1px solid var(--line);color:var(--ink)}
.hero-card{min-height:34rem;background:linear-gradient(160deg,#fff,#fff7dd);border:1px solid var(--line);border-radius:2rem;box-shadow:var(--shadow);position:relative;overflow:hidden;display:grid;place-items:center}.logo-lockup{text-align:center}.logo-lockup span{font-family:Anton,sans-serif;font-size:5rem;letter-spacing:.25em;color:var(--gold)}.logo-lockup small{display:block;text-transform:uppercase;letter-spacing:.4em;color:rgba(23,18,11,.22);font-weight:900}.sauce-stack{position:absolute;right:2rem;bottom:2rem;display:flex;gap:.8rem}.sauce{width:5rem;height:10rem;border-radius:999px 999px 1.2rem 1.2rem;display:grid;place-items:end center;color:#fff;font-family:Anton,sans-serif;text-transform:uppercase;letter-spacing:.08em;padding-bottom:1rem;box-shadow:0 15px 40px rgba(0,0,0,.15)}.red{background:var(--red)}.green{background:var(--green)}.gold{background:var(--gold)}
.intro-strip{padding:1rem;text-align:center;background:var(--gold);color:#fff;font-family:Anton,sans-serif;font-size:clamp(1.3rem,3vw,2.4rem);letter-spacing:.04em;text-transform:uppercase}.intro-strip p{margin:.4rem}
.products-section,.how,.notify{padding:clamp(3rem,7vw,6rem) clamp(1rem,5vw,5rem)}.section-heading{max-width:54rem;margin-bottom:2rem}.section-heading h2,.collection h2,.story h2,.how h2,.notify h2{font-size:clamp(2.5rem,7vw,5.5rem)}
.product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.2rem}.product-card{background:var(--paper);border:1px solid var(--line);border-radius:1.5rem;overflow:hidden;box-shadow:var(--shadow);display:flex;flex-direction:column}.product-top{min-height:18rem;padding:1.2rem;display:flex;justify-content:space-between;align-items:flex-start;color:#fff}.product-top strong{font-family:Anton,sans-serif;font-size:2.7rem;line-height:1}.product-top span{font-weight:950;text-transform:uppercase;letter-spacing:.16em}.product-body{padding:1.4rem;display:flex;flex-direction:column;gap:.75rem;flex:1}.product-body h3{font-family:Anton,sans-serif;text-transform:uppercase;font-size:2.5rem;line-height:1;margin:0}.product-body p{margin:0;color:var(--muted)}.flavour{font-weight:900;color:var(--ink)!important}.price-row{display:flex;align-items:center;justify-content:space-between;margin-top:auto;padding-top:1rem}.price{font-weight:950;font-size:1.2rem}.notify-link{background:transparent;border:0;color:var(--gold);font-weight:950;text-transform:uppercase;letter-spacing:.08em;cursor:pointer}
.collection{margin:0 clamp(1rem,5vw,5rem) clamp(3rem,7vw,6rem);background:var(--deep);color:#fff;border-radius:2rem;padding:clamp(2rem,5vw,4rem);display:flex;align-items:center;justify-content:space-between;gap:2rem}.collection p{max-width:50rem;color:#f4dfc8}
.story{display:grid;grid-template-columns:.9fr 1.1fr;gap:2rem;align-items:center;padding:clamp(3rem,7vw,6rem) clamp(1rem,5vw,5rem);background:#fff}.story-image{min-height:30rem;border-radius:2rem;background:radial-gradient(circle at 30% 20%,#f6c647,transparent 30%),radial-gradient(circle at 70% 40%,#d4422b,transparent 28%),linear-gradient(135deg,#1f7a4f,#3b2117);display:grid;place-items:center;color:#fff;font-family:Anton,sans-serif;font-size:clamp(2rem,5vw,4rem);text-align:center;text-transform:uppercase;padding:2rem}.story-copy p{color:var(--muted);font-size:1.05rem}
.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.steps article{background:var(--paper);border:1px solid var(--line);border-radius:1.3rem;padding:1.4rem}.steps span{font-family:Anton,sans-serif;font-size:3rem;color:var(--gold)}.steps h3{text-transform:uppercase;margin:.2rem 0}.steps p{color:var(--muted);margin:0}
.notify{display:grid;grid-template-columns:1fr 1fr;gap:2rem;align-items:start}.notify p{color:var(--muted)}.notify-form{background:var(--paper);border:1px solid var(--line);border-radius:1.5rem;padding:1.3rem;box-shadow:var(--shadow);display:grid;gap:1rem}.notify-form label span{display:block;font-weight:900;text-transform:uppercase;font-size:.72rem;letter-spacing:.1em;margin-bottom:.35rem}.notify-form input,.notify-form select{width:100%;padding:1rem;border:1px solid var(--line);border-radius:.8rem;background:#fff}
.cart{position:fixed;inset:0;z-index:20;pointer-events:none;opacity:0;transition:.2s}.cart.open{opacity:1;pointer-events:auto}.cart-backdrop{position:absolute;inset:0;background:rgba(0,0,0,.35)}.cart-drawer{position:absolute;right:0;top:0;height:100%;width:min(92vw,430px);background:var(--paper);box-shadow:-20px 0 70px rgba(0,0,0,.2);padding:1.2rem;display:flex;flex-direction:column;transform:translateX(100%);transition:.25s}.cart.open .cart-drawer{transform:translateX(0)}.cart-header,.cart-line,.subtotal{display:flex;justify-content:space-between;gap:1rem;align-items:center}.cart-header h2{font-family:Anton,sans-serif;text-transform:uppercase;font-size:2.5rem;margin:0}.cart-header button{border:0;background:none;font-size:2rem;cursor:pointer}.cart-items{flex:1;overflow:auto;padding:1rem 0}.cart-line{border-bottom:1px solid var(--line);padding:1rem 0}.cart-line strong{display:block}.qty{display:flex;align-items:center;gap:.5rem}.qty button{border:1px solid var(--line);background:#fff;border-radius:999px;width:2rem;height:2rem;cursor:pointer}.cart-footer{border-top:1px solid var(--line);padding-top:1rem}.cart-footer p{color:var(--muted);font-size:.9rem}.checkout{width:100%}.checkout.is-disabled{opacity:.55;pointer-events:none;cursor:not-allowed}.empty{color:var(--muted);text-align:center;padding:3rem 1rem}
.footer{background:var(--ink);color:#fff;padding:clamp(3rem,7vw,5rem) clamp(1rem,5vw,5rem);display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:2rem}.footer p{color:#d7cabc}.footer h3{text-transform:uppercase;color:var(--gold)}.footer a{display:block;margin:.45rem 0;color:#fff}.socials{display:flex;gap:.7rem}.socials a{border:1px solid rgba(255,255,255,.2);border-radius:999px;padding:.45rem .65rem;font-weight:900}.copyright{grid-column:1/-1;border-top:1px solid rgba(255,255,255,.14);padding-top:1.5rem;margin-top:1rem}
@media (max-width:900px){.nav-toggle{display:block}.nav{position:absolute;left:0;right:0;top:100%;background:var(--cream);border-bottom:1px solid var(--line);padding:1rem;display:none;flex-direction:column;align-items:flex-start;z-index:50;box-shadow:0 8px 24px rgba(0,0,0,.12)}.nav.open{display:flex}.hero,.story,.notify{grid-template-columns:1fr}.product-grid,.steps,.footer{grid-template-columns:1fr}.collection{align-items:flex-start;flex-direction:column}.hero-card{min-height:27rem}.site-header{padding:1rem}.brand-text{display:none}}


/* Product imagery */
.hero-product-card{display:flex;flex-direction:column;align-items:stretch;justify-content:flex-end;gap:0;padding:1.5rem;background:linear-gradient(160deg,#fff7ec,#f8dfc5)}
.hero-product-card-title{font-family:Anton,sans-serif;font-size:clamp(1rem,2vw,1.4rem);text-transform:uppercase;letter-spacing:.06em;color:var(--ink);text-align:center;margin-bottom:1rem;line-height:1.2}.hero-product-card-imgs{display:flex;align-items:flex-end;justify-content:center;gap:clamp(.5rem,1.4vw,1rem);flex:1}.hero-product-card img{width:31%;max-height:22rem;object-fit:contain;object-position:bottom;border-radius:1rem;filter:drop-shadow(0 18px 28px rgba(45,25,8,.18));transition:transform .3s}.hero-product-card img:hover{transform:translateY(-8px) scale(1.04)}
.product-image-wrap{position:relative;background:#f7dfc9;min-height:21rem;display:grid;place-items:center;overflow:visible;padding:3.1rem 0 .35rem}.product-image{width:100%;height:21rem;object-fit:cover;object-position:center}.product-badge{position:absolute;left:1rem;right:1rem;top:.7rem;display:flex;align-items:center;justify-content:space-between;color:#fff;border-radius:999px;padding:.55rem .8rem;box-shadow:0 10px 30px rgba(0,0,0,.16);z-index:2}.product-badge strong{font-family:Anton,sans-serif;font-size:1.1rem;letter-spacing:.04em}.product-badge span{font-weight:950;text-transform:uppercase;letter-spacing:.16em;font-size:.75rem}
@media (max-width:900px){.hero-product-card{min-height:auto}.hero-product-card img{width:32%;max-height:16rem}.product-image-wrap{padding-top:2.8rem}.product-image{height:18.5rem}}

/* ── WHAT IS IT SECTION ─────────────────────────────────────── */
.what-is-it{padding:clamp(3rem,7vw,6rem) clamp(1rem,5vw,5rem);background:#fff}
.what-inner{max-width:72rem;margin:0 auto;text-align:center}
.what-inner h2{font-family:Anton,sans-serif;font-size:clamp(2rem,5vw,4rem);line-height:1;text-transform:uppercase;margin:.5rem 0 1.2rem}
.what-desc{color:var(--muted);font-size:1.05rem;max-width:52rem;margin:0 auto 3rem;line-height:1.7}
.what-pillars{display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem;margin-top:2rem}
.pillar{background:var(--cream);border:1px solid var(--line);border-radius:1.2rem;padding:1.6rem 1.2rem;text-align:center}
.pillar-icon{font-size:2rem;display:block;margin-bottom:.6rem}
.pillar strong{display:block;font-weight:900;text-transform:uppercase;font-size:.82rem;letter-spacing:.06em;margin-bottom:.4rem}
.pillar p{color:var(--muted);font-size:.85rem;margin:0}
@media(max-width:900px){.what-pillars{grid-template-columns:1fr 1fr}}

/* ── PRODUCT CARD TRANSLATION ───────────────────────────────── */
.product-translation{font-style:italic;color:var(--gold);font-size:.9rem;margin:.1rem 0 .4rem;font-weight:600}
.product-image-link{display:block;text-decoration:none;color:inherit}

/* ── PRODUCT PAGE SECTIONS ──────────────────────────────────── */
.product-page{border-top:4px solid var(--line);scroll-margin-top:5rem}
.product-page-hero{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:2rem;padding:clamp(2rem,5vw,5rem) clamp(1rem,5vw,5rem);min-height:28rem}
.product-page-hero-red{background:linear-gradient(135deg,#c03b26,#7a1a0a)}
.product-page-hero-green{background:linear-gradient(135deg,#1f7a4f,#0d4028)}
.product-page-hero-gold{background:linear-gradient(135deg,#8b3a1a,#4a1a08)}
.product-page-img{width:100%;max-width:340px;border-radius:1rem;filter:drop-shadow(0 20px 40px rgba(0,0,0,.5));justify-self:center;object-fit:contain;max-height:380px}
.product-page-title{color:#fff}
.eyebrow-light{color:rgba(255,255,255,.7)!important}
.product-page-h2{font-family:Anton,sans-serif;font-size:clamp(2.5rem,7vw,5rem);line-height:.95;text-transform:uppercase;margin:.3rem 0 1rem;color:#fff}
.product-page-translation{font-size:1.1rem;color:rgba(255,255,255,.8);line-height:1.6;max-width:36rem}
.product-page-body{padding:clamp(2rem,5vw,4rem) clamp(1rem,5vw,5rem);display:grid;grid-template-columns:1fr 1fr;gap:2rem;background:var(--paper)}
.product-page-story,.product-page-how{grid-column:span 1}
.product-page-ingredients,.product-page-dishes,.product-page-macros{grid-column:span 1}
.product-page-cta{grid-column:1/-1;display:flex;align-items:center;gap:1.5rem;padding-top:1rem;border-top:1px solid var(--line)}
.product-page-body h3{font-family:Anton,sans-serif;font-size:1.5rem;text-transform:uppercase;margin:0 0 .8rem;letter-spacing:.04em}
.product-page-body p{color:var(--muted);line-height:1.7;margin:0}
.ingredient-tags{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.5rem}
.ingredient-tags span{background:var(--cream);border:1px solid var(--line);padding:.35rem .8rem;border-radius:999px;font-size:.82rem;font-weight:700}
.dish-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-top:.8rem}
.dish-card{background:var(--cream);border:1px solid var(--line);border-radius:1rem;padding:1rem;text-align:center}
.dish-icon{font-size:1.8rem;margin-bottom:.4rem}
.dish-card strong{display:block;font-weight:900;text-transform:uppercase;font-size:.8rem;letter-spacing:.04em;margin-bottom:.3rem}
.dish-card p{font-size:.82rem;color:var(--muted);margin:0}
.cook-steps{padding-left:1.2rem;margin:.5rem 0 0;display:flex;flex-direction:column;gap:.6rem}
.cook-steps li{color:var(--muted);font-size:.95rem;line-height:1.5}
.macro-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:.6rem;margin-top:.8rem}
.macro-card{background:var(--cream);border:1px solid var(--line);border-radius:.8rem;padding:.8rem .4rem;text-align:center}
.macro-card strong{display:block;font-family:Anton,sans-serif;font-size:1.3rem;color:var(--ink)}
.macro-card span{font-size:.7rem;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);font-weight:700}
.price-big{font-weight:950;font-size:1.6rem}
.price-big small{font-size:.85rem;color:var(--muted);font-weight:400}

/* ── WHATSAPP WIDGET ────────────────────────────────────────── */
.whatsapp-widget{
  position:fixed;bottom:1.5rem;right:1.5rem;z-index:100;
  background:#25d366;color:#fff;
  display:flex;align-items:center;gap:.6rem;
  padding:.75rem 1.2rem;border-radius:999px;
  font-weight:700;font-size:.88rem;
  box-shadow:0 8px 24px rgba(37,211,102,.4);
  transition:transform .2s,box-shadow .2s;
  text-decoration:none;
}
.whatsapp-widget:hover{transform:translateY(-3px);box-shadow:0 12px 32px rgba(37,211,102,.5)}

/* ── NOTIFY TEXTAREA ────────────────────────────────────────── */
.notify-form textarea{width:100%;padding:1rem;border:1px solid var(--line);border-radius:.8rem;background:#fff;resize:vertical;font:inherit}

/* ── PRODUCT IMAGE FIX (full jar visible, no crop) ─────────── */
.product-image-wrap{min-height:22rem;padding:1.2rem;display:grid;place-items:center;overflow:visible}
.product-image{width:100%;height:auto;max-height:22rem;object-fit:contain;display:block}

@media(max-width:900px){
  .product-page-hero{grid-template-columns:1fr}
  .product-page-body{grid-template-columns:1fr}
  .product-page-story,.product-page-how,.product-page-ingredients,.product-page-dishes,.product-page-macros{grid-column:span 1}
  .macro-grid{grid-template-columns:repeat(3,1fr)}
  .dish-grid{grid-template-columns:1fr}
  .product-page-img{max-width:220px}
  .whatsapp-widget span{display:none}
  .whatsapp-widget{padding:.85rem}
}

/* ── COLLECTION PRICING REDESIGN ────────────────────────────── */
.collection{margin:0 clamp(1rem,5vw,5rem) clamp(3rem,7vw,6rem);background:var(--deep);color:#fff;border-radius:2rem;padding:clamp(2rem,5vw,4rem);display:flex;align-items:center;justify-content:space-between;gap:3rem;position:relative;overflow:hidden}
.collection::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 20% 50%,rgba(192,59,38,.3),transparent 60%);pointer-events:none}
.collection-text{position:relative;z-index:1}
.collection-text p{max-width:50rem;color:#f4dfc8}
.collection-perks{display:flex;flex-wrap:wrap;gap:.6rem 1.5rem;margin-top:1.2rem}
.collection-perks span{color:var(--gold);font-weight:700;font-size:.88rem;letter-spacing:.04em}
.collection-price-block{position:relative;z-index:1;flex-shrink:0;background:rgba(255,255,255,.08);border:1px solid rgba(245,194,16,.3);border-radius:1.5rem;padding:1.8rem 2rem;text-align:center;min-width:220px}
.collection-deal-badge{background:var(--gold);color:var(--deep);font-family:Anton,sans-serif;font-size:.95rem;letter-spacing:.12em;padding:.35rem 1rem;border-radius:999px;display:inline-block;margin-bottom:.8rem;animation:pulseBadge 2s ease-in-out infinite}
@keyframes pulseBadge{0%,100%{box-shadow:0 0 0 0 rgba(167,128,9,.5)}50%{box-shadow:0 0 0 8px rgba(167,128,9,0)}}
.collection-was{font-size:.82rem;color:rgba(255,255,255,.45);text-decoration:line-through;margin-bottom:.4rem}
.collection-now{display:flex;align-items:center;justify-content:center;gap:.8rem;margin-bottom:.3rem}
.collection-price-big{font-family:Anton,sans-serif;font-size:3.5rem;color:var(--gold);line-height:1;letter-spacing:.04em}
.collection-save{background:#2a6b3a;color:#7dffa0;font-weight:900;font-size:.78rem;letter-spacing:.08em;padding:.3rem .7rem;border-radius:.5rem;text-transform:uppercase}
.collection-per{font-size:.78rem;color:rgba(255,255,255,.5);margin-bottom:1.2rem;letter-spacing:.04em}
.collection-btn{background:var(--gold);color:var(--deep);font-weight:900;width:100%;justify-content:center;font-size:.9rem;padding:1rem;border-radius:.8rem;letter-spacing:.06em;transition:transform .2s,box-shadow .2s}
.collection-btn:hover{transform:translateY(-2px);box-shadow:0 8px 24px rgba(167,128,9,.45)}
@media(max-width:900px){.collection{flex-direction:column;align-items:flex-start}.collection-price-block{width:100%}}

/* ── PRODUCT PAGE HERO PRICE ─────────────────────────────────── */
.product-page-hero-price{display:flex;align-items:center;gap:1rem;margin-top:1.5rem;flex-wrap:wrap}
.product-page-hero-price .price-big{color:#fff;font-size:1.8rem}
.product-page-hero-price .price-big small{color:rgba(255,255,255,.6)}

/* ── ABOUT PAGE ──────────────────────────────────────────────── */
.about-hero{background:var(--deep);color:#fff;padding:clamp(4rem,10vw,9rem) clamp(1rem,5vw,5rem) clamp(3rem,7vw,6rem);position:relative;overflow:hidden}
.about-hero::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 70% 50%,rgba(192,59,38,.35),transparent 60%);pointer-events:none}
.about-hero-inner{position:relative;z-index:1;max-width:70rem}
.about-hero h1{font-family:Anton,sans-serif;font-size:clamp(2.8rem,8vw,7rem);line-height:.95;text-transform:uppercase;letter-spacing:.03em;margin:.5rem 0 1.2rem;color:#fff}
.about-hero-sub{font-size:1.15rem;color:#d4c8b8;max-width:48rem;line-height:1.7}

.about-chapter{padding:clamp(3rem,7vw,6rem) clamp(1rem,5vw,5rem);background:var(--paper)}
.about-chapter-dark{background:var(--cream)}
.about-chapter-inner{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center;max-width:80rem;margin:0 auto}
.about-chapter-alt{direction:ltr}
.about-chapter-text p{color:var(--muted);font-size:1.05rem;line-height:1.8;margin-bottom:1rem}
.about-chapter-text h2{font-family:Anton,sans-serif;font-size:clamp(2rem,5vw,3.8rem);line-height:.95;text-transform:uppercase;margin:.4rem 0 1.4rem}
.about-chapter-visual{min-height:28rem;border-radius:2rem;display:grid;place-items:center;font-family:Anton,sans-serif;font-size:clamp(1.5rem,4vw,3rem);text-align:center;text-transform:uppercase;padding:2rem;color:#fff}
.about-visual-1{background:radial-gradient(circle at 30% 30%,#c03b26,#7a1a0a)}
.about-visual-2{background:radial-gradient(circle at 60% 40%,#1f7a4f,#0d3020)}
.about-visual-3{background:radial-gradient(circle at 40% 60%,#8b3a1a,#3a1005)}

.about-values{padding:clamp(3rem,7vw,6rem) clamp(1rem,5vw,5rem);background:var(--deep);color:#fff}
.about-values-inner{max-width:80rem;margin:0 auto}
.about-values h2{font-family:Anton,sans-serif;font-size:clamp(2rem,5vw,4rem);line-height:.95;text-transform:uppercase;margin:.5rem 0 3rem;color:#fff}
.values-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem}
.value-card{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);border-radius:1.3rem;padding:1.6rem}
.value-icon{font-size:2rem;display:block;margin-bottom:.8rem}
.value-card h3{text-transform:uppercase;font-size:.95rem;letter-spacing:.06em;margin:.3rem 0 .6rem;color:#fff}
.value-card p{color:#d4c8b8;font-size:.9rem;line-height:1.6;margin:0}

.about-founder{padding:clamp(3rem,7vw,6rem) clamp(1rem,5vw,5rem);background:var(--paper)}
.about-founder-inner{display:grid;grid-template-columns:.9fr 1.1fr;gap:4rem;align-items:center;max-width:80rem;margin:0 auto}
.about-founder-img{border-radius:2rem;overflow:hidden;min-height:32rem;background:radial-gradient(circle at 35% 40%,#c03b26,#3b1208);display:grid;place-items:center}
.founder-photo-placeholder{width:100%;height:100%;object-fit:cover;border-radius:2rem;min-height:32rem}
.about-founder-text h2{font-family:Anton,sans-serif;font-size:clamp(2.5rem,6vw,5rem);line-height:.95;text-transform:uppercase;margin:.4rem 0 .3rem}
.founder-title-text{text-transform:uppercase;letter-spacing:.18em;font-weight:900;color:var(--gold);font-size:.78rem;margin-bottom:1.5rem}
.founder-quote{border-left:3px solid var(--red);padding:.5rem 0 .5rem 1.5rem;margin:1.2rem 0 1.2rem;font-style:italic;font-size:1.05rem;color:var(--ink);line-height:1.7}
.about-founder-text p{color:var(--muted);font-size:1rem;line-height:1.8}
.founder-cta{display:flex;gap:1rem;flex-wrap:wrap;margin-top:1.8rem}

@media(max-width:900px){
  .about-chapter-inner,.about-founder-inner{grid-template-columns:1fr;gap:2rem}
  .values-grid{grid-template-columns:1fr 1fr}
  .about-chapter-alt .about-chapter-visual{order:-1}
  .about-founder-img{min-height:22rem}
  .founder-photo-placeholder{min-height:22rem}
}

/* ── HERO JARS — FILL THE WHOLE BOX ─────────────────────────── */
.hero-product-card { padding: 1.2rem 1.2rem 0; overflow: hidden; }
.hero-product-card-title { font-family: Anton,sans-serif; font-size: clamp(1rem,2vw,1.4rem); text-transform: uppercase; letter-spacing: .06em; color: var(--ink); text-align: center; margin-bottom: .8rem; }
.hero-product-card-imgs { display: flex; align-items: flex-end; justify-content: center; gap: clamp(.3rem,1vw,.6rem); height: calc(100% - 2.5rem); }
.hero-product-card-imgs a { flex: 1; display: flex; align-items: flex-end; justify-content: center; overflow: hidden; }
.hero-product-card-imgs img { width: 100%; height: auto; max-height: 32rem; object-fit: contain; object-position: bottom; border-radius: .5rem .5rem 0 0; filter: drop-shadow(0 12px 20px rgba(45,25,8,.2)); transition: transform .3s; }
.hero-product-card-imgs img:hover { transform: translateY(-8px) scale(1.03); }
@media(max-width:900px){ .hero-product-card-imgs img { max-height:18rem; } }

/* ── COLLECTION — BRIGHTER ───────────────────────────────────── */
.collection { background: linear-gradient(135deg, #2a0e06, #4a1a08, #3b1005) !important; border: 1px solid rgba(245,194,16,.2); }
.collection h2 { color: #fff; }
.collection-price-block { background: rgba(245,194,16,.12); border: 1.5px solid rgba(245,194,16,.5); }
.collection-price-big { font-size: 4rem !important; }

/* ── HERO JARS BIGGER, NO WHITE SPACE ───────────────────────── */
.hero-card.hero-product-card {
  min-height: 38rem !important;
  padding: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  overflow: hidden !important;
}
.hero-product-card-title {
  font-size: clamp(1.1rem,2.2vw,1.6rem) !important;
  padding: 1.2rem 1.2rem .6rem !important;
  margin: 0 !important;
  background: linear-gradient(160deg,#fff7ec,#f8dfc5) !important;
}
.hero-product-card-imgs {
  flex: 1 !important;
  height: 100% !important;
  padding: 0 .5rem !important;
  gap: .3rem !important;
  align-items: flex-end !important;
  background: linear-gradient(160deg,#fff7ec,#f8dfc5) !important;
}
.hero-product-card-imgs a {
  flex: 1 !important;
  height: 100% !important;
  display: flex !important;
  align-items: flex-end !important;
}
.hero-product-card-imgs img {
  width: 100% !important;
  height: auto !important;
  max-height: none !important;
  object-fit: contain !important;
  object-position: bottom !important;
  border-radius: 0 !important;
  display: block !important;
}
@media(max-width:900px){
  .hero-card.hero-product-card { min-height: 28rem !important; }
}

/* ── COLLECTION — BRIGHT YELLOW ACCENTS ─────────────────────── */
.collection-deal-badge {
  background: #FFD700 !important;
  color: #1a0a02 !important;
  font-size: 1rem !important;
  font-weight: 900 !important;
  box-shadow: 0 0 20px rgba(255,215,0,.6) !important;
}
.collection-price-big {
  color: #FFD700 !important;
  font-size: 4.5rem !important;
  text-shadow: 0 0 30px rgba(255,215,0,.4) !important;
}
.collection-save {
  background: #22c55e !important;
  color: #fff !important;
  font-size: .85rem !important;
}
.collection-per {
  color: #FFD700 !important;
  font-size: .88rem !important;
  font-weight: 700 !important;
  letter-spacing: .06em !important;
}
.collection-was {
  color: rgba(255,255,255,.55) !important;
}
.collection-btn {
  background: #FFD700 !important;
  color: #1a0a02 !important;
  font-size: 1rem !important;
  font-weight: 900 !important;
  letter-spacing: .08em !important;
  box-shadow: 0 6px 24px rgba(255,215,0,.4) !important;
}
.collection-btn:hover {
  background: #ffe94d !important;
  box-shadow: 0 10px 32px rgba(255,215,0,.6) !important;
}
.collection-price-block {
  border: 2px solid rgba(255,215,0,.6) !important;
  background: rgba(255,215,0,.08) !important;
}

/* ── HERO JARS — FILL ENTIRE BOX, NO EMPTY SPACE ─────────────── */
.hero-card.hero-product-card {
  min-height: 42rem !important;
  padding: 0 !important;
  border-radius: 2rem !important;
  overflow: hidden !important;
  display: flex !important;
  flex-direction: column !important;
  background: linear-gradient(160deg,#fff7ec,#f8dfc5) !important;
}
.hero-product-card-title {
  font-size: clamp(1.3rem,2.5vw,2rem) !important;
  padding: 1.4rem 1.5rem 1rem !important;
  margin: 0 !important;
  letter-spacing: .08em !important;
  text-align: center !important;
  flex-shrink: 0 !important;
}
.hero-product-card-imgs {
  flex: 1 !important;
  display: flex !important;
  align-items: stretch !important;
  gap: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  overflow: hidden !important;
}
.hero-product-card-imgs a {
  flex: 1 !important;
  display: flex !important;
  align-items: flex-end !important;
  overflow: hidden !important;
  padding: 0 !important;
}
.hero-product-card-imgs img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: center top !important;
  border-radius: 0 !important;
  max-height: none !important;
  display: block !important;
  filter: drop-shadow(none) !important;
  transition: transform .3s ease !important;
}
.hero-product-card-imgs a:hover img {
  transform: scale(1.04) !important;
}
@media(max-width:900px){
  .hero-card.hero-product-card { min-height: 26rem !important; }
}

/* ── HERO JARS — SMALLER BOTTLES, NO WHITE SPACE ─────────────── */
.hero-card.hero-product-card {
  min-height: 36rem !important;
}
.hero-product-card-imgs {
  align-items: flex-end !important;
  padding: 0 1rem 0 !important;
  gap: .8rem !important;
}
.hero-product-card-imgs a {
  flex: 1 !important;
  display: flex !important;
  align-items: flex-end !important;
  justify-content: center !important;
}
.hero-product-card-imgs img {
  width: 85% !important;
  height: auto !important;
  max-height: 24rem !important;
  object-fit: contain !important;
  object-position: bottom !important;
  display: block !important;
}

/* Hero full width now image box is removed */
.hero { grid-template-columns: 1fr !important; max-width: 72rem; }
.hero-copy { padding-right: 0; }

/* ── 2026 Homepage pricing + hero product redesign ─────────── */
.announcement{
  background:linear-gradient(90deg,#5c160d,#8b2414,#5c160d) !important;
  color:#fff8e9 !important;
  font-weight:950 !important;
  text-transform:uppercase !important;
  letter-spacing:.08em !important;
  padding:.75rem 1rem !important;
  box-shadow:0 6px 20px rgba(70,20,10,.18);
}
.site-header{background:rgba(255,249,237,.95) !important}
.hero.hero-redesign{
  grid-template-columns:minmax(0,.95fr) minmax(26rem,1.05fr) !important;
  max-width:none !important;
  min-height:78vh;
  padding:clamp(2.3rem,5vw,5.5rem) clamp(1rem,5vw,5rem) clamp(2.4rem,5vw,4rem);
  gap:clamp(1.4rem,4vw,4rem);
  background:
    radial-gradient(circle at 85% 35%, rgba(167,128,9,.18), transparent 28rem),
    radial-gradient(circle at 5% 80%, rgba(192,59,38,.12), transparent 25rem),
    linear-gradient(180deg,#fff9ed,#fff4df);
  overflow:hidden;
}
.hero-redesign .hero-copy{position:relative;z-index:2;padding-right:0}
.hero-redesign h1{font-size:clamp(4.8rem,10.8vw,10.5rem);max-width:8ch;line-height:.95;letter-spacing:.02em}
.hero-redesign .tagline{letter-spacing:.22em;color:var(--red);margin:.7rem 0 1rem;font-size:clamp(.82rem,1.3vw,1rem)}
.hero-price-panel{
  display:inline-grid;
  grid-template-columns:1fr 1.2fr;
  border:1.5px solid rgba(124,42,22,.22);
  border-radius:1rem;
  overflow:hidden;
  margin:1.25rem 0 1rem;
  background:rgba(255,255,255,.68);
  box-shadow:0 14px 38px rgba(45,25,8,.08);
}
.hero-price-panel div{padding:.9rem 1.25rem;display:grid;place-items:center;text-align:center;min-width:10rem}
.hero-price-panel div+div{border-left:1px solid rgba(124,42,22,.18)}
.hero-price-panel strong{font-family:Anton,sans-serif;font-size:clamp(1.8rem,3.2vw,2.7rem);line-height:1;color:#7a1e11;letter-spacing:.04em;text-transform:uppercase}
.hero-price-panel span{text-transform:uppercase;font-size:.72rem;font-weight:950;letter-spacing:.12em;color:var(--deep)}
.delivery-promo{display:flex;flex-wrap:wrap;gap:.8rem;margin:.4rem 0 0;color:var(--deep);font-weight:900;font-size:.9rem}
.delivery-promo span{display:inline-flex;align-items:center;gap:.4rem;background:#fff;border:1px solid var(--line);border-radius:999px;padding:.65rem .9rem}
.deal-button{background:#bd8508;color:#fff;box-shadow:0 14px 28px rgba(167,128,9,.25)}
.hero-product-stage{
  position:relative;
  min-height:38rem;
  display:grid;
  place-items:end center;
  border-radius:2rem;
  background:
    radial-gradient(ellipse at 50% 78%, rgba(59,33,23,.22), transparent 48%),
    radial-gradient(circle at 62% 35%, rgba(255,255,255,.86), transparent 22rem),
    linear-gradient(145deg,#fff8ed,#f6dfc2);
  border:1px solid rgba(23,18,11,.10);
  box-shadow:var(--shadow);
  overflow:hidden;
  padding:5.2rem 1.2rem 1.4rem;
}
.hero-product-stage::before{content:'';position:absolute;left:10%;right:10%;bottom:2.2rem;height:3.5rem;background:rgba(83,44,23,.16);filter:blur(22px);border-radius:50%}
.jar-cluster{position:relative;z-index:2;width:min(100%,43rem);height:31rem;display:flex;align-items:flex-end;justify-content:center}
.jar{position:absolute;bottom:0;display:block;transition:transform .25s ease;filter:drop-shadow(0 18px 25px rgba(45,25,8,.20))}
.jar img{display:block;width:100%;height:auto;border-radius:1rem}
.jar-left{width:34%;left:5%;transform:rotate(-7deg) translateY(.3rem)}
.jar-centre{width:39%;left:31%;z-index:3;transform:translateY(-.9rem)}
.jar-right{width:34%;right:4%;transform:rotate(7deg) translateY(.1rem)}
.jar:hover{transform:translateY(-.9rem) scale(1.02)}
.jar-left:hover{transform:rotate(-5deg) translateY(-.9rem) scale(1.02)}
.jar-right:hover{transform:rotate(5deg) translateY(-.9rem) scale(1.02)}
.hero-feature-pill{position:absolute;z-index:4;top:1.35rem;background:rgba(255,255,255,.82);backdrop-filter:blur(8px);border:1px solid rgba(23,18,11,.1);border-radius:1rem;padding:1rem 1.25rem;display:flex;align-items:center;justify-content:center;gap:.65rem;font-weight:950;text-transform:uppercase;letter-spacing:.05em;font-size:1.04rem;line-height:1.05;box-shadow:0 10px 28px rgba(45,25,8,.08);min-width:10.5rem;text-align:center}
.pill-one{left:1rem}.pill-two{left:50%;transform:translateX(-50%)}.pill-three{right:1rem}
.hero-spices{position:absolute;z-index:2;bottom:1.3rem;left:12%;font-size:1.8rem;letter-spacing:.8rem;opacity:.85}
.collection-was{text-decoration:none !important;color:#FFD700 !important;font-weight:900;text-transform:uppercase;letter-spacing:.08em}
.collection-save{text-transform:uppercase}
@media(max-width:1050px){
  .hero.hero-redesign{grid-template-columns:1fr !important;max-width:none !important}
  .hero-redesign h1{max-width:none}
  .hero-product-stage{min-height:33rem}
  .jar-cluster{height:27rem}
}
@media(max-width:650px){
  .hero-price-panel{grid-template-columns:1fr;width:100%}
  .hero-price-panel div+div{border-left:0;border-top:1px solid rgba(124,42,22,.18)}
  .hero-product-stage{min-height:25rem;padding-top:6rem}
  .jar-cluster{height:18rem}
  .hero-feature-pill{font-size:.8rem;padding:.7rem .8rem;min-width:8rem}
  .pill-one{left:.55rem}.pill-three{right:.55rem}
}

/* ── MOBILE POLISH PASS ─────────────────────────────────────── */
@media (max-width: 900px) {
  body { overflow-x: hidden; }

  .site-header {
    padding: .85rem 1rem !important;
  }

  .nav {
    padding: .9rem 1rem 1.1rem !important;
    gap: .7rem !important;
    box-shadow: 0 18px 34px rgba(45,25,8,.12);
  }

  .nav a,
  .nav .basket-button {
    width: 100%;
    background: rgba(255,255,255,.92);
    border: 1px solid rgba(23,18,11,.09);
    border-radius: 1rem;
    padding: .95rem 1rem;
  }

  .nav .basket-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
  }

  .section-heading h2,
  .collection h2,
  .how h2,
  .notify h2,
  .about-chapter-text h2,
  .about-founder-text h2 {
    font-size: clamp(2.1rem, 11vw, 3.6rem);
  }

  .collection {
    margin: 0 1rem 3rem !important;
    padding: 1.5rem !important;
    border-radius: 1.5rem !important;
  }

  .collection-price-block {
    width: 100%;
    padding: 1.4rem 1.1rem;
  }

  .collection-now {
    flex-direction: column;
    gap: .4rem;
  }

  .price-row {
    flex-direction: column;
    align-items: stretch;
    gap: .85rem;
  }

  .price-row .button,
  .product-page-cta .button,
  .notify-form .button {
    width: 100%;
  }

  .footer {
    padding: 2.3rem 1rem;
    gap: 1.5rem;
  }

  .cart-drawer {
    width: 100vw;
    max-width: 100vw;
  }
}

@media (max-width: 700px) {
  .announcement {
    font-size: .74rem !important;
    line-height: 1.35;
    padding: .7rem .8rem !important;
    letter-spacing: .05em !important;
  }

  .brand-mark {
    font-size: 1.45rem;
    letter-spacing: .12em;
  }

  .hero.hero-redesign {
    min-height: auto;
    padding: 1.35rem 1rem 2rem !important;
    gap: 1.2rem !important;
  }

  .hero-redesign .hero-copy {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
  }

  .hero-redesign .eyebrow {
    font-size: .68rem;
    letter-spacing: .12em;
    margin-bottom: .75rem;
  }

  .hero-redesign h1 {
    font-size: clamp(4rem, 22vw, 5.9rem) !important;
    line-height: .92 !important;
    max-width: 4.9ch !important;
    margin-inline: auto;
  }

  .hero-redesign .tagline {
    font-size: .78rem !important;
    letter-spacing: .12em !important;
    line-height: 1.35;
    margin: .8rem 0 .95rem !important;
  }

  .hero-intro {
    font-size: .98rem;
    line-height: 1.6;
    max-width: 32rem;
  }

  .hero-price-panel {
    width: 100%;
    max-width: 28rem;
  }

  .hero-price-panel div {
    min-width: 0;
    padding: .95rem .85rem;
  }

  .delivery-promo {
    width: 100%;
    flex-direction: column;
    align-items: stretch;
    gap: .55rem;
  }

  .delivery-promo span {
    width: 100%;
    justify-content: center;
    text-align: center;
    border-radius: .9rem;
  }

  .hero-actions {
    width: 100%;
    flex-direction: column;
    gap: .8rem;
    margin-top: 1.35rem;
  }

  .hero-actions .button {
    width: 100%;
  }

  .hero-product-stage {
    min-height: 30rem !important;
    padding: 6.25rem .8rem 1rem !important;
    border-radius: 1.5rem;
  }

  .hero-feature-pill {
    top: .9rem !important;
    width: calc(33.333% - .6rem);
    min-width: 0 !important;
    padding: .8rem .35rem !important;
    gap: .28rem !important;
    font-size: .8rem !important;
    line-height: 1.05 !important;
    border-radius: .9rem !important;
    flex-direction: column;
  }

  .hero-feature-pill span {
    display: block;
  }

  .pill-one { left: .7rem !important; }
  .pill-two { left: 50%; transform: translateX(-50%) !important; }
  .pill-three { right: .7rem !important; }

  .jar-cluster {
    width: 100%;
    height: 20rem !important;
  }

  .jar-left {
    width: 35%;
    left: 2%;
    transform: rotate(-6deg) translateY(.2rem);
  }

  .jar-centre {
    width: 41%;
    left: 29.5%;
    transform: translateY(-.35rem);
  }

  .jar-right {
    width: 35%;
    right: 2%;
    transform: rotate(6deg) translateY(.1rem);
  }

  .hero-spices {
    left: 50%;
    transform: translateX(-50%);
    font-size: 1.35rem;
    letter-spacing: .45rem;
  }

  .intro-strip {
    font-size: clamp(1.05rem, 5vw, 1.4rem);
  }

  .products-section,
  .how,
  .notify,
  .about-chapter,
  .about-founder,
  .about-values,
  .what-is-it {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .product-image-wrap {
    min-height: 18rem;
    padding: 1rem;
  }

  .product-body h3 {
    font-size: 2rem;
  }

  .steps {
    gap: .85rem;
  }

  .steps article,
  .notify-form {
    padding: 1.1rem;
  }

  .notify {
    gap: 1.2rem;
  }

  .product-page-hero {
    padding: 1.4rem 1rem 1.8rem;
    gap: 1rem;
  }

  .product-page-h2 {
    font-size: clamp(2rem, 11vw, 3.4rem);
  }

  .product-page-translation {
    font-size: 1rem;
  }

  .product-page-img {
    max-width: 210px;
  }

  .product-page-hero-price,
  .product-page-cta {
    flex-direction: column;
    align-items: stretch;
    gap: .9rem;
  }
}

@media (max-width: 420px) {
  .announcement {
    font-size: .7rem !important;
  }

  .hero-redesign h1 {
    font-size: clamp(3.7rem, 23vw, 5rem) !important;
    max-width: 4.8ch !important;
  }

  .hero-feature-pill {
    font-size: .7rem !important;
    padding: .7rem .25rem !important;
  }

  .hero-product-stage {
    min-height: 27rem !important;
    padding-top: 5.8rem !important;
  }

  .jar-cluster {
    height: 17rem !important;
  }

  .product-body h3 {
    font-size: 1.85rem;
  }
}


/* ══════════════════════════════════════════════════
   MARQUEE ANNOUNCEMENT BANNER
══════════════════════════════════════════════════ */
.announcement {
  overflow: hidden !important;
  white-space: nowrap !important;
  padding: 0 !important;
  height: 2.4rem;
  display: flex;
  align-items: center;
}
.marquee-track {
  display: inline-flex;
  animation: marqueeScroll 22s linear infinite;
  white-space: nowrap;
}
.marquee-track span {
  display: inline-block;
  padding: 0 3rem;
  font-size: .82rem;
  letter-spacing: .06em;
  font-weight: 700;
}
.marquee-track span.sep { color: var(--gold); opacity: .7; padding: 0 .5rem; }
@keyframes marqueeScroll {
  from { transform: translateX(0); }
  to   { transform: translateX(-50%); }
}

/* ══════════════════════════════════════════════════
   DISCOUNT PRICING
══════════════════════════════════════════════════ */
.price-discount-block {
  display: flex;
  align-items: center;
  gap: .5rem;
  flex-wrap: wrap;
}
.price-was {
  font-size: .85rem;
  color: var(--muted);
  text-decoration: line-through;
  font-weight: 600;
}
.price-save-badge {
  background: #22c55e;
  color: #fff;
  font-size: .7rem;
  font-weight: 900;
  padding: .2rem .55rem;
  border-radius: 999px;
  letter-spacing: .04em;
  text-transform: uppercase;
}

/* ══════════════════════════════════════════════════
   JAR SHOWCASE — REDUCE GAP, MAKE JARS BIGGER
══════════════════════════════════════════════════ */
.hero-card { padding: 1rem 1rem 0 !important; }
.feature-pills { margin-bottom: .8rem !important; }
.jar-showcase { gap: 0 !important; padding: 0 !important; margin-top: -1rem !important; }
.jar-showcase-card { margin: 0 !important; }
.jar-showcase-card img { transform: scale(1.05) !important; transform-origin: bottom center !important; }

/* ══════════════════════════════════════════════════
   WOW EFFECTS — HOVER, SCROLL, ANIMATIONS
══════════════════════════════════════════════════ */

/* Product cards lift on hover */
.product-card {
  transition: transform .3s cubic-bezier(.23,1,.32,1), box-shadow .3s !important;
}
.product-card:hover {
  transform: translateY(-6px) !important;
  box-shadow: 0 32px 80px rgba(45,25,8,.2) !important;
}

/* Product image zoom on hover */
.product-image-wrap { overflow: hidden !important; }
.product-image {
  transition: transform .5s cubic-bezier(.23,1,.32,1) !important;
}
.product-card:hover .product-image {
  transform: scale(1.06) !important;
}

/* Reveal on scroll */
/* Reveal — only animate if JS has loaded, otherwise show immediately */
.reveal, .reveal-left, .reveal-right {
  transition: opacity .7s ease, transform .7s cubic-bezier(.16,1,.3,1);
}
.js-loaded .reveal { opacity: 0; transform: translateY(28px); }
.js-loaded .reveal.visible { opacity: 1; transform: translateY(0); }
.js-loaded .reveal-left { opacity: 0; transform: translateX(-28px); }
.js-loaded .reveal-left.visible { opacity: 1; transform: translateX(0); }
.js-loaded .reveal-right { opacity: 0; transform: translateX(28px); }
.js-loaded .reveal-right.visible { opacity: 1; transform: translateX(0); }

/* Stagger children */
.js-loaded .reveal-stagger > * { opacity: 0; transform: translateY(20px); transition: opacity .6s ease, transform .6s cubic-bezier(.16,1,.3,1); }
.js-loaded .reveal-stagger.visible > *:nth-child(1) { opacity:1; transform:none; transition-delay:.0s; }
.js-loaded .reveal-stagger.visible > *:nth-child(2) { opacity:1; transform:none; transition-delay:.12s; }
.js-loaded .reveal-stagger.visible > *:nth-child(3) { opacity:1; transform:none; transition-delay:.24s; }
.js-loaded .reveal-stagger.visible > *:nth-child(4) { opacity:1; transform:none; transition-delay:.36s; }

/* Button pulse */
@keyframes btnPulse {
  0%,100% { box-shadow: 0 14px 28px rgba(192,59,38,.25); }
  50%     { box-shadow: 0 20px 40px rgba(192,59,38,.45); }
}
.primary { animation: btnPulse 3s ease-in-out infinite; }

/* Gold strip ticker */
.intro-strip { overflow: hidden; }
.intro-strip-inner {
  display: inline-flex;
  animation: marqueeScroll 18s linear infinite;
  white-space: nowrap;
}
.intro-strip-inner span { padding: .4rem 2rem; display: inline-block; }
.intro-strip-inner .dot { padding: 0; opacity: .5; }

/* Collection badge pulse */
@keyframes glowPulse {
  0%,100% { box-shadow: 0 0 0 0 rgba(255,215,0,.4); }
  50%     { box-shadow: 0 0 0 10px rgba(255,215,0,0); }
}
.collection-deal-badge { animation: glowPulse 2.5s ease-in-out infinite !important; }

/* Jar hover lift on product pages */
.product-page-img {
  transition: transform .4s cubic-bezier(.23,1,.32,1), filter .4s !important;
}
.product-page-img:hover {
  transform: scale(1.04) translateY(-8px) !important;
}

/* WhatsApp bounce */
@keyframes waBounce {
  0%,100% { transform: translateY(0); }
  50%     { transform: translateY(-6px); }
}
.whatsapp-widget { animation: waBounce 3s ease-in-out infinite; }
.whatsapp-widget:hover { animation: none !important; transform: scale(1.05) !important; }

/* ══════════════════════════════════════════════════
   MOBILE FIRST FIXES
══════════════════════════════════════════════════ */
@media (max-width: 900px) {
  .price-discount-block { gap: .4rem; }
  .product-page-hero { grid-template-columns: 1fr !important; padding: 2rem 1.2rem !important; }
  .product-page-body { grid-template-columns: 1fr !important; }
  .product-page-img { max-width: 240px !important; margin: 0 auto !important; }
  .macro-grid { grid-template-columns: repeat(3,1fr) !important; }
  .dish-grid { grid-template-columns: 1fr !important; }
  .about-chapter { grid-template-columns: 1fr !important; }
  .values-grid { grid-template-columns: 1fr !important; }
  .founder-inner { grid-template-columns: 1fr !important; }
}