@import url("https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@300;400;500;600;700;800&family=Inter:wght@300;400;500;600;700&display=swap");:root{--color-primary:#111;--color-primary-dark:#000;--color-primary-darker:#000;--color-primary-light:#f4f5f7;--color-primary-border:#e5e7eb;--color-on-primary:#fff;--color-accent:#ffb800;--color-accent-dark:#d97706;--color-accent-light:#fef3c7;--color-on-accent:#78350f;--color-amber:#ffb800;--color-amber-dark:#f59e0b;--color-amber-light:#fef3c7;--color-on-amber:#78350f;--color-bg:#f8f9fa;--color-surface:#fff;--color-surface-subtle:#f4f5f7;--color-surface-hover:#f0f2f5;--color-text-primary:#111;--color-text-secondary:#555;--color-text-muted:#737373;--color-text-subtle:#9e9e9e;--color-border:#ebebeb;--color-border-light:#f2f3f5;--color-border-dark:#d4d4d8;--color-success:#10b981;--color-success-bg:#ecfdf5;--color-danger:#ef4444;--color-danger-bg:#fef2f2;--radius-xs:8px;--radius-sm:12px;--radius-md:16px;--radius-lg:24px;--radius-xl:32px;--radius-pill:9999px;--shadow-subtle:0 1px 3px rgba(0,0,0,.04);--shadow-card:0 8px 24px -4px rgba(0,0,0,.05),0 2px 6px -1px rgba(0,0,0,.02);--shadow-hover:0 16px 36px -6px rgba(0,0,0,.09),0 4px 12px -2px rgba(0,0,0,.04);--shadow-modal:0 25px 60px -15px rgba(0,0,0,.35),0 10px 20px -5px rgba(0,0,0,.1);--shadow-drawer:-6px 0 30px rgba(0,0,0,.12);--shadow-float:0 10px 30px rgba(0,0,0,.2);--header-height:72px;--bottom-nav-height:70px;--max-content-width:1200px;--font-sans:"Plus Jakarta Sans","Inter",-apple-system,BlinkMacSystemFont,sans-serif}*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}body,html{background-color:var(--color-bg);color:var(--color-text-primary);font-family:var(--font-sans);font-size:15px;line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#e2e4e8;border-radius:9999px}::-webkit-scrollbar-thumb:hover{background:#c4c7cd}a{color:inherit;text-decoration:none}button{font-family:inherit;cursor:pointer;border:none;background:none;outline:none;-webkit-tap-highlight-color:transparent}.zen-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;font-size:15px;font-weight:700;letter-spacing:-.01em;padding:12px 24px;border-radius:var(--radius-pill);transition:all .2s cubic-bezier(.16,1,.3,1);-webkit-user-select:none;-moz-user-select:none;user-select:none;border:1px solid transparent}.zen-btn-primary{background-color:var(--color-primary);color:var(--color-on-primary);border-color:var(--color-primary);box-shadow:0 4px 14px rgba(0,0,0,.15)}.zen-btn-primary:hover{background-color:#262626;border-color:#262626;transform:translateY(-1px);box-shadow:0 6px 20px rgba(0,0,0,.2)}.zen-btn-primary:active{transform:translateY(0) scale(.98)}.zen-btn-amber{background-color:var(--color-amber);color:#111;border-color:var(--color-amber);box-shadow:0 4px 14px rgba(255,184,0,.3)}.zen-btn-amber:hover{background-color:var(--color-amber-dark);transform:translateY(-1px)}.zen-btn-secondary{background-color:var(--color-surface);color:var(--color-text-primary);border-color:var(--color-border);box-shadow:var(--shadow-subtle)}.zen-btn-secondary:hover{background-color:var(--color-surface-hover);border-color:var(--color-border-dark);transform:translateY(-1px)}.zen-card{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);transition:transform .25s cubic-bezier(.16,1,.3,1),box-shadow .25s cubic-bezier(.16,1,.3,1),border-color .2s ease}.zen-card:hover{border-color:#dfdfdf;box-shadow:var(--shadow-hover)}.zen-badge{display:inline-flex;align-items:center;gap:4px;font-size:12px;font-weight:700;letter-spacing:.02em;padding:4px 10px;border-radius:var(--radius-pill);border:1px solid transparent}.zen-badge-primary{background-color:#111;color:#fff}.zen-badge-amber{background-color:#fff8e1;color:#b45309;border-color:#fde68a}.zen-badge-subtle{background-color:var(--color-surface-subtle);color:var(--color-text-secondary)}.ingredient-card{background-color:#fff;border:1px solid #ececec;border-radius:var(--radius-md);padding:12px 8px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;text-align:center;min-width:76px;transition:all .2s cubic-bezier(.16,1,.3,1)}.ingredient-card:hover{border-color:#d4d4d8;transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,.04)}.allergen-pill{background-color:#f3f4f6;color:#374151;font-size:13px;font-weight:600;padding:6px 14px;border-radius:var(--radius-pill);display:inline-flex;align-items:center;justify-content:center;border:1px solid transparent;transition:all .15s ease}.allergen-pill:hover{background-color:#e5e7eb;color:#111}.floating-circle-btn{width:44px;height:44px;border-radius:50%;background:hsla(0,0%,7%,.45);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);color:#fff;display:flex;align-items:center;justify-content:center;border:1px solid hsla(0,0%,100%,.2);box-shadow:0 4px 16px rgba(0,0,0,.25);cursor:pointer;transition:all .2s cubic-bezier(.16,1,.3,1)}.floating-circle-btn:hover{background:hsla(0,0%,7%,.65);transform:scale(1.06)}.floating-circle-btn:active{transform:scale(.95)}.qty-stepper{background-color:#f3f4f6;border-radius:var(--radius-pill);padding:4px;gap:6px}.qty-stepper,.qty-stepper-btn{display:flex;align-items:center}.qty-stepper-btn{width:32px;height:32px;border-radius:50%;background-color:#fff;color:#111;justify-content:center;box-shadow:0 2px 4px rgba(0,0,0,.06);transition:all .15s ease}.qty-stepper-btn:hover{background-color:#f8f9fa;transform:scale(1.05)}.qty-stepper-btn:active{transform:scale(.95)}.zen-input{width:100%;font-family:inherit;font-size:14px;padding:12px 18px;background-color:#fff;border:1px solid var(--color-border);border-radius:var(--radius-pill);color:var(--color-text-primary);outline:none;transition:all .2s ease}.zen-input:focus{border-color:#111;box-shadow:0 0 0 3px hsla(0,0%,7%,.08)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{transform:translateY(30px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes scaleIn{0%{transform:scale(.94);opacity:0}to{transform:scale(1);opacity:1}}@keyframes heartBurst{0%{transform:scale(1)}50%{transform:scale(1.35)}to{transform:scale(1)}}.animate-fade-in{animation:fadeIn .25s cubic-bezier(.16,1,.3,1) forwards}.animate-slide-up{animation:slideUp .35s cubic-bezier(.16,1,.3,1) forwards}.animate-scale-in{animation:scaleIn .25s cubic-bezier(.16,1,.3,1) forwards}.animate-heart-burst{animation:heartBurst .4s cubic-bezier(.175,.885,.32,1.275) forwards}.max-width-container{max-width:var(--max-content-width);margin-left:auto;margin-right:auto;padding-left:clamp(16px,3vw,24px);padding-right:clamp(16px,3vw,24px)}