@import "https://fonts.googleapis.com/css2?family=Fraunces:wght@500;600;700&family=Inter:wght@400;500;600;700&display=swap";*{box-sizing:border-box}:root{--cream:#fbf3e7;--surface:#fff;--brown:#4a2e1f;--brown-soft:#6b4a34;--caramel:#d98e3f;--caramel-dark:#b56f27;--pink:#e8b4b8;--border:#ead9c3;--shadow:0 8px 24px #4a2e1f14}html,body,#root{height:100%}body{background:var(--cream);color:var(--brown);margin:0;font-family:Inter,sans-serif}h1,h2,h3{color:var(--brown);margin:0;font-family:Fraunces,serif}.page{flex-direction:column;min-height:100vh;display:flex}.site-header{background:var(--surface);border-bottom:1px solid var(--border);z-index:20;position:sticky;top:0}.site-header-inner{justify-content:space-between;align-items:center;gap:16px;max-width:1100px;margin:0 auto;padding:14px 24px;display:flex}.brand{align-items:center;gap:10px;text-decoration:none;display:flex}.brand-mark{font-size:1.8rem}.brand-text{flex-direction:column;line-height:1.1;display:flex}.brand-name{color:var(--brown);font-family:Fraunces,serif;font-size:1.2rem;font-weight:700}.brand-tag{letter-spacing:.08em;text-transform:uppercase;color:var(--brown-soft);font-size:.72rem}.header-right{align-items:center;gap:12px;display:flex}.hours-pill{background:var(--cream);border:1px solid var(--border);color:var(--brown-soft);white-space:nowrap;border-radius:999px;padding:6px 12px;font-size:.8rem}.link-btn{color:var(--brown-soft);font-size:.88rem;font-weight:600;text-decoration:none}.link-btn:hover{color:var(--caramel-dark)}.cart-btn{background:var(--brown);color:#fff;cursor:pointer;border:none;border-radius:999px;padding:9px 16px;font-size:.88rem;font-weight:600;position:relative}.cart-btn:hover{background:var(--caramel-dark)}.cart-badge{background:var(--caramel);color:#fff;border-radius:999px;justify-content:center;align-items:center;min-width:18px;height:18px;font-size:.68rem;font-weight:700;display:flex;position:absolute;top:-6px;right:-6px}.hero{justify-content:space-between;align-items:center;gap:24px;width:100%;max-width:1100px;margin:0 auto;padding:56px 24px 32px;display:flex}.hero-content{max-width:560px}.hero-eyebrow{background:var(--pink);color:#7a3a40;text-transform:uppercase;letter-spacing:.05em;border-radius:999px;margin-bottom:14px;padding:5px 12px;font-size:.78rem;font-weight:700;display:inline-block}.hero h1{margin-bottom:14px;font-size:2.4rem;line-height:1.15}.hero p{color:var(--brown-soft);margin:0;font-size:1.02rem;line-height:1.5}.hero-art{flex-shrink:0;gap:10px;font-size:2.6rem;display:flex}.hero-art span{background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:20px;padding:14px}.hero-art span:nth-child(2),.hero-art span:nth-child(4){transform:translateY(14px)}.category-tabs{gap:10px;width:100%;max-width:1100px;margin:0 auto 20px;padding:0 24px;display:flex;overflow-x:auto}.tab{background:var(--surface);border:1px solid var(--border);color:var(--brown-soft);white-space:nowrap;cursor:pointer;border-radius:999px;padding:9px 18px;font-size:.9rem;font-weight:600}.tab.active{background:var(--brown);color:#fff;border-color:var(--brown)}.menu-grid{flex:1;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:18px;width:100%;max-width:1100px;margin:0 auto;padding:0 24px 48px;display:grid}.item-card{background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:18px;flex-direction:column;gap:10px;padding:18px;transition:transform .15s;display:flex}.item-card:hover{transform:translateY(-3px)}.item-emoji{background:var(--cream);border-radius:14px;justify-content:center;align-items:center;width:56px;height:56px;font-size:2.4rem;display:flex}.item-info h3{margin-bottom:4px;font-size:1.05rem}.item-info p{color:var(--brown-soft);margin:0;font-size:.85rem;line-height:1.4}.item-footer{justify-content:space-between;align-items:center;margin-top:auto;display:flex}.item-price{color:var(--brown);font-size:1.05rem;font-weight:700}.btn-add{background:var(--caramel);color:#fff;cursor:pointer;border:none;border-radius:999px;padding:8px 14px;font-size:.85rem;font-weight:700}.btn-add:hover{background:var(--caramel-dark)}.site-footer{text-align:center;color:var(--brown-soft);border-top:1px solid var(--border);padding:24px;font-size:.85rem}.footer-note{opacity:.8;margin-top:4px;font-size:.78rem}.drawer-overlay{opacity:0;pointer-events:none;z-index:30;background:#4a2e1f59;transition:opacity .2s;position:fixed;inset:0}.drawer-overlay.visible{opacity:1;pointer-events:auto}.drawer{background:var(--surface);z-index:31;flex-direction:column;width:400px;max-width:92vw;height:100%;transition:right .25s;display:flex;position:fixed;top:0;right:-420px;box-shadow:-8px 0 30px #4a2e1f2e}.drawer.open{right:0}.drawer-head{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:18px 20px;display:flex}.icon-btn{cursor:pointer;color:var(--brown-soft);background:0 0;border:none;font-size:1.1rem}.drawer-body{flex-direction:column;flex:1;gap:14px;padding:18px 20px;display:flex;overflow-y:auto}.empty-cart{text-align:center;color:var(--brown-soft);flex-direction:column;align-items:center;gap:10px;padding:40px 10px;display:flex}.empty-emoji{font-size:2.4rem}.cart-list{flex-direction:column;gap:12px;margin:0;padding:0;list-style:none;display:flex}.cart-line{border:1px solid var(--border);border-radius:12px;align-items:center;gap:10px;padding:10px;display:flex}.cart-line-emoji{font-size:1.6rem}.cart-line-info{flex-direction:column;flex:1;display:flex}.cart-line-name{font-size:.9rem;font-weight:600}.cart-line-price{color:var(--brown-soft);font-size:.8rem}.qty-stepper{background:var(--cream);border-radius:999px;align-items:center;gap:6px;padding:3px 8px;display:flex}.qty-stepper button{cursor:pointer;color:var(--brown);background:0 0;border:none;width:20px;font-size:1rem}.remove-btn{cursor:pointer;background:0 0;border:none;font-size:.95rem}.cart-summary{border-top:1px dashed var(--border);flex-direction:column;gap:6px;padding-top:12px;display:flex}.summary-row{color:var(--brown-soft);justify-content:space-between;font-size:.9rem;display:flex}.summary-row.total{color:var(--brown);font-size:1.05rem;font-weight:700}.btn-primary{background:var(--brown);color:#fff;cursor:pointer;text-align:center;border:none;border-radius:12px;padding:12px 18px;font-weight:700;text-decoration:none;display:inline-block}.btn-primary:hover{background:var(--caramel-dark)}.btn-primary.full{width:100%}.btn-secondary{background:var(--cream);color:var(--brown);border:1px solid var(--border);cursor:pointer;text-align:center;border-radius:12px;padding:12px 18px;font-weight:700;text-decoration:none}.field{color:var(--brown-soft);flex-direction:column;gap:6px;font-size:.85rem;font-weight:600;display:flex}.field input,.field select,.field textarea{border:1px solid var(--border);color:var(--brown);border-radius:10px;padding:10px 12px;font-family:inherit;font-size:.92rem}.field-row{gap:10px;display:flex}.field-row .field{flex:1}.drawer-actions{gap:10px;display:flex}.drawer-actions .btn-secondary,.drawer-actions .btn-primary{flex:1}.confirmation-wrap{width:100%;max-width:560px;margin:0 auto;padding:48px 24px}.confirmation-card{background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow);text-align:center;border-radius:20px;padding:32px}.check-circle{color:#2f8a4b;background:#e4f3e6;border-radius:50%;justify-content:center;align-items:center;width:56px;height:56px;margin:0 auto 16px;font-size:1.6rem;font-weight:700;display:flex}.confirmation-sub{color:var(--brown-soft);margin:6px 0 20px}.order-id-row{color:var(--brown-soft);border-bottom:1px solid var(--border);text-align:left;justify-content:space-between;padding:8px 0;font-size:.9rem;display:flex}.receipt-list{text-align:left;flex-direction:column;gap:6px;margin:14px 0;padding:0;list-style:none;display:flex}.receipt-list li{color:var(--brown-soft);justify-content:space-between;font-size:.9rem;display:flex}.order-notes{text-align:left;color:var(--brown-soft);margin-top:14px;font-size:.85rem}.confirmation-actions{gap:10px;margin-top:22px;display:flex}.confirmation-actions a{flex:1}.orders-wrap{flex:1;width:100%;max-width:700px;margin:0 auto;padding:40px 24px}.orders-wrap h1{margin-bottom:6px}.history-list{flex-direction:column;gap:14px;margin:20px 0 0;padding:0;list-style:none;display:flex}.history-card{background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:16px;padding:16px 18px}.history-top{color:var(--brown-soft);justify-content:space-between;margin-bottom:10px;font-size:.9rem;display:flex}.history-total{border-top:1px dashed var(--border);justify-content:space-between;padding-top:8px;font-weight:700;display:flex}@media (width<=700px){.hero{flex-direction:column;align-items:flex-start}.hero-art{align-self:center}.header-right{flex-wrap:wrap;justify-content:flex-end}}