/* PACK24: original lime, black and warm white. Shared across all pages. */
:root{--green:#a3e635;--green-dark:#527b10;--paper:#f6f7f2;--ink:#0a0a0a}
.topbar{height:88px;padding-inline:max(24px,calc((100vw - 1240px)/2));gap:28px}
.main-nav{margin-left:auto;margin-right:14px;gap:32px}
.main-nav a{color:#fff;opacity:.7}
.main-nav a.active,.main-nav a:hover{color:var(--green);opacity:1}
.main-nav a.active::after{bottom:-12px}
.nav-toggle span{background:#fff}
.mobile-nav{top:88px;z-index:29}
.brand-main{font-size:30px;letter-spacing:-1.8px}
.brand-sub{letter-spacing:3.3px}
.header-actions{display:none}
.primary-action{transition:background .2s,transform .2s}
.landing-wrap{width:min(1240px,calc(100% - 64px));margin-inline:auto}
.landing-hero{background:var(--ink);color:white;overflow:hidden}
.landing-grid{display:grid;grid-template-columns:1.06fr 1fr;gap:42px;padding-top:72px;padding-bottom:66px;align-items:center}
.landing-eyebrow{display:flex;align-items:center;gap:10px;font-size:10px;letter-spacing:1.8px;font-weight:700;color:#d1d2cb}
.landing-eyebrow i{width:7px;height:7px;background:var(--green);border-radius:50%;flex-shrink:0}
.landing-copy h1{font:800 clamp(44px,4.6vw,68px)/1.04 Manrope,sans-serif;letter-spacing:-3.2px;margin:28px 0 24px}
.landing-copy h1 span{color:var(--green)}
.landing-copy>p{max-width:485px;color:#b7bab1;font-size:16px;line-height:1.75;margin:0 0 30px}
.landing-actions{display:flex;align-items:center;gap:24px;flex-wrap:wrap}
.landing-actions .primary-action{font-size:14px;padding:18px 22px;border-radius:8px;min-width:210px;width:auto}
.landing-contact{color:#fff;font-size:13px;font-weight:700;text-decoration:none;padding-block:12px;border-bottom:1px solid #555}
.landing-contact span{margin-left:8px;color:var(--green)}
.landing-contact:hover{color:var(--green)}
.landing-footnote{display:flex;gap:7px;align-items:center;color:#92978a;font-size:11px;margin-top:22px}
.landing-footnote svg{color:var(--green);width:14px}
.landing-showcase{position:relative;height:490px;background:var(--green);border-radius:16px;isolation:isolate;margin-top:4px}
.showcase-caption{position:absolute;left:28px;top:28px;font-size:10px;font-weight:800;letter-spacing:1.5px;line-height:1.6;z-index:4}
.showcase-watermark{position:absolute;inset:50px 0 auto;text-align:center;font:800 310px/1 Manrope,sans-serif;letter-spacing:-28px;color:rgba(255,255,255,.23);z-index:-1}
.showcase-orbit{position:absolute;width:340px;height:340px;border-radius:50%;border:1px solid #84bd2a;top:65px;left:50%;transform:translateX(-50%);z-index:-1}
.showcase-drink{position:absolute;object-fit:contain;filter:drop-shadow(8px 22px 12px rgba(20,35,0,.26))}
.drink-one{width:36%;height:320px;left:4%;top:104px;transform:rotate(-13deg);z-index:1}
.drink-two{width:40%;height:310px;left:31%;top:100px;transform:rotate(-4deg);z-index:3}
.drink-three{width:35%;height:275px;right:2%;top:145px;transform:rotate(13deg);z-index:2}
.showcase-stamp{position:absolute;z-index:5;bottom:43px;left:-20px;display:flex;align-items:center;gap:13px;padding:18px 22px;background:#fff;border-radius:10px;box-shadow:0 10px 30px #0002;color:var(--ink);transform:rotate(-3deg)}
.showcase-stamp svg{width:28px;color:#527b10}
.showcase-stamp strong{display:block;font-size:14px}
.showcase-stamp span{display:block;font-size:10px;color:#666;margin-top:4px}
.showcase-link{position:absolute;bottom:19px;right:24px;color:#25330e;font-size:10px;font-weight:700;text-decoration:none}
.showcase-link span{margin-left:10px}
.landing-service-bar{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #2b2d27;padding-block:25px 32px}
.landing-service-bar>div{padding-left:32px;border-left:1px solid #303329}
.landing-service-bar>div:first-child{padding-left:0;border:0}
.landing-service-bar span{display:block;color:#8f9586;font-size:9px;letter-spacing:1.6px;margin-bottom:9px}
.landing-service-bar strong{font-size:14px;font-weight:500}
.landing-how{display:grid;grid-template-columns:.8fr 2fr;gap:70px;padding-block:64px;border-bottom:1px solid var(--line)}
.how-intro .section-kicker{font-size:9px;letter-spacing:1.2px;color:#527b10}
.how-intro h2{font:800 30px/1.15 Manrope,sans-serif;letter-spacing:-1.3px;margin:13px 0 20px}
.how-intro a{font-size:12px;color:var(--ink);text-underline-offset:5px}
.how-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:32px;list-style:none;padding:0;margin:0}
.step-number{font:800 12px Manrope,sans-serif;color:#527b10;background:#e8efdb;border-radius:50%;width:34px;height:34px;display:grid;place-items:center;margin-bottom:18px}
.how-steps h3{font:800 14px Manrope,sans-serif;margin:0 0 9px}
.how-steps p{font-size:12px;line-height:1.8;color:var(--muted);margin:0}
.catalog{scroll-margin-top:88px;padding-top:60px}
.volta-notice{background:#eef3e5;border-color:#dce5ce}
@media(max-width:1000px){.landing-grid{gap:32px;padding-top:50px}.landing-copy h1{font-size:52px}.landing-showcase{height:440px}.showcase-stamp{left:-10px;padding:15px}.showcase-watermark{font-size:260px}.drink-one{height:270px}.drink-two{height:280px}.drink-three{height:240px}.landing-how{gap:32px;grid-template-columns:.7fr 2fr}.topbar{gap:18px}}
@media(max-width:860px){.main-nav{display:none}.nav-toggle{display:flex;margin-left:auto}.landing-copy h1{font-size:46px}.landing-actions{gap:12px}.showcase-caption{font-size:8px}.showcase-stamp{bottom:50px}.how-steps{gap:18px}}
@media(max-width:700px){.topbar{height:70px;padding-inline:20px;gap:14px}.mobile-nav{top:70px}.brand-main{font-size:26px}.landing-wrap{width:calc(100% - 40px)}.landing-grid{grid-template-columns:1fr;gap:36px;padding-block:38px}.landing-copy h1{font-size:clamp(42px,11vw,62px);letter-spacing:-2px;margin-top:23px}.landing-copy>p{font-size:15px}.landing-eyebrow{font-size:8px;letter-spacing:1.1px}.landing-actions .primary-action{width:auto;min-width:195px;font-size:13px}.landing-contact{font-size:12px}.landing-showcase{height:370px;width:min(100%,440px);margin:0 auto}.showcase-caption{font-size:9px}.showcase-watermark{font-size:235px;inset:45px 0 auto}.showcase-orbit{width:260px;height:260px;top:54px}.drink-one{height:245px;top:74px}.drink-two{height:245px;top:65px}.drink-three{height:220px;top:100px}.showcase-stamp{bottom:38px;left:8px;padding:12px 16px}.landing-service-bar{gap:14px;padding-block:24px}.landing-service-bar>div{padding-left:0;border:none}.landing-service-bar span{font-size:7px;letter-spacing:.6px;line-height:1.6}.landing-service-bar strong{font-size:11px;line-height:1.5;display:block}.landing-how{grid-template-columns:1fr;gap:30px;padding-block:40px}.how-intro h2{margin-bottom:12px}.how-steps{gap:16px}.how-steps h3{font-size:12px;line-height:1.5}.how-steps p{font-size:11px}.catalog{scroll-margin-top:70px;padding-top:38px}.landing-footnote{font-size:10px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.primary-action{transition:none}}

/* Visible shortcuts requested for the header. */
.header-actions{display:flex;align-items:center;gap:8px;margin:0}
.header-btn{display:inline-flex;align-items:center;justify-content:center;color:var(--green);background:#20251a;border:1px solid #465b29;border-radius:999px;padding:8px 13px;font:700 12px "DM Sans",sans-serif;text-decoration:none;white-space:nowrap;transition:background .2s,color .2s}
.header-btn:hover{background:var(--green);border-color:var(--green);color:var(--ink)}
.topbar .main-nav{display:none}
.topbar .header-actions{margin-left:auto}
@media(max-width:860px){.topbar .nav-toggle{margin-left:0}}
@media(max-width:700px){.topbar{gap:10px;flex-wrap:wrap;height:auto;min-height:70px;padding-block:14px}.topbar .header-actions{order:5;width:100%;justify-content:center;margin-left:0;padding-top:4px}.topbar .header-btn{padding:7px 18px;font-size:12px}.topbar .nav-toggle{margin-left:auto}.mobile-nav{top:119px}.catalog{scroll-margin-top:125px}}

.restaurant-card{display:flex;flex-direction:column;align-items:flex-start;min-height:185px}
.restaurant-label{font-size:9px;letter-spacing:1.5px;font-weight:700;color:var(--green-dark)}
.restaurant-card h3{font:800 20px/1.35 Manrope,sans-serif;letter-spacing:-.6px;margin:18px 0 24px}
.restaurant-link{margin-top:auto;padding-top:16px;border-top:1px solid var(--line);width:100%;font-size:12px;font-weight:700;color:var(--ink);text-decoration:none;display:flex;justify-content:space-between}
.restaurant-link:hover{color:var(--green-dark)}

.testimonial-draft-note{font-size:12px;line-height:1.6;color:var(--muted);margin:16px 0 0}
.restaurant-card .restaurant-testimonial{font-size:14px;line-height:1.75;margin:0 0 24px;color:#343530}

.review-card{display:flex;flex-direction:column;padding:30px;position:relative;border-top:3px solid var(--green)}
.review-quote{font:800 66px/.8 Georgia,serif;color:var(--green-dark);height:42px;display:block;margin:4px 0 16px}
.review-card blockquote{padding:0;margin:0 0 28px;flex:1}
.review-card blockquote p{font-size:15px;line-height:1.85;color:#343530;margin:0}
.review-footer{border-top:1px solid var(--line);padding-top:20px}
.review-footer .testimonial-author{border:0;padding:0}
.review-footer .testimonial-author strong{font-size:13px;line-height:1.5}
.review-footer .testimonial-author span{font-size:12px;margin-top:5px}
.review-google{display:inline-flex;align-items:center;gap:12px;color:var(--green-dark);font-size:11px;font-weight:700;text-decoration:none;margin-top:18px}
.review-google:hover{text-decoration:underline;text-underline-offset:4px}
.testimonials>.testimonial-draft-note{font-size:10px;text-align:center;margin:24px auto 0;max-width:700px;line-height:1.7}
@media(max-width:700px){.review-card{padding:26px}.review-card blockquote p{font-size:14px}}
/* Always-visible newsletter and the recoverable promotions popup. */
.product-promotion{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:0 0 12px;color:#375015;font-size:12px}.product-promotion>strong{background:#b9e43d;color:#111;border-radius:5px;padding:4px 7px;font-size:10px;letter-spacing:.05em}.product-promotion s{color:#73776e}
.newsletter-section{max-width:1296px;margin:48px auto;padding:40px;background:#10110e;color:#fff;border-radius:24px;display:grid;grid-template-columns:1fr 1fr;gap:40px}
.newsletter-kicker{color:#b9e43d;font-size:12px;font-weight:800;letter-spacing:.15em}
.newsletter-section h2{font-size:clamp(28px,3vw,42px);line-height:1.1;margin:16px 0}
.newsletter-section p{line-height:1.6;color:#d0d2c9}
.newsletter-form,.promo-popup form{display:grid;gap:14px}
.newsletter-form label,.promo-popup label{display:grid;gap:7px;font-size:13px;font-weight:700}
.newsletter-form input:not([type=checkbox]),.promo-popup input:not([type=checkbox]){width:100%;box-sizing:border-box;border:1px solid #d5d8cc;border-radius:10px;padding:13px;font:inherit;background:#fff;color:#111}
.newsletter-form .consent-field,.promo-popup .consent-field{display:flex;align-items:flex-start;gap:10px;font-size:12px;line-height:1.5}
.consent-field input{flex:none;margin-top:3px;accent-color:#91b52b}
.newsletter-form button,.promo-popup button[type=submit]{padding:14px;border:0;border-radius:12px;background:#b9e43d;color:#10110e;font:inherit;font-weight:800;cursor:pointer}
.newsletter-form button:disabled,.promo-popup button:disabled{opacity:.65;cursor:wait}
.lead-status:empty{display:none}.lead-status.is-error{color:#ff9a9a}.lead-status.is-success{color:#86cc48}
.promo-popup{position:fixed;right:22px;bottom:22px;width:min(370px,calc(100vw - 32px));padding:26px;box-sizing:border-box;background:#fff;color:#111;border:1px solid #dfe2d5;border-radius:20px;z-index:100;box-shadow:0 16px 60px #0004;max-height:calc(100dvh - 44px);overflow:auto}
.promo-popup[hidden],.promo-trigger[hidden]{display:none!important}
.promo-popup>strong{display:block;font-size:24px;line-height:1.2;margin:12px 0}.promo-popup>p{font-size:14px;line-height:1.5;color:#555}.promo-note{display:block;font-size:11px;color:#666;margin-top:12px}
.promo-close{position:absolute;right:12px;top:8px;border:0;background:none;font-size:28px;cursor:pointer}.promo-kicker{font-size:12px;letter-spacing:.1em;font-weight:800;color:#69852b}
.promo-trigger{position:fixed;right:18px;bottom:18px;display:flex;align-items:center;gap:8px;padding:10px 13px;border:1px solid #dfe2d5;border-radius:999px;background:#fff;color:#111;font-size:11px;font-weight:800;z-index:90;box-shadow:0 5px 24px #0003;cursor:pointer}
.promo-trigger i{display:block;flex:none;width:7px;height:7px;border-radius:50%;background:#42b72a;animation:promo-dot-blink 1.6s ease-in-out infinite}
@keyframes promo-dot-blink{0%,100%{opacity:1;box-shadow:0 0 0 0 #42b72a40}50%{opacity:.4;box-shadow:0 0 0 4px #42b72a00}}
@media(prefers-reduced-motion:reduce){.promo-trigger i{animation:none}}
@media(max-width:750px){.newsletter-section{margin:24px 16px;padding:24px;grid-template-columns:1fr;gap:20px}.promo-trigger{bottom:86px}.promo-popup{right:16px;bottom:86px;max-height:calc(100dvh - 112px)}}
