@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Outfit:wght@400;600;800;900&display=swap";:root{--bg-dark:#08080a;--bg-darker:#040405;--bg-card:#121216a6;--bg-card-hover:#1a1a20d9;--border-color:#ffffff12;--border-color-active:#ffffff26;--text-primary:#f3f4f6;--text-secondary:#9ca3af;--text-muted:#6b7280;--color-soda:#ff4d22;--color-soda-rgb:255, 77, 34;--color-cafe:#ff8fa3;--color-cafe-rgb:255, 143, 163;--color-life:#a3e635;--color-life-rgb:163, 230, 53;--color-success:#10b981;--color-warning:#f59e0b;--color-error:#ef4444;--color-info:#3b82f6;--font-sans:"Inter", -apple-system, BlinkMacSystemFont, sans-serif;--font-display:"Outfit", sans-serif;--glow-soda:0 0 20px #ff4d2240;--glow-cafe:0 0 20px #ff8fa340;--glow-life:0 0 20px #a3e63540;box-sizing:border-box}*,:before,:after{box-sizing:inherit}body{font-family:var(--font-sans);background-color:var(--bg-dark);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;margin:0;padding:0;overflow-x:hidden}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-darker)}::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#ffffff4d}#root{flex-direction:column;width:100%;min-height:100vh;display:flex}.glass{background:var(--bg-card);-webkit-backdrop-filter:blur(16px);border:1px solid var(--border-color);border-radius:16px;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 8px 32px #0000005e}.glass:hover{background:var(--bg-card-hover);border-color:var(--border-color-active)}.accent-border-soda{border-left:4px solid var(--color-soda)}.accent-border-soda:hover{box-shadow:var(--glow-soda), inset 0 0 10px rgba(var(--color-soda-rgb), .05)}.accent-border-cafe{border-left:4px solid var(--color-cafe)}.accent-border-cafe:hover{box-shadow:var(--glow-cafe), inset 0 0 10px rgba(var(--color-cafe-rgb), .05)}.accent-border-life{border-left:4px solid var(--color-life)}.accent-border-life:hover{box-shadow:var(--glow-life), inset 0 0 10px rgba(var(--color-life-rgb), .05)}.text-glow-soda{text-shadow:0 0 8px #ff4d2280}.text-glow-cafe{text-shadow:0 0 8px #ff8fa380}.text-glow-life{text-shadow:0 0 8px #a3e63580}.title-display{font-family:var(--font-display);letter-spacing:-.03em;text-transform:uppercase;font-weight:800}.title-condensed{font-family:var(--font-display);letter-spacing:-.01em;font-weight:700}.btn-primary{background:linear-gradient(135deg, var(--color-soda) 0%, #dd2a00 100%);color:#fff;font-weight:600;font-family:var(--font-sans);cursor:pointer;box-shadow:var(--glow-soda);border:none;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:12px 24px;transition:all .2s;display:inline-flex}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 0 25px #ff4d2273}.btn-primary:active{transform:translateY(0)}.btn-secondary{color:var(--text-primary);border:1px solid var(--border-color);font-weight:500;font-family:var(--font-sans);cursor:pointer;background:#ffffff14;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:12px 24px;transition:all .2s;display:inline-flex}.btn-secondary:hover{background:#ffffff26;border-color:#fff3}.badge{text-transform:uppercase;letter-spacing:.05em;border-radius:9999px;align-items:center;padding:4px 8px;font-size:11px;font-weight:600;display:inline-flex}.badge-soda{color:var(--color-soda);background:#ff4d2226;border:1px solid #ff4d2240}.badge-cafe{color:var(--color-cafe);background:#ff8fa326;border:1px solid #ff8fa340}.badge-life{color:var(--color-life);background:#a3e63526;border:1px solid #a3e63540}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@keyframes pulseGlow{0%{box-shadow:0 0 10px #ff4d2233}50%{box-shadow:0 0 25px #ff4d2280}to{box-shadow:0 0 10px #ff4d2233}}.animate-fade-in{animation:.4s forwards fadeIn}.glow-pulse{animation:2s ease-in-out infinite pulseGlow}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 20px}.drawer-backdrop{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1000;background:#040405cc;justify-content:flex-end;animation:.3s forwards fadeInBackdrop;display:flex;position:fixed;inset:0}.modal-backdrop{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1000;background:#040405cc;justify-content:center;padding:40px 16px;animation:.3s forwards fadeInBackdrop;display:flex;position:fixed;inset:0;overflow-y:auto}.modal-backdrop>div{margin:auto}@keyframes fadeInBackdrop{0%{opacity:0}to{opacity:1}}.no-scrollbar::-webkit-scrollbar{display:none}.no-scrollbar{-ms-overflow-style:none;scrollbar-width:none}.arrow-nav-btn{cursor:pointer;width:40px;height:40px;color:var(--text-secondary);background:#ffffff0a;border:1px solid #ffffff14;border-radius:50%;justify-content:center;align-items:center;transition:all .25s cubic-bezier(.4,0,.2,1);display:flex;box-shadow:0 4px 12px #0003}.arrow-nav-btn:hover{color:#fff;background:#ffffff1f;border-color:#fff3;transform:translateY(-1px)}.arrow-nav-btn:active{transform:translateY(1px)}.arrow-nav-btn.soda:hover{border-color:var(--color-soda);box-shadow:0 0 15px #ff4d224d}.arrow-nav-btn.cafe:hover{border-color:var(--color-cafe);box-shadow:0 0 15px #ff8fa34d}.arrow-nav-btn.life:hover{border-color:var(--color-life);box-shadow:0 0 15px #a3e6354d}.modal-hero-banner{border-bottom:1px solid #ffffff14;border-top-left-radius:24px;border-top-right-radius:24px;justify-content:center;align-items:center;height:160px;display:flex;position:relative;overflow:hidden}.glowing-orb{z-index:2;border:2px solid #fff3;border-radius:50%;justify-content:center;align-items:center;width:90px;height:90px;font-size:48px;display:flex;position:relative;box-shadow:0 8px 32px #00000080}.accordion-btn{alignItems:center;cursor:pointer;color:#fff;background:#ffffff08;border:1px solid #ffffff0f;border-radius:14px;justify-content:space-between;width:100%;padding:16px 20px;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex}.accordion-btn:hover{background:#ffffff0f;border-color:#ffffff1f}.accordion-content{opacity:0;max-height:0;transition:max-height .4s cubic-bezier(.4,0,.2,1),opacity .3s;overflow:hidden}.accordion-content.open{opacity:1;max-height:600px;margin-top:12px}.switch-label{cursor:pointer;align-items:center;display:inline-flex;position:relative}.switch-input{display:none}.switch-slider{background-color:#ffffff1a;border:1px solid #ffffff26;border-radius:100px;width:44px;height:22px;transition:all .3s;position:relative}.switch-slider:before{content:"";background-color:#e5e7eb;border-radius:50%;width:14px;height:14px;transition:all .3s cubic-bezier(.4,0,.2,1);position:absolute;bottom:3px;left:3px}.switch-input:checked+.switch-slider{background-color:var(--active-color);border-color:var(--active-color);box-shadow:0 0 10px var(--active-glow)}.switch-input:checked+.switch-slider:before{background-color:#fff;transform:translate(22px)}.ingredient-badge{color:var(--text-secondary);background:#ffffff0a;border:1px solid #ffffff14;border-radius:20px;align-items:center;gap:6px;padding:6px 14px;font-size:12px;transition:all .3s;display:inline-flex}.ingredient-badge.removed{opacity:.4;color:var(--text-muted);background:#ef44440d;border-color:#ef44444d;text-decoration:line-through}.phone-input-wrapper:focus-within{box-shadow:0 0 10px #ffffff05;background:#ffffff0f!important;border-color:#ffffff40!important}.health-row-hover{transition:all .2s cubic-bezier(.4,0,.2,1)!important}.health-row-hover:hover{transform:translateY(-2px)scale(1.015);box-shadow:0 4px 20px #0000004d;background:#ffffff08!important;border-color:#ffffff1a!important}@keyframes pulseRed{0%{border-color:#ef444433;box-shadow:0 8px 32px #0000005e,0 0 #ef444400}50%{border-color:#ef44448c;box-shadow:0 8px 32px #0000005e,0 0 15px #ef444459}to{border-color:#ef444433;box-shadow:0 8px 32px #0000005e,0 0 #ef444400}}.pulse-critical{background:radial-gradient(circle at 90% 10%,#ef44440f 0%,#0a0a0e99 80%)!important;animation:2s ease-in-out infinite pulseRed!important}.adjust-btn-hover{transition:all .2s!important}.adjust-btn-hover:hover{transform:scale(1.05);background:#ffffff14!important;border-color:#fff3!important}.adjust-btn-hover:active{transform:scale(.95)}