/* Shell and home: background orbs, header, hero, ticker, home sections, footer and the newsletter modal. */
/* Background orbs: fixed behind all content (the body background paints on the canvas below them). */
.bg-orbs{position:fixed;inset:0;z-index:-1;overflow:hidden;pointer-events:none}
.bg-orb{position:absolute;aspect-ratio:1;border-radius:50%;filter:blur(30px)}
.bg-orb-1{left:-12%;top:38%;width:min(60vw,720px);background:radial-gradient(closest-side,rgba(245,197,24,.16),transparent 70%);animation:orbDrift 14s ease-in-out infinite}
.bg-orb-2{right:-15%;top:65%;width:min(55vw,640px);background:radial-gradient(closest-side,rgba(245,197,24,.13),transparent 70%);animation:orbDrift2 18s ease-in-out infinite}
/* Header. */
.site-header{position:sticky;top:0;z-index:50;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;column-gap:16px;row-gap:10px;padding:18px 48px;line-height:1.1;background:linear-gradient(180deg,rgba(14,12,6,.96),rgba(10,10,10,.88));-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid transparent;border-image:linear-gradient(90deg,transparent,rgba(245,197,24,.55),transparent) 1}
.admin-bar .site-header{top:var(--wp-admin--admin-bar--height,32px)}
.site-logo{position:relative;display:flex;align-items:center;gap:10px;color:#fff}
.site-logo:hover{color:#fff}
.site-logo img{display:block;width:auto;height:30px;filter:drop-shadow(0 0 8px rgba(245,197,24,.6))}
.site-logo-word,.site-logo-dot,.site-logo-glow{font-family:var(--display);font-size:24px;font-weight:400;line-height:1.1;white-space:nowrap}
.site-logo-word{letter-spacing:3px;background:linear-gradient(110deg,#8a6a10 0%,#f5c518 25%,#fff3c4 50%,#f5c518 75%,#8a6a10 100%);background-size:200% auto;-webkit-background-clip:text;background-clip:text;color:transparent;animation:logosheen 5s linear infinite}
.site-logo-dot{color:var(--gold);animation:logoglow 2.6s ease-in-out infinite}
.site-logo-glow{position:absolute;inset:0;letter-spacing:3px;color:transparent;animation:logoglow 2.6s ease-in-out infinite;pointer-events:none}
.site-nav{display:flex;flex-wrap:wrap;align-items:center;gap:12px}
.nav-pill{display:block;padding:11px 24px;border:1px solid rgba(255,255,255,.22);border-radius:999px;color:rgba(255,255,255,.9);font-size:13px;font-weight:700;letter-spacing:2px;line-height:1.1;text-transform:uppercase;white-space:nowrap;transition:.25s}
.nav-pill:hover{color:var(--gold);border-color:var(--gold);background:rgba(245,197,24,.08)}
.nav-pill-admin{color:var(--gold);border-color:rgba(245,197,24,.45)}
.nav-pill-admin:hover{color:var(--gold);border-color:rgba(245,197,24,.45);background:rgba(245,197,24,.1)}
.site-actions{display:flex;align-items:center;gap:14px}
.lang-switch{display:flex;gap:2px;margin:0;padding:3px;list-style:none;border:1px solid rgba(245,197,24,.3);border-radius:999px}
.lang-switch a{display:block;padding:7px 11px;border-radius:999px;color:rgba(255,255,255,.6);font-size:12px;font-weight:700;letter-spacing:1px;line-height:1.1;transition:.2s}
.lang-switch a:hover{color:#fff}
.lang-switch a[aria-current=true],.lang-switch a[aria-current=true]:hover{background:var(--gold);color:#121006}
.cart-link{position:relative;display:flex;align-items:center;gap:8px;padding:8px 16px;border:1px solid rgba(245,197,24,.3);border-radius:999px;color:#fff;font-size:13.5px;font-weight:700;line-height:1.1;white-space:nowrap;transition:.25s}
.cart-link:hover{color:var(--gold);border-color:var(--gold)}
.cart-link svg{flex:none}
.account-link{display:block;padding:10px 22px;border-radius:999px;background:linear-gradient(120deg,#d9a90f,#f5c518 45%,#ffe37a);color:#121006;font-size:13.5px;font-weight:700;letter-spacing:.5px;line-height:1.1;white-space:nowrap;box-shadow:0 0 18px rgba(245,197,24,.25);transition:.25s}
.account-link:hover,.account-link:focus-visible{color:#121006;box-shadow:0 0 28px rgba(245,197,24,.5)}
/* Hero (asserted by tests/hero.mjs). */
.hero{min-height:100vh;position:relative;overflow:hidden;display:flex;flex-direction:column;align-items:center;background:radial-gradient(circle at 50% 32%,#2a2410 0%,#121006 48%,#0a0a0a 100%);padding:20px 24px calc(4vh + 125px)}
.hero-stage{width:100%;flex:1;position:relative;min-height:450px}
.hero-shield{position:absolute;left:50%;top:50%;height:min(78vh,700px);width:auto;transform:translate(-50%,-50%);opacity:.2;filter:blur(1px) drop-shadow(0 0 40px #f5c51880);animation:shieldIn 4.5s cubic-bezier(.1,.6,.2,1) .1s both,shieldBreathe 6s ease-in-out 4.6s infinite;pointer-events:none}
.hero-rays{position:absolute;left:50%;top:50%;width:min(92vw,1020px);aspect-ratio:1;translate:-50% -50%;background:repeating-conic-gradient(#f5c5181c 0 5deg,transparent 5deg 16deg);-webkit-mask:radial-gradient(closest-side,#000 15%,transparent 68%);mask:radial-gradient(closest-side,#000 15%,transparent 68%);animation:spinRays 26s linear infinite,fadeIn 1.2s ease-out both;pointer-events:none}
.hero-word{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);white-space:nowrap;font-size:clamp(90px,18vw,280px);line-height:1;letter-spacing:-4px;color:transparent;-webkit-text-stroke:2.5px #f5c51861;filter:drop-shadow(0 0 6px #f5c51833);animation:heroGlow 3.2s ease-in-out infinite;user-select:none}
.hero-burst{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:min(70vw,760px);aspect-ratio:1.4;border-radius:50%;background:radial-gradient(closest-side,#f5c51866 0%,#f5c51824 45%,transparent 72%);animation:burstPulse 3.2s ease-in-out infinite;pointer-events:none}
.hero-can-shadow{position:absolute;left:50%;bottom:3%;transform:translateX(-50%);width:min(48vw,520px);height:34px;border-radius:50%;background:radial-gradient(closest-side,#f5c51873,transparent 70%);filter:blur(6px);pointer-events:none}
.hero-shockwave{position:absolute;left:50%;top:52%;translate:-50% -50%;width:120px;aspect-ratio:1;border-radius:50%;border:1.5px solid #f5c51880;animation:shockLoop 4.5s ease-out 1s infinite;pointer-events:none}
.hero-sparks i{position:absolute;bottom:6%;width:4px;height:4px;border-radius:50%;background:#ffe37a;box-shadow:0 0 10px 2px #f5c518cc;animation:sparkUp 4.2s linear 2s infinite}
.hero-sparks i:nth-child(1){left:17%;bottom:14%;background:#7ef06f}
.hero-sparks i:nth-child(2){left:22%;bottom:8%}
.hero-sparks i:nth-child(3){left:31%;bottom:4%;background:#7ef06f;animation-duration:5.1s;animation-delay:2.8s}
.hero-sparks i:nth-child(4){left:42%;bottom:10%;animation-duration:3.6s;animation-delay:2.3s}
.hero-sparks i:nth-child(5){left:55%;animation-duration:4.8s;animation-delay:3.4s}
.hero-sparks i:nth-child(6){left:64%;bottom:12%;background:#7ef06f;animation-duration:5.6s}
.hero-sparks i:nth-child(7){left:73%;bottom:5%;animation-duration:4s;animation-delay:3s}
.hero-sparks i:nth-child(8){left:80%;bottom:9%;animation-duration:5.3s;animation-delay:3.8s}
.hero-can{position:absolute;left:50%;top:50%;height:100%;max-height:640px;aspect-ratio:800/726;pointer-events:none}
.hero-can-mojito{transform:translate(-110%,-50%) rotate(-9deg);z-index:3}
.hero-can-regular{max-height:600px;transform:translate(12%,-45%) rotate(9deg);z-index:2}
.hero-can-enter,.hero-can-float,.hero-can-turn{height:100%;position:relative}
.hero-can-mojito .hero-can-enter{animation:spinInCanL 1.2s cubic-bezier(.2,.75,.25,1) .2s both}
.hero-can-regular .hero-can-enter{animation:spinInCanR 1.2s cubic-bezier(.2,.75,.25,1) .55s both}
.hero-can-float{animation:floatCan 5s ease-in-out 2.2s infinite}
.hero-can-regular .hero-can-float{animation-delay:2.8s}
.hero-can-turn{animation:canTurn 6s ease-in-out infinite}
.hero-can-regular .hero-can-turn{animation-delay:-3s}
.hero-can-turn img{display:block;width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 44px 66px #000c)}
.hero-can-mojito img{filter:drop-shadow(0 44px 66px #000c) drop-shadow(0 0 34px #54d94a73)}
.hero-can-regular img{filter:drop-shadow(0 44px 66px #000c) drop-shadow(0 0 34px #f5c51859)}
.hero-can-shade,.hero-can-specular{position:absolute;inset:0;pointer-events:none;-webkit-mask-position:center;-webkit-mask-size:contain;-webkit-mask-repeat:no-repeat;mask-position:center;mask-size:contain;mask-repeat:no-repeat}
.hero-can-mojito .hero-can-shade,.hero-can-mojito .hero-can-specular{-webkit-mask-image:url(../can-mojito.webp);mask-image:url(../can-mojito.webp)}
.hero-can-regular .hero-can-shade,.hero-can-regular .hero-can-specular{-webkit-mask-image:url(../can-regular.webp);mask-image:url(../can-regular.webp)}
.hero-can-shade{background:linear-gradient(90deg,rgba(0,0,0,.62) 0%,rgba(0,0,0,.18) 14%,transparent 26%,rgba(255,255,255,.06) 40%,transparent 56%,rgba(0,0,0,.22) 76%,rgba(0,0,0,.66) 100%);background-size:160% 100%;animation:canShadeLoop 6s ease-in-out infinite}
.hero-can-regular .hero-can-shade{animation-delay:-3s}
.hero-can-specular{background:linear-gradient(90deg,transparent 40%,rgba(255,250,230,.55) 47%,rgba(255,255,255,.85) 49%,rgba(255,250,230,.55) 51%,transparent 57%);background-size:220% 100%;opacity:.6;mix-blend-mode:screen;animation:canSpecLoop 6s ease-in-out infinite}
.hero-can-regular .hero-can-specular{animation-delay:-3s}
.hero-copy{position:relative;z-index:4;text-align:center;margin-top:26px;line-height:normal;animation:riseIn 1s cubic-bezier(.22,1,.36,1) .3s both}
.hero h1{font-size:clamp(22px,3vw,36px);letter-spacing:0;line-height:normal;margin:0}
.hero-buttons{display:flex;gap:14px;justify-content:center;flex-wrap:wrap;margin-top:22px}
.hero-buttons .button{padding:14px 30px;font-size:15px;line-height:normal}
.hero-buttons .button-outline{border-color:rgba(255,255,255,.35)}
/* Home sections below the hero. */
.home-fade{position:relative;z-index:1;height:180px;margin-top:-180px;background:linear-gradient(180deg,rgba(10,10,10,0) 0%,rgba(10,10,10,.6) 55%,#0a0a0a 100%);pointer-events:none}
.home-ticker{position:relative;overflow:hidden;padding:14px 0;white-space:nowrap;border-top:1px solid rgba(245,197,24,.25);border-bottom:1px solid rgba(245,197,24,.25);box-shadow:0 0 40px rgba(245,197,24,.12),inset 0 0 30px rgba(245,197,24,.06)}
.home-ticker-track{display:flex;width:max-content;font-family:var(--display);font-size:15px;font-weight:400;letter-spacing:2px;line-height:1.1;color:rgba(255,255,255,.5);animation:tick 24s linear infinite}
.home-ticker-list{display:flex;flex:none;gap:44px;margin:0;padding:0 44px 0 0;list-style:none}
.home-ticker-list li{display:flex;gap:44px}
.home-ticker-star{color:var(--gold)}
.home-wrap{max-width:1200px;margin:0 auto;padding-left:48px;padding-right:48px}
.home-products{padding-top:110px}
.home-heading{text-align:center;margin-bottom:56px}
.home-heading img{display:block;width:auto;height:44px;margin:0 auto 14px;filter:drop-shadow(0 0 12px rgba(245,197,24,.55))}
.home-kicker{margin:0 0 12px;color:var(--gold);font-size:12px;font-weight:700;letter-spacing:4px;line-height:1.3}
.home-heading h2{margin:0;font-size:clamp(32px,4vw,52px);letter-spacing:0;line-height:1.1}
.home-products-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(320px,100%),1fr));gap:28px}
.home-product{--accent:#f5c518;padding:36px;text-align:center;border:1px solid color-mix(in srgb,var(--accent) 22%,transparent);border-radius:20px;background:radial-gradient(circle at 50% 0%,color-mix(in srgb,var(--accent) 14%,transparent),transparent 60%),#151310;box-shadow:0 0 50px color-mix(in srgb,var(--accent) 11%,transparent),inset 0 1px 0 color-mix(in srgb,var(--accent) 25%,transparent)}
.home-product-image{display:block;width:100%;height:260px;object-fit:contain}
.home-product h3{margin:24px 0 8px;font-size:24px;letter-spacing:0;line-height:1.15}
.home-product-desc{margin:0 0 20px;color:rgba(255,255,255,.65);font-size:15px;line-height:1.6}
.home-product-note{margin:-8px 0 16px;color:rgba(255,255,255,.45);font-size:12px;line-height:1.5}
.home-product-link{display:inline-block;padding-bottom:2px;border-bottom:2px solid var(--accent);color:var(--accent);font-size:14px;font-weight:700;line-height:1.3}
.home-product-link:hover{color:var(--accent);border-bottom-color:transparent}
.home-fallback{text-align:center;color:var(--text-2)}
.home-how{position:relative;margin-top:110px;overflow:hidden}
.home-how-glow{position:absolute;left:50%;top:-30%;translate:-50% 0;width:min(90vw,900px);aspect-ratio:1.6;border-radius:50%;background:radial-gradient(closest-side,rgba(245,197,24,.22),transparent 70%);filter:blur(40px);pointer-events:none;animation:burstPulse 5s ease-in-out infinite}
.home-how .home-wrap{position:relative}
.home-steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(260px,100%),1fr));gap:28px;margin:0;padding:0;list-style:none}
.home-step{padding:32px;border:1px solid rgba(245,197,24,.22);border-radius:20px;background:radial-gradient(circle at 50% 0%,rgba(245,197,24,.14),transparent 60%),#151310;box-shadow:0 0 50px rgba(245,197,24,.11),inset 0 1px 0 rgba(245,197,24,.25)}
.home-step-number{display:block;font-family:var(--display);font-size:40px;font-weight:400;line-height:1.1;color:var(--gold);text-shadow:0 0 18px rgba(245,197,24,.55)}
.home-step h3{margin:14px 0 8px;font-family:'Archivo',Arial,Helvetica,sans-serif;font-size:19px;font-weight:700;letter-spacing:0;line-height:1.25}
.home-step p{margin:0;color:rgba(255,255,255,.65);font-size:14px;line-height:1.6}
.home-cta{position:relative;overflow:hidden;padding:120px 48px;text-align:center}
.home-cta-glow{position:absolute;left:50%;top:50%;translate:-50% -50%;width:min(80vw,760px);aspect-ratio:1.5;border-radius:50%;background:radial-gradient(closest-side,rgba(245,197,24,.28),transparent 70%);filter:blur(30px);pointer-events:none;animation:burstPulse 4s ease-in-out infinite}
.home-cta-inner{position:relative}
.home-cta-shield{display:block;width:auto;height:88px;margin:0 auto 22px;filter:drop-shadow(0 0 22px rgba(245,197,24,.7));animation:shieldSpin 9s linear infinite}
.home-cta h2{margin:0 0 14px;font-size:clamp(32px,4.5vw,58px);letter-spacing:0;line-height:1.1}
.home-cta p{margin:0 0 30px;color:rgba(255,255,255,.65);font-size:16px}
.home-cta-buttons{display:flex;flex-wrap:wrap;justify-content:center;gap:14px}
.home-cta-primary,.home-cta-whatsapp{display:inline-block;padding:16px 34px;border-radius:999px;font-size:15px;font-weight:700;line-height:1.2;white-space:nowrap;transition:.25s}
.home-cta-primary{background:var(--gold);color:#121006;box-shadow:0 0 30px rgba(245,197,24,.45)}
.home-cta-primary:hover{background:#ffe37a;color:#121006}
.home-cta-whatsapp{border:1px solid #25d366;color:#25d366}
.home-cta-whatsapp:hover{color:#25d366;background:rgba(37,211,102,.1)}
/* Footer: above the background orbs. */
.site-footer{position:relative;z-index:1}
.footer-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(200px,100%),1fr));gap:40px;max-width:1200px;margin:60px auto 0;padding:60px 48px 30px;border-top:1px solid rgba(245,197,24,.15)}
.footer-logo{display:flex;align-items:center;gap:10px;margin-bottom:14px}
.footer-logo img{display:block;width:auto;height:28px}
.footer-logo>span{font-family:var(--display);font-size:20px;font-weight:400;letter-spacing:2px;line-height:1.1;color:#fff}
.footer-logo-dot{color:var(--gold)}
.footer-about{margin:0;color:rgba(255,255,255,.55);font-size:13px;line-height:1.7}
.footer-heading{margin:0 0 14px;font-family:'Archivo',Arial,Helvetica,sans-serif;font-size:12px;font-weight:700;letter-spacing:3px;line-height:1.3;color:var(--gold)}
.footer-contact{margin:0;font-style:normal;color:rgba(255,255,255,.7);font-size:14px;line-height:1.9}
.footer-contact .footer-phone{color:inherit}
.footer-contact .footer-phone:hover{color:var(--gold)}
.footer-links{display:flex;flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;font-size:14px;line-height:16px}
.footer-links a{color:rgba(255,255,255,.7)}
.footer-links a:hover{color:var(--gold)}
.footer-links .footer-news{color:var(--gold);font-weight:700}
.footer-links .footer-news:hover{color:#ffe066}
.footer-bottom{position:relative;z-index:1;margin:0;padding:0 48px 40px;color:rgba(255,255,255,.35);font-size:12px;line-height:1.4;text-align:center}
/* Newsletter modal. The element carries [hidden] until glory.js opens it. */
.glory-nl-open,.glory-nl-open body{overflow:hidden}
.nl-modal{position:fixed;inset:0;z-index:90;display:flex;padding:20px;overflow-y:auto;overscroll-behavior:contain;background:rgba(5,5,3,.72);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);animation:fadeIn .35s ease-out both}
.nl-modal[hidden],.nl-view[hidden],.nl-toast[hidden]{display:none}
.nl-modal:focus{outline:none}
.nl-dialog{position:relative;display:flex;flex-wrap:wrap;width:100%;max-width:880px;margin:auto;overflow:hidden;background:#121008;border:1px solid rgba(245,197,24,.45);border-radius:24px;box-shadow:0 0 80px rgba(245,197,24,.25),0 30px 80px rgba(0,0,0,.7);animation:popIn .5s cubic-bezier(.22,1,.36,1) both}
.nl-close{position:absolute;top:14px;right:14px;z-index:3;display:grid;place-items:center;width:38px;height:38px;padding:0;border:1px solid rgba(255,255,255,.2);border-radius:50%;background:rgba(0,0,0,.45);color:#fff;line-height:1;cursor:pointer;transition:.25s}
.nl-close:hover{border-color:var(--gold);background:rgba(0,0,0,.45);color:var(--gold);box-shadow:none}
.nl-visual{position:relative;flex:1 1 340px;min-height:min(300px,38vh);overflow:hidden;background:radial-gradient(circle at 50% 45%,#3a2e0c 0%,#1a1508 55%,#0c0a05 100%)}
.nl-rays{position:absolute;left:50%;top:48%;translate:-50% -50%;width:130%;aspect-ratio:1;border-radius:50%;background:repeating-conic-gradient(rgba(245,197,24,.13) 0 5deg,transparent 5deg 15deg);-webkit-mask:radial-gradient(closest-side,#000 10%,transparent 70%);mask:radial-gradient(closest-side,#000 10%,transparent 70%);animation:spinRays 30s linear infinite}
.nl-visual img{position:absolute;width:auto;max-width:none}
.nl-shield{left:50%;top:46%;height:78%;transform:translate(-50%,-50%);opacity:.18;filter:drop-shadow(0 0 30px rgba(245,197,24,.6))}
.nl-can{left:50%;top:50%}
.nl-can-mojito{height:74%;transform:translate(-78%,-50%) rotate(-10deg);filter:drop-shadow(0 24px 30px rgba(0,0,0,.8)) drop-shadow(0 0 20px rgba(84,217,74,.4));animation:floatCan 5s ease-in-out infinite}
.nl-can-regular{height:70%;transform:translate(-18%,-46%) rotate(10deg);filter:drop-shadow(0 24px 30px rgba(0,0,0,.8)) drop-shadow(0 0 20px rgba(245,197,24,.4));animation:floatCan 5s ease-in-out .8s infinite}
.nl-badge-wrap{position:absolute;left:0;right:0;bottom:22px;display:flex;justify-content:center;padding:0 16px}
.nl-badge{padding:9px 16px;border-radius:999px;background:var(--gold);color:#121006;font-size:12px;font-weight:800;letter-spacing:2.5px;line-height:1.3;text-align:center;box-shadow:0 0 30px rgba(245,197,24,.55)}
.nl-content{flex:1 1 380px;display:flex;flex-direction:column;justify-content:center;padding:40px 36px 34px}
.nl-view{display:flex;flex-direction:column}
.nl-kicker{margin:0 0 12px;color:var(--gold);font-size:12px;font-weight:700;letter-spacing:4px;line-height:1.3}
.nl-title{margin:0 0 14px;font-size:clamp(30px,4vw,42px);letter-spacing:0;line-height:1.02;text-wrap:balance}
.nl-sub{margin:0 0 18px;color:rgba(255,255,255,.72);font-size:15px;line-height:1.6;text-wrap:pretty}
.nl-perks{display:flex;flex-direction:column;gap:9px;margin:0 0 22px;padding:0;list-style:none}
.nl-perks li{display:flex;align-items:flex-start;gap:10px;color:rgba(255,255,255,.88);font-size:14px;line-height:normal}
.nl-star{color:var(--gold);font-weight:800}
.nl-form{display:flex;flex-direction:column;gap:10px;margin:0}
#nieuwsbrief .nl-input{width:100%;max-width:100%;min-height:0;padding:14px 16px;border:1px solid rgba(255,255,255,.2);border-radius:12px;background:#0f0d0a;color:#fff;font-family:inherit;font-size:15px;line-height:normal}
#nieuwsbrief .nl-input::placeholder{color:rgba(255,255,255,.45)}
#nieuwsbrief .nl-input:focus{border-color:var(--gold);outline:none;box-shadow:0 0 0 3px rgba(245,197,24,.2)}
#nieuwsbrief .nl-input[aria-invalid=true]{border-color:var(--danger)}
.nl-hp{position:absolute!important;left:-10000px;top:auto;width:1px;height:1px;overflow:hidden}
.nl-consent{position:relative;display:flex;align-items:flex-start;gap:10px;margin:4px 0 6px;color:rgba(255,255,255,.6);font-size:12.5px;line-height:1.5;cursor:pointer}
.nl-consent input{position:absolute;left:0;top:1px;width:20px;height:20px;margin:0;opacity:0;cursor:pointer}
.nl-box{flex:0 0 20px;display:grid;place-items:center;width:20px;height:20px;margin-top:1px;border:1.5px solid rgba(255,255,255,.35);border-radius:6px;transition:.2s}
.nl-box svg{opacity:0}
.nl-consent input:checked+.nl-box{border-color:var(--gold);background:var(--gold)}
.nl-consent input:checked+.nl-box svg{opacity:1}
.nl-consent input:focus-visible+.nl-box{outline:3px solid #ffe68e;outline-offset:2px}
.nl-consent input[aria-invalid=true]+.nl-box{border-color:var(--danger)}
.nl-submit,.nl-submit:hover{display:block;width:100%;padding:15px;border:0;border-radius:999px;background:linear-gradient(120deg,#d9a90f,#f5c518 45%,#ffe37a);color:#121006;font-size:15px;font-weight:800;letter-spacing:.5px;line-height:1.2;text-align:center;cursor:pointer;box-shadow:0 0 30px rgba(245,197,24,.45)}
.nl-submit[aria-disabled=true],.nl-submit[aria-disabled=true]:hover{background:rgba(255,255,255,.1);color:rgba(255,255,255,.4);box-shadow:none;cursor:not-allowed}
.nl-submit[aria-busy=true]{opacity:.7;cursor:progress}
.nl-later{align-self:center;margin-top:4px;padding:4px 12px;border:0;background:none;color:rgba(255,255,255,.5);font-size:13px;font-weight:500;line-height:1.3;cursor:pointer}
.nl-later:hover{background:none;color:#fff;box-shadow:none}
.nl-status{margin:0;color:var(--danger);font-size:13px;font-weight:600;line-height:1.4;text-align:center}
.nl-status:not(:empty){margin-top:12px}
.nl-done-icon{display:grid;place-items:center;width:64px;height:64px;margin-bottom:22px;border:1px solid var(--gold);border-radius:50%;background:rgba(245,197,24,.12);box-shadow:0 0 30px rgba(245,197,24,.35)}
.nl-done-title{margin:0 0 12px;font-size:clamp(28px,3.6vw,38px);letter-spacing:0;line-height:1.1}
.nl-done-title:focus{outline:none}
.nl-done-text{margin:0 0 26px;color:rgba(255,255,255,.72);font-size:15px;line-height:1.6}
.nl-ok{align-self:flex-start;padding:12px 26px;border:1px solid rgba(255,255,255,.35);border-radius:999px;background:transparent;color:#fff;font-size:14px;font-weight:700;line-height:1.2;cursor:pointer}
.nl-ok:hover{border-color:#fff;background:rgba(255,255,255,.08);color:#fff;box-shadow:none}
.nl-toast{position:fixed;left:50%;bottom:20px;z-index:80;translate:-50% 0;display:flex;align-items:center;gap:12px;width:max-content;max-width:calc(100% - 32px);padding:10px 10px 10px 20px;border:1px solid rgba(125,216,125,.4);border-radius:16px;background:#121008;color:var(--ok);font-size:14px;font-weight:600;line-height:1.4;box-shadow:0 10px 30px rgba(0,0,0,.5);animation:popIn .5s cubic-bezier(.22,1,.36,1) both}
.nl-toast-close,.nl-toast-close:hover{flex:none;display:grid;place-items:center;width:30px;height:30px;padding:0;border:1px solid rgba(255,255,255,.2);border-radius:50%;background:transparent;color:#fff;box-shadow:none}
/* Keyframes: hero, then shell, ticker and newsletter. */
@keyframes spinInCanL{0%{transform:translateX(-60vw) perspective(900px) rotateY(-1440deg) scale(.6);opacity:0;filter:blur(6px)}25%{opacity:1}70%{filter:blur(0)}100%{transform:none;opacity:1;filter:none}}
@keyframes spinInCanR{0%{transform:translateX(60vw) perspective(900px) rotateY(1440deg) scale(.6);opacity:0;filter:blur(6px)}25%{opacity:1}70%{filter:blur(0)}100%{transform:none;opacity:1;filter:none}}
@keyframes floatCan{0%,100%{margin-top:0}50%{margin-top:-14px}}
@keyframes canTurn{0%,100%{transform:perspective(1100px) rotateY(-30deg) scaleX(.93)}50%{transform:perspective(1100px) rotateY(30deg) scaleX(.93)}}
@keyframes canShadeLoop{0%,100%{background-position:0 0}50%{background-position:100% 0}}
@keyframes canSpecLoop{0%,100%{background-position:110% 0}50%{background-position:-10% 0}}
@keyframes shieldIn{0%{transform:translate(-50%,-50%) rotateY(0) scale(.2);opacity:0}10%{opacity:.6;transform:translate(-50%,-50%) rotateY(1440deg) scale(1)}100%{transform:translate(-50%,-50%) rotateY(7200deg) scale(1);opacity:.2}}
@keyframes shieldBreathe{0%,100%{opacity:.16;scale:1}50%{opacity:.3;scale:1.04}}
@keyframes shieldSpin{to{transform:rotateY(360deg)}}
@keyframes spinRays{to{rotate:360deg}}
@keyframes fadeIn{from{opacity:0}to{opacity:1}}
@keyframes burstPulse{0%,100%{opacity:.55;scale:1}50%{opacity:.95;scale:1.08}}
@keyframes shockLoop{0%{scale:.3;opacity:0}8%{opacity:.45}55%,100%{scale:5.5;opacity:0}}
@keyframes sparkUp{0%{transform:translateY(0);opacity:0}15%{opacity:1}100%{transform:translateY(-360px);opacity:0}}
@keyframes heroGlow{0%,100%{filter:drop-shadow(0 0 6px #f5c51833) drop-shadow(0 0 20px #f5c51814);-webkit-text-stroke-color:#f5c51847}50%{filter:drop-shadow(0 0 14px #f5c51899) drop-shadow(0 0 46px #f5c5184d);-webkit-text-stroke-color:#ffe17899}}
@keyframes riseIn{from{opacity:0;translate:0 28px}to{opacity:1;translate:0 0}}
@keyframes tick{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@keyframes logoglow{0%,100%{text-shadow:0 0 8px rgba(245,197,24,.35),0 0 22px rgba(245,197,24,.18)}50%{text-shadow:0 0 14px rgba(245,197,24,.75),0 0 42px rgba(245,197,24,.4),0 0 80px rgba(245,197,24,.2)}}
@keyframes logosheen{0%{background-position:200% center}100%{background-position:-200% center}}
@keyframes orbDrift{0%,100%{translate:0 0;opacity:.55}50%{translate:40px -30px;opacity:.9}}
@keyframes orbDrift2{0%,100%{translate:0 0;opacity:.45}50%{translate:-50px 40px;opacity:.8}}
@keyframes popIn{from{opacity:0;transform:translateY(24px) scale(.94)}to{opacity:1;transform:none}}
@media(max-width:1000px){.site-header{padding-left:24px;padding-right:24px}.nav-pill{padding-left:18px;padding-right:18px}}
@media(max-width:900px){.hero-stage{min-height:420px}}
@media(max-width:760px){.site-header{min-height:0;padding:12px 14px;gap:10px}.site-logo{gap:8px}.site-logo img{height:26px}.site-logo-word,.site-logo-dot,.site-logo-glow{font-size:20px}.site-logo-word,.site-logo-glow{letter-spacing:2px}.site-nav{order:3;width:100%;justify-content:center;gap:16px}.nav-pill{padding:8px 20px;font-size:11px;letter-spacing:1.5px}.site-actions{gap:8px;margin-left:auto}.cart-link{gap:6px;padding:7px 12px;font-size:13px}.account-link{padding:9px 14px;font-size:12px;letter-spacing:.3px}.home-wrap{padding-left:18px;padding-right:18px}.home-products,.home-how .home-wrap{padding-top:64px}.home-cta{padding:64px 18px 120px}.footer-grid,.footer-bottom{padding-left:18px;padding-right:18px}}
@media screen and (max-width:600px){.admin-bar .site-header{top:0}}
@media(max-width:600px){.hero{height:auto;min-height:700px;padding:8px 18px 70px}.hero-stage{min-height:410px;flex:auto}.hero-can-mojito{transform:translate(-78%,-50%) rotate(-9deg)}.hero-can-regular{transform:translate(-22%,-45%) rotate(9deg)}.hero-word{font-size:23vw;letter-spacing:-4px;-webkit-text-stroke-width:1px}.hero-shield{height:85%}.hero-burst{width:110vw}.hero-copy{margin-top:8px}.hero h1{font-size:26px}.hero-buttons{gap:10px}.hero-buttons .button{padding:13px 20px;font-size:13px}}
@media(max-width:400px){.nl-modal{padding:14px}.nl-content{padding:32px 24px 28px}}
@media(max-width:374px){.lang-switch a{padding:6px 8px;font-size:11px;letter-spacing:.5px}.site-header{padding:12px}.site-logo{gap:6px}.site-logo img{height:22px}.site-logo-word,.site-logo-dot,.site-logo-glow{font-size:17px}.site-logo-word,.site-logo-glow{letter-spacing:1.5px}.site-actions{gap:6px}.cart-link{gap:5px;padding:6px 10px}.account-link{padding:8px 11px;font-size:11.5px}}
@media(max-width:360px){.hero{min-height:0;padding-bottom:35px}.hero-stage{min-height:330px}.hero-buttons{flex-wrap:nowrap}.hero-buttons .button{padding:12px 14px;font-size:11.5px}}