*{box-sizing:border-box}:root{--bg:#f7f1e7;--panel:#ffffffe6;--panel-border:#66432824;--text:#2f241c;--muted:#6d5a4c;--accent:#8b5e3c;--accent-dark:#6f4629;--shadow:0 18px 45px #2f241c1c}html{scroll-behavior:smooth}body{color:var(--text);background:radial-gradient(circle at top, #8b5e3c24, transparent 34%), linear-gradient(180deg, var(--bg) 0%, #f1e7d8 100%);margin:0;font-family:Inter,Arial,Helvetica,sans-serif}button,input,select{font:inherit}button{cursor:pointer;border:none;border-radius:999px;padding:14px 22px;font-size:1rem;font-weight:700;transition:transform .16s,box-shadow .16s,opacity .16s}button:hover{opacity:.98;transform:translateY(-1px)}.app-shell{min-height:100vh}.topbar{justify-content:space-between;align-items:center;gap:16px;max-width:1200px;margin:0 auto;padding:22px 24px 0;display:flex}.brand{align-items:center;gap:14px;display:flex}.brand-mark{background:linear-gradient(180deg, #a16d48 0%, var(--accent) 100%);color:#fff;border-radius:16px;place-items:center;width:54px;height:54px;font-weight:800;display:grid;box-shadow:0 12px 25px #8b5e3c38}.brand-name{font-size:1.05rem;font-weight:800}.brand-subtitle,.topbar-note{color:var(--muted);font-size:.92rem}.hero{max-width:1200px;margin:0 auto;padding:42px 24px 20px}.hero-badge{border:1px solid var(--panel-border);color:var(--accent-dark);letter-spacing:.1em;text-transform:uppercase;background:#ffffffa8;border-radius:999px;margin-bottom:18px;padding:10px 16px;font-size:.82rem;font-weight:800;display:inline-block}.hero h1{letter-spacing:-.04em;margin:0;font-family:Georgia,Times New Roman,serif;font-size:clamp(2.2rem,5vw,4.2rem);line-height:1.02}.subtitle{max-width:760px;color:var(--muted);margin:18px 0 0;font-size:1.08rem;line-height:1.75}.content{max-width:1200px;margin:0 auto;padding:10px 24px 80px}.order-layout{grid-template-columns:minmax(0,1.7fr) minmax(320px,.8fr);align-items:start;gap:22px;display:grid}.card{background:var(--panel);border:1px solid var(--panel-border);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:24px;padding:26px}.card h2{margin:0 0 16px;font-family:Georgia,Times New Roman,serif;font-size:1.3rem}.field{gap:8px;margin-bottom:18px;display:grid}.field span{color:var(--accent-dark);font-weight:700}.field input,.field select{border:1px solid var(--panel-border);color:var(--text);background:#ffffffe6;border-radius:14px;padding:14px 16px}.item-grid{gap:12px;margin-bottom:22px;display:grid}.item-row{background:#ffffffb8;border:1px solid #8b5e3c1a;border-radius:18px;grid-template-columns:1fr auto;align-items:center;gap:18px;padding:16px;display:grid}.item-row strong{margin-bottom:4px;font-size:1.02rem;display:block}.item-row p{color:var(--muted);margin:0;font-size:.95rem;line-height:1.5}.qty-price{align-items:center;gap:10px;display:flex}.qty-price input{border:1px solid var(--panel-border);text-align:center;background:#fff;border-radius:12px;width:72px;padding:10px 12px}.qty-price span{text-align:right;min-width:52px;color:var(--accent-dark);font-weight:800}.summary{position:sticky;top:16px}.summary-list{gap:10px;display:grid}.summary-item{color:var(--muted);border-bottom:1px solid #8b5e3c1f;justify-content:space-between;gap:12px;padding:12px 0;display:flex}.summary-item strong{color:var(--text)}.totals{gap:10px;margin-top:18px;display:grid}.totals>div{color:var(--muted);justify-content:space-between;align-items:center;display:flex}.grand-total{border-top:1px solid #8b5e3c2e;margin-top:4px;padding-top:12px;font-size:1.05rem;color:var(--text)!important}.grand-total strong{font-size:1.2rem}.primary-btn{background:linear-gradient(180deg, #9d6a44 0%, var(--accent) 100%);color:#fff;width:100%;margin-top:20px;box-shadow:0 12px 25px #8b5e3c47}.secondary-btn{color:var(--text);border:1px solid var(--panel-border);background:#ffffffbf}.inline-btn{width:auto;padding:10px 16px}.remove-btn{color:#7a3f2a;background:#ffffffc7;border:1px solid #8b5e3c29;padding:10px 14px;font-size:.92rem}.small-note{color:var(--muted);margin-top:16px;font-size:.95rem;line-height:1.6}.empty-state{color:var(--muted);font-style:italic}.combo-card{background:#ffffffb8;border:1px solid #8b5e3c1a;border-radius:20px;margin-bottom:16px;padding:16px}.combo-header{justify-content:space-between;align-items:flex-start;gap:14px;margin-bottom:12px;display:flex}.combo-header strong{font-size:1.05rem}.combo-header p{color:var(--muted);margin:6px 0 0;line-height:1.45}.combo-actions{flex-direction:column;align-items:flex-end;gap:8px;display:flex}.combo-price{color:var(--accent-dark);white-space:nowrap;font-weight:800}.section-header{justify-content:space-between;align-items:center;gap:14px;margin:30px 0 12px;display:flex}.section-header h2{margin:0}.choice-row{flex-wrap:wrap;gap:10px;display:flex}.choice-pill{color:var(--text);cursor:pointer;-webkit-user-select:none;user-select:none;background:#fffc;border:1px solid #8b5e3c1f;border-radius:999px;align-items:center;gap:8px;padding:10px 14px;display:inline-flex}.choice-pill input{accent-color:var(--accent)}.combo-summary{background:#ffffffb8;border:1px solid #8b5e3c1a;border-radius:18px;margin-bottom:18px;padding:16px}.combo-summary h3{color:var(--accent-dark);margin:0 0 10px;font-size:1rem}.combo-summary p{color:var(--muted);margin:8px 0 0;line-height:1.5}.order-btn{margin-top:20px}.mobile-summary-toggle,.mobile-drawer{display:none}.quantity-badge{color:#fff;background:#ffffff38;border-radius:999px;place-items:center;min-width:26px;height:26px;margin-left:10px;padding:0 8px;font-size:.85rem;font-weight:800;display:inline-grid}.drawer-handle-wrap{justify-content:center;padding:10px 0 2px;display:flex}.drawer-handle{background:#6d5a4c47;border-radius:999px;width:44px;height:5px}.drawer-subtitle{color:var(--muted);margin:4px 0 0;font-size:.92rem}.drawer-footer{background:linear-gradient(#ffffffe0,#faf5eefa);border-top:1px solid #8b5e3c1f;padding:14px 18px 18px}.drawer-order-btn{margin-top:0}@media (width<=900px){.topbar{flex-direction:column;align-items:flex-start}.order-layout{grid-template-columns:1fr}.desktop-summary{display:none}.mobile-summary-toggle{z-index:25;background:linear-gradient(180deg, #9d6a44 0%, var(--accent) 100%);color:#fff;width:100%;margin-top:18px;display:block;position:sticky;bottom:12px;box-shadow:0 12px 25px #8b5e3c47}.section-header{flex-direction:column;align-items:flex-start}.combo-header{flex-direction:column}.combo-actions{align-items:flex-start}.combo-card{padding:14px}.item-row{grid-template-columns:1fr;gap:12px}.qty-price{justify-content:space-between;width:100%}.qty-price input{width:90px}.choice-row{gap:8px}.choice-pill{justify-content:flex-start;width:100%}.primary-btn,.secondary-btn.inline-btn,.remove-btn{width:100%}.summary{position:static}.mobile-drawer{z-index:1000;pointer-events:none;display:block;position:fixed;inset:0}.mobile-drawer.open{pointer-events:auto}.mobile-drawer-backdrop{opacity:0;background:#19120c73;transition:opacity .24s;position:absolute;inset:0}.mobile-drawer.open .mobile-drawer-backdrop{opacity:1}.mobile-drawer-panel{background:#fffffffa;border-radius:22px 22px 0 0;flex-direction:column;max-height:84vh;transition:transform .28s;display:flex;position:absolute;bottom:0;left:0;right:0;overflow:hidden;transform:translateY(100%);box-shadow:0 -14px 35px #2f241c38}.mobile-drawer.open .mobile-drawer-panel{transform:translateY(0)}.mobile-drawer-header{border-bottom:1px solid #8b5e3c1f;justify-content:space-between;align-items:center;gap:12px;padding:0 18px 16px;display:flex}.mobile-drawer-header h2{margin:0;font-family:Georgia,Times New Roman,serif;font-size:1.15rem}.drawer-close{color:#7a3f2a;background:#fffc;border:1px solid #8b5e3c29;padding:10px 14px}.mobile-drawer-body{-webkit-overflow-scrolling:touch;padding:16px 18px 24px;overflow:auto}}@media (width<=520px){.content{padding:10px 14px 96px}.hero{padding:36px 14px 18px}.card{border-radius:20px;padding:18px}.summary{padding:16px}.summary h2{font-size:1.15rem}.combo-summary{padding:12px}.combo-summary p{font-size:.95rem}.primary-btn{padding:15px 18px}.mobile-summary-toggle{bottom:10px}.mobile-drawer-panel{max-height:86vh}}