:root{color-scheme:light;font-family:Manrope,Segoe UI,system-ui,sans-serif;background:#fff;color:#000;--accent: #000000;--accent-2: #273c2c;--accent-soft: rgba(39, 60, 44, .12);--danger: #8a3d2c;--border: rgba(0, 0, 0, .2);--muted: rgba(0, 0, 0, .55);--surface: #ffffff;--tint: rgba(0, 0, 0, .06);--tint-strong: rgba(0, 0, 0, .12);--overlay: rgba(0, 0, 0, .45);--tabbar-offset: 25px;--tabbar-height: 62px}*{box-sizing:border-box}body{margin:0;background:#fff}.app{min-height:100vh;display:flex;flex-direction:column}.app-header{display:flex;justify-content:space-between;align-items:center;gap:12px;--header-height: 76px;height:var(--header-height);padding:calc(var(--header-height) * .05) 16px;background:#280201;color:#fff;border-bottom:1px solid rgba(255,255,255,.15);border-radius:16px;margin:10px 10px 0;position:relative}.brand{display:flex;align-items:center;gap:4px;height:100%}.brand-logo{height:calc(var(--header-height) * .9);width:auto;max-height:calc(var(--header-height) * .9);object-fit:contain;display:block}.brand-name{font-weight:700;font-size:16px;line-height:1}.brand-subtitle{font-size:12px;color:var(--muted)}.city-select select{border:1px solid rgba(255,255,255,.35);background:#ffffff1f;color:#fff;padding:6px 10px;border-radius:999px;font-size:12px}.city-select select option{color:#000}.app-main{flex:1;padding:20px 20px 140px;display:flex;flex-direction:column;gap:16px}.catalog-header{display:flex;justify-content:space-between;align-items:flex-start;gap:16px}.catalog-header h1{margin:0 0 4px;font-size:20px}.catalog-header p{margin:0;color:var(--muted);font-size:13px}.catalog-banner{border-radius:16px;border:1px solid var(--border);background:var(--tint);overflow:hidden}.catalog-banner.image img{width:100%;height:140px;object-fit:cover;display:block}.catalog-banner.text .banner-text{padding:16px;display:grid;gap:6px}.catalog-banner.text h2{margin:0;font-size:16px;color:var(--accent-2)}.catalog-banner.text p{margin:0;color:var(--muted);font-size:13px}.error{background:#8a3d2c1f;border:1px solid var(--danger);color:var(--danger);padding:10px 12px;border-radius:10px;font-size:12px;max-width:220px}.filters{display:flex;flex-direction:column;gap:8px}.chip-row{display:flex;gap:8px;overflow-x:auto;padding-bottom:4px}.chip{border:1px solid var(--border);background:var(--surface);padding:6px 12px;border-radius:999px;font-size:12px;white-space:nowrap}.chip.active{border-color:var(--accent);background:var(--accent-soft);color:var(--accent);font-weight:600}.catalog-grid{display:grid;gap:16px}.product-card{background:var(--surface);border-radius:16px;overflow:hidden;box-shadow:0 8px 24px #18130f14;display:grid;grid-template-columns:120px 1fr;min-height:140px}.product-media{position:relative;background:var(--tint)}.product-media img{width:100%;height:100%;object-fit:cover;display:block}.product-media .placeholder{height:100%;display:grid;place-items:center;color:var(--muted);font-size:12px}.badge{position:absolute;left:10px;top:10px;background:#ffffffe6;padding:4px 8px;border-radius:999px;font-size:10px;color:var(--accent);border:1px solid var(--border)}.product-body{padding:12px 14px;display:flex;flex-direction:column;justify-content:space-between;gap:12px}.product-body h3{margin:0;font-size:14px}.muted{color:var(--muted);font-size:12px;margin:4px 0 0}.product-footer{display:flex;justify-content:space-between;align-items:center;gap:12px}.price{font-weight:700;color:var(--accent)}.qty-control{display:inline-flex;align-items:center;gap:8px;background:var(--tint);padding:6px;border-radius:999px}.qty-control button{border:none;background:var(--surface);width:24px;height:24px;border-radius:50%;font-size:16px}.qty-control span{min-width:20px;text-align:center;font-size:12px}.state{text-align:center;padding:24px;color:var(--muted)}.floating-cart{position:fixed;left:16px;right:16px;bottom:calc(var(--tabbar-offset) + var(--tabbar-height) + env(safe-area-inset-bottom) + 10px);background:var(--surface);border-radius:16px;padding:12px 16px;box-shadow:0 12px 28px #18130f2e;display:flex;justify-content:space-between;align-items:center;gap:12px}.floating-cart .total{font-weight:700}.floating-cart button{border:none;background:var(--accent-2);color:#fff;padding:10px 16px;border-radius:999px;font-size:12px}.sheet-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--overlay);display:grid;place-items:center;padding:10px;z-index:20}.sheet{background:var(--surface);width:min(520px,100%);border-radius:20px;box-shadow:0 24px 60px #18130f47;display:flex;flex-direction:column;max-height:90vh}.sheet-header{padding:16px 20px;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;align-items:center}.sheet-title{font-weight:700}.sheet-subtitle{font-size:12px;color:var(--muted)}.icon-button{border:none;background:var(--tint);width:32px;height:32px;border-radius:50%;font-size:14px}.sheet-body{padding:16px 20px;overflow-y:auto;display:flex;flex-direction:column;gap:16px}.legal-body{gap:10px;font-size:12px;line-height:1.45}.legal-body p{margin:0}.legal-body ul{margin:0;padding-left:18px;display:grid;gap:6px}.sheet-footer{padding:16px 20px;border-top:1px solid var(--border);display:flex;justify-content:space-between;align-items:center;gap:12px}.sheet-footer button{border:none;background:var(--accent-2);color:#fff;padding:10px 16px;border-radius:999px;font-size:12px}.sheet-footer button:disabled,.form-actions button:disabled{opacity:.5;cursor:not-allowed}.cart-list{display:grid;gap:12px}.cart-item{display:flex;justify-content:space-between;align-items:center;gap:12px;padding-bottom:12px;border-bottom:1px solid var(--border)}.cart-title{font-weight:600;font-size:13px}.cart-total{font-weight:600}.cart-block{background:var(--tint);padding:12px;border-radius:12px;display:grid;gap:8px}.promo-input{display:grid;grid-template-columns:1fr auto;gap:8px}.promo-input input{padding:10px 12px;border-radius:10px;border:1px solid var(--border);font-size:12px;background:var(--surface)}.promo-input button,.promo-applied button{border:none;background:var(--accent);color:#fff;padding:8px 12px;border-radius:999px;font-size:12px;white-space:nowrap}.promo-input button:disabled,.promo-applied button:disabled{opacity:.6;cursor:not-allowed}.promo-applied{display:flex;justify-content:space-between;align-items:center;gap:12px}.promo-applied .secondary{background:var(--tint);color:var(--accent)}.promo-code{font-weight:600;font-size:12px;letter-spacing:.5px}.promo-message{font-size:12px;color:var(--danger)}.promo-row{color:var(--accent-2);font-weight:600}.block-title{font-weight:600;font-size:13px}.row{display:flex;justify-content:space-between;align-items:center;font-size:12px}.total-row{font-weight:700;font-size:14px}.option-grid{display:grid;gap:8px}.option-card{border:1px solid var(--border);background:var(--surface);border-radius:12px;padding:10px 12px;text-align:left}.option-card.active{border-color:var(--accent);background:var(--accent-soft);color:var(--accent);font-weight:600}.toggle{display:flex;align-items:center;gap:10px;font-size:12px}.stepper{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.step{border:1px solid var(--border);background:var(--surface);padding:8px;border-radius:10px;font-size:12px}.step.active{border-color:var(--accent);background:var(--accent-soft);color:var(--accent);font-weight:600}.form-grid{display:grid;gap:12px}.form-field{display:grid;gap:6px;font-size:12px}.form-field input,.form-field select,.form-field textarea{padding:10px 12px;border-radius:10px;border:1px solid var(--border);font-size:12px}.form-field textarea{resize:vertical}.form-actions{display:flex;justify-content:space-between;gap:8px}.form-actions button{border:none;background:var(--accent-2);color:#fff;padding:10px 16px;border-radius:999px;font-size:12px;flex:1}.form-actions .secondary{background:var(--tint);color:var(--accent)}.toggle-row{display:grid;grid-template-columns:1fr 1fr;gap:8px}.toggle-row button{border:1px solid var(--border);padding:8px;border-radius:10px;background:#fff;font-size:12px}.toggle-row button.active{border-color:var(--accent);background:var(--accent-soft);color:var(--accent)}.pickup-note{padding:10px 12px;border-radius:10px;background:var(--tint);border:1px dashed var(--border);color:var(--accent)}.order-success{display:grid;gap:8px;text-align:center}.order-success button{border:none;background:var(--accent-2);color:#fff;padding:10px 16px;border-radius:999px;font-size:12px;margin-top:8px}.order-success button.secondary{background:var(--tint);color:var(--accent)}.success-title{font-weight:700;font-size:16px}.success-total{font-weight:700;color:var(--accent)}.page-header{display:flex;justify-content:space-between;align-items:flex-start;gap:16px}.page-header h1{margin:0 0 4px;font-size:20px}.page-header p{margin:0;color:var(--muted);font-size:13px}.cart-page{display:flex;flex-direction:column;gap:16px}.cart-actions{display:flex;justify-content:space-between;align-items:center;gap:12px;background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:12px 14px}.cart-actions button{border:none;background:var(--accent);color:#fff;padding:10px 16px;border-radius:999px;font-size:12px}.cart-actions button:disabled{opacity:.6;cursor:not-allowed}.profile-grid{display:flex;flex-direction:column;gap:16px}.profile-card{background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:14px;display:flex;flex-direction:column;gap:12px}.profile-hero{display:flex;gap:12px;align-items:center}.avatar{width:48px;height:48px;border-radius:50%;background:var(--accent);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600;letter-spacing:.5px}.profile-name{font-weight:600;font-size:15px}.profile-bonus{display:flex;justify-content:space-between;align-items:center;gap:12px;background:var(--tint);border-radius:12px;padding:10px 12px}.bonus-rules{font-size:12px;color:var(--muted);max-width:190px;text-align:right}.info-card{background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:14px;display:flex;flex-direction:column;gap:10px}.section-title{font-weight:600;font-size:14px}.order-list{display:flex;flex-direction:column;gap:8px}.order-row{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.order-row.compact{align-items:center}.order-id{font-weight:600;font-size:12px;word-break:break-all}.order-meta{text-align:right;display:flex;flex-direction:column;gap:2px}.order-meta .status{font-size:12px;color:var(--accent)}.order-meta .total{font-weight:600}.address-list{display:flex;flex-direction:column;gap:8px}.address-item{padding:8px 10px;border-radius:12px;background:var(--tint)}.address-title{font-weight:600;font-size:12px;margin-bottom:4px}.support-card{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}.support-card button{border:none;background:var(--accent);color:#fff;padding:10px 16px;border-radius:999px;font-size:12px}.about-grid{display:flex;flex-direction:column;gap:16px}.advantage-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px}.adv-card{border:1px solid var(--border);border-radius:16px;padding:12px;background:var(--surface);display:flex;flex-direction:column;gap:6px}.adv-icon{width:32px;height:32px;border-radius:50%;background:var(--accent);color:#fff;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:600}.adv-title{font-weight:600;font-size:13px}.about-list{margin:0;padding-left:16px;display:flex;flex-direction:column;gap:6px;color:var(--muted);font-size:13px}.contact-list{display:flex;flex-direction:column;gap:8px;font-size:13px}.contact-item{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap}.contact-item span:last-child{text-align:right}.tabbar{display:grid;grid-template-columns:repeat(4,1fr);background:#fff;border:1px solid var(--accent-2);border-radius:16px;position:fixed;left:10px;right:10px;bottom:var(--tabbar-offset);min-height:var(--tabbar-height);z-index:30;padding-bottom:env(safe-area-inset-bottom)}.consent-banner{position:fixed;left:16px;right:16px;bottom:calc(72px + env(safe-area-inset-bottom));background:#280201;color:#fff;border-radius:16px;padding:12px 14px;box-shadow:0 12px 28px #18130f59;display:flex;align-items:center;gap:10px;flex-wrap:wrap;z-index:15}.consent-banner.offset{bottom:calc(140px + env(safe-area-inset-bottom))}.consent-text{font-size:11px;line-height:1.35;flex:1 1 220px}.consent-link{border:none;background:transparent;color:#ffd5d1;padding:0;font-size:11px;text-decoration:underline;cursor:pointer}.consent-hide{border:none;background:#fff;color:#280201;padding:6px 12px;border-radius:999px;font-size:11px;font-weight:600;cursor:pointer}.tab{padding:12px 8px;border:none;background:transparent;font-size:12px;position:relative;display:flex;flex-direction:column;align-items:center;gap:4px;color:var(--muted)}.tab.active{color:var(--accent-2);font-weight:600}.tab-icon{width:18px;height:18px;display:block}.tab:not(.active) .tab-icon{filter:none;opacity:1}.badge-dot{position:absolute;top:2px;right:18px;background:var(--accent-2);color:#fff;border-radius:999px;padding:2px 6px;font-size:10px}