:root{--cream: #faf6f0;--paper: #ffffff;--ink: #2a211c;--muted: #7a6d64;--line: #ece4da;--espresso: #5b3a29;--crema: #c98a4b;--leaf: #3f7d58;--radius: 14px;color-scheme:light}*{box-sizing:border-box}body{margin:0;background:var(--cream);color:var(--ink);font:15px/1.5 Inter,system-ui,sans-serif}button{font:inherit;cursor:pointer}.shell{min-height:100vh;display:flex;flex-direction:column}.header{display:flex;align-items:center;gap:16px;padding:14px 24px;background:var(--paper);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:5}.brand{display:flex;align-items:center;gap:10px;background:none;border:0;padding:0;color:var(--ink)}.brand-mark{width:36px;height:36px;border-radius:10px;background:var(--espresso);color:var(--cream);display:grid;place-items:center;font:700 12px Fraunces,serif}.brand-name{font:700 19px Fraunces,serif}.header-note{color:var(--muted);font-size:13px;margin-right:auto}.cart-button{display:flex;align-items:center;gap:8px;padding:8px 14px;border-radius:999px;border:1px solid var(--line);background:var(--paper);color:var(--ink);font-weight:600}.cart-count{min-width:22px;height:22px;border-radius:11px;background:var(--crema);color:#fff;font-size:12px;display:grid;place-items:center;padding:0 6px}.page{flex:1;width:100%;max-width:980px;margin:0 auto;padding:28px 24px 48px}.page-title{font:700 30px/1.2 Fraunces,serif;margin:0 0 18px}.tabs{display:flex;gap:8px;margin-bottom:20px}.tab{padding:8px 16px;border-radius:999px;border:1px solid var(--line);background:var(--paper);color:var(--muted);font-weight:500}.tab.active{background:var(--espresso);border-color:var(--espresso);color:var(--cream)}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:14px}.item{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);padding:18px;display:flex;flex-direction:column;gap:10px}.item-emoji{font-size:34px}.item h2{margin:0;font:600 17px Fraunces,serif}.item p{margin:2px 0 0;color:var(--muted);font-size:13.5px}.item-body{flex:1}.item-foot{display:flex;align-items:center;justify-content:space-between}.price{font-weight:600}.add,.primary{border:0;border-radius:10px;padding:9px 16px;background:var(--espresso);color:var(--cream);font-weight:600;transition:background .15s}.add:hover,.primary:hover{background:#47291b}.add.added{background:var(--leaf)}.primary{padding:12px 18px;width:100%}.primary:disabled{opacity:.45;cursor:default}.link{background:none;border:0;padding:0;color:var(--crema);font-weight:600}.muted{color:var(--muted)}.scrim{position:fixed;inset:0;background:#2a211c59;z-index:10}.cart-panel{position:fixed;top:0;right:0;bottom:0;width:min(400px,100vw);background:var(--paper);z-index:11;padding:22px;display:flex;flex-direction:column;gap:14px;box-shadow:-20px 0 50px #2a211c1f}.cart-head{display:flex;justify-content:space-between;align-items:center}.cart-head h2{margin:0;font:700 22px Fraunces,serif}.lines{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px;flex:1;overflow:auto}.lines li{display:grid;grid-template-columns:1fr auto 70px;gap:10px;align-items:center}.lines .price{text-align:right}.summary{flex:none;margin:8px 0 12px}.summary li{grid-template-columns:1fr auto}.qty{display:flex;align-items:center;gap:8px;font-weight:600}.qty-btn{width:26px;height:26px;border-radius:8px;border:1px solid var(--line);background:var(--cream);color:var(--ink);padding:0}.total{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding-top:12px;font-size:16px}.checkout{max-width:520px}.checkout-form{display:flex;flex-direction:column;gap:14px;margin-top:18px}.checkout-form label{display:flex;flex-direction:column;gap:6px;font-weight:500;font-size:14px}.checkout-form input{padding:11px 12px;border-radius:10px;border:1px solid var(--line);background:var(--paper);font:inherit}.confirmation{text-align:center;max-width:440px;margin:40px auto;display:flex;flex-direction:column;align-items:center;gap:8px}.check{width:64px;height:64px;border-radius:50%;background:var(--leaf);color:#fff;font-size:30px;display:grid;place-items:center;margin-bottom:8px}.footer{text-align:center;color:var(--muted);font-size:12px;padding:18px}@media(max-width:600px){.header-note{display:none}.page-title{font-size:24px}}.usual{display:flex;align-items:center;gap:16px;margin-bottom:18px;padding:16px 18px;background:var(--cream);border:1px solid var(--line);border-left:4px solid var(--crema);border-radius:var(--radius)}.usual-body{flex:1;min-width:0}.usual h2{margin:0;font:600 17px Fraunces,serif;color:var(--espresso)}.usual-lines{margin:2px 0 0;overflow-wrap:anywhere}.usual-note{margin:4px 0 0;color:var(--crema);font-size:13px}.usual .add:disabled{cursor:default}@media(max-width:600px){.usual{flex-direction:column;align-items:stretch;gap:12px}.usual .add{width:100%;padding:12px 16px}}