:root{--blacked:#000;--whited:#fff;--ink-900:#111;--ink-800:#222;--ink-700:#333;--ink-600:#555;--ink-500:#777;--ink-400:#999;--ink-300:#bbb;--ink-200:#ddd;--ink-100:#f5f5f5;--ink-50:#fafafa;--bg:var(--whited);--surface:var(--whited);--text:var(--ink-900);--muted:var(--ink-600);--accent:var(--blacked);--accent-hover:var(--ink-800);--border:var(--ink-200);--shadow:0 2px 12px #0000000f;--radius:0px;--font:"Inter", "Segoe UI", system-ui, -apple-system, sans-serif}*{box-sizing:border-box;margin:0;padding:0}html,body{font-family:var(--font);background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;line-height:1.55}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}button,.btn{border:2px solid var(--blacked);cursor:pointer;text-transform:uppercase;letter-spacing:.08em;border-radius:var(--radius);background:var(--blacked);color:var(--whited);outline:none;justify-content:center;align-items:center;gap:8px;padding:12px 22px;font-family:inherit;font-size:.9rem;font-weight:700;transition:background .15s,color .15s,transform .1s;display:inline-flex}button:hover,.btn:hover{background:var(--whited);color:var(--blacked);transform:translateY(-1px)}button:disabled,.btn:disabled{opacity:.35;cursor:not-allowed;transform:none}.btn-ghost{color:var(--blacked);background:0 0}.btn-ghost:hover{background:var(--blacked);color:var(--whited)}.container{max-width:1100px;margin:0 auto;padding:0 20px}header{background:var(--whited);border-bottom:2px solid var(--blacked);z-index:50;padding:16px 0 12px;position:sticky;top:0}header .container{justify-content:space-between;align-items:center;display:flex}.brand{color:var(--ink-900);letter-spacing:-.02em;text-transform:uppercase;font-size:1.35rem;font-weight:900}.brand span{color:var(--ink-600)}.brand-tagline{text-transform:uppercase;letter-spacing:.25em;color:var(--ink-500);margin-top:2px;font-size:.62rem;font-weight:700}.nav-links{text-transform:uppercase;letter-spacing:.1em;align-items:center;gap:22px;font-size:.85rem;font-weight:600;display:flex}.nav-links a{color:var(--ink-700)}.nav-links a:hover{color:var(--blacked)}.nav-links a.cart-btn{background:var(--blacked);color:var(--whited);border:2px solid var(--blacked);text-transform:uppercase;letter-spacing:.08em;border-radius:var(--radius);align-items:center;gap:6px;padding:8px 16px;font-size:.8rem;font-weight:700;transition:background .15s,color .15s,transform .1s;display:inline-flex}.nav-links a.cart-btn:hover{background:var(--whited);color:var(--blacked);transform:translateY(-1px)}.nav-links a.cart-btn .cart-badge{background:var(--whited);color:var(--blacked);border-radius:999px;margin-left:4px;padding:2px 7px;font-size:.65rem;font-weight:800}.cart-badge{background:var(--blacked);color:var(--whited);border-radius:999px;margin-left:4px;padding:2px 7px;font-size:.65rem;font-weight:800}.zigzag-band{background:linear-gradient(135deg, var(--blacked) 25%, transparent 25%) -8px 0, linear-gradient(225deg, var(--blacked) 25%, transparent 25%) -8px 0, linear-gradient(315deg, var(--blacked) 25%, transparent 25%), linear-gradient(45deg, var(--blacked) 25%, transparent 25%);background-size:16px 16px;background-color:var(--whited);height:8px}.grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:22px;padding:24px 0 40px;display:grid}.card{background:var(--surface);border:1.5px solid var(--ink-200);border-radius:var(--radius);flex-direction:column;transition:border-color .2s,transform .2s;display:flex;overflow:hidden}.card:hover{border-color:var(--blacked);transform:translateY(-3px)}.card-img{aspect-ratio:4/3;object-fit:cover;background:var(--ink-100);width:100%;display:block}.card-body{flex-direction:column;flex:1;gap:6px;padding:14px 16px;display:flex}.card-title{text-transform:uppercase;letter-spacing:.02em;font-size:1.05rem;font-weight:800;line-height:1.25}.card-desc{color:var(--muted);font-size:.85rem;line-height:1.45}.card-price{color:var(--ink-900);margin-top:auto;padding-top:8px;font-size:1.05rem;font-weight:800}.card-meta{flex-wrap:wrap;gap:6px;margin-top:4px;display:flex}.tag{text-transform:uppercase;letter-spacing:.08em;background:var(--ink-100);color:var(--ink-700);border:1px solid var(--ink-200);border-radius:0;padding:3px 8px;font-size:.68rem;font-weight:700}label{text-transform:uppercase;letter-spacing:.1em;color:var(--ink-700);margin-bottom:6px;font-size:.78rem;font-weight:700;display:block}input,select,textarea{border:1.5px solid var(--ink-300);border-radius:var(--radius);background:var(--surface);width:100%;color:var(--text);padding:12px 14px;font-family:inherit;font-size:.95rem;transition:border-color .15s}input:focus,select:focus,textarea:focus{border-color:var(--blacked);outline:none}.form-group{margin-bottom:18px}.page-title{text-transform:uppercase;letter-spacing:-.01em;margin:28px 0 8px;font-size:1.7rem;font-weight:900}.page-sub{color:var(--muted);margin-bottom:22px;font-size:.92rem}.cart-grid{grid-template-columns:1fr 320px;align-items:start;gap:28px;display:grid}.checkout-grid{grid-template-columns:1fr 320px;align-items:stretch;gap:28px;margin-top:20px;display:grid}@media (max-width:840px){.cart-grid,.checkout-grid{grid-template-columns:1fr}}.checkout-bar{background:var(--surface);border-top:2px solid var(--blacked);z-index:100;justify-content:center;align-items:center;gap:16px;padding:12px 20px;display:flex;position:fixed;bottom:0;left:0;right:0}.checkout-bar .bar-total{font-size:1.05rem;font-weight:800}.checkout-bar button{padding:12px 28px;font-size:1rem}@media (max-width:840px){.checkout-grid{padding-bottom:80px}}.panel{background:var(--surface);border:1.5px solid var(--ink-200);border-radius:var(--radius);box-shadow:var(--shadow);padding:20px}.panel h3{text-transform:uppercase;letter-spacing:.05em;margin-bottom:14px;font-size:.95rem;font-weight:800}.summary-row{justify-content:space-between;margin-bottom:8px;font-size:.9rem;display:flex}.summary-total{border-top:2px solid var(--blacked);text-transform:uppercase;justify-content:space-between;margin-top:10px;padding-top:10px;font-size:1.05rem;font-weight:800;display:flex}.mode-cards{grid-template-columns:1fr 1fr;gap:12px;margin-bottom:16px;display:grid}.mode-card{border:2px solid var(--ink-200);border-radius:var(--radius);cursor:pointer;text-align:center;padding:16px;transition:border-color .2s,background .2s}.mode-card:hover{border-color:var(--blacked)}.mode-card.selected{border-color:var(--blacked);background:var(--ink-50)}.mode-card h4{text-transform:uppercase;letter-spacing:.04em;margin-bottom:4px;font-size:.95rem;font-weight:800}.mode-card p{color:var(--muted);font-size:.8rem}.slot-list{flex-direction:column;gap:8px;display:flex}.slot-item{border:1.5px solid var(--ink-200);border-radius:var(--radius);cursor:pointer;justify-content:space-between;align-items:center;padding:10px 12px;font-size:.9rem;transition:border-color .15s,background .15s;display:flex}.slot-item:hover,.slot-item.selected{border-color:var(--blacked);background:var(--ink-50);color:var(--blacked)}button.slot-item.selected{background:var(--ink-50)!important;color:var(--blacked)!important;border-color:var(--blacked)!important}.empty{text-align:center;color:var(--muted);padding:60px 20px}.spinner{border:3px solid var(--ink-200);border-top-color:var(--blacked);border-radius:50%;width:28px;height:28px;margin:0 auto 14px;animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.success-box{text-align:center;padding:50px 20px}.success-box h2{text-transform:uppercase;letter-spacing:-.01em;margin-bottom:8px;font-size:1.6rem;font-weight:900}.success-box p{color:var(--muted);margin-bottom:22px}.product-detail-wrapper{grid-template-columns:1fr 1fr;align-items:start;gap:48px;display:grid}.product-detail-info h1{font-size:32px}.product-detail-bottom{grid-template-columns:1fr 1fr;gap:32px;margin-top:48px;display:grid}@media (max-width:640px){.container{padding:0 14px}.brand{font-size:1.15rem}.brand-tagline{letter-spacing:.18em;font-size:.55rem}.nav-links{gap:14px;font-size:.78rem}.page-title{font-size:1.35rem}.grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:14px;padding:16px 0 30px}.card-img{aspect-ratio:1}.card-body{gap:4px;padding:10px 12px}.card-title{font-size:.88rem}.card-desc{line-clamp:2;font-size:.76rem}.card-price{padding-top:6px;font-size:.95rem}.tag{padding:2px 5px;font-size:.62rem}.product-detail-wrapper{grid-template-columns:1fr;gap:18px}.product-detail-info h1{font-size:1.3rem}.product-detail-bottom{grid-template-columns:1fr;gap:18px;margin-top:24px}.cart-grid{grid-template-columns:1fr;gap:18px;margin-top:16px;display:grid}.cart-item{flex-wrap:wrap;align-items:center;gap:10px;padding:12px;display:flex}.cart-item-info{flex:100%;min-width:0}.cart-item-ingredients{white-space:normal!important;text-overflow:clip!important;max-width:100%!important;overflow:visible!important}.cart-item-qty{order:3}.cart-item-price{text-align:right;order:2;min-width:60px;margin-left:auto;font-weight:800}.cart-item-remove{color:var(--muted);cursor:pointer;background:0 0;border:none;order:4;padding:4px;font-size:.85rem}.checkout-grid{grid-template-columns:1fr;gap:18px}.mode-cards{grid-template-columns:1fr}.footer-inner{flex-direction:column;gap:18px;display:flex;align-items:flex-start!important}}footer{border-top:2px solid var(--blacked);background:var(--whited);margin-top:60px;padding:40px 0 30px}.footer-inner{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;display:flex}.footer-brand{text-transform:uppercase;letter-spacing:-.01em;font-size:1.1rem;font-weight:900}.footer-tagline{text-transform:uppercase;letter-spacing:.2em;color:var(--ink-500);margin-top:4px;font-size:.7rem;font-weight:700}.footer-links{text-transform:uppercase;letter-spacing:.08em;gap:18px;font-size:.8rem;font-weight:600;display:flex}.footer-links a{color:var(--ink-600)}.footer-links a:hover{color:var(--blacked)}
