:root{color-scheme:light dark;--bg: #fff8ee;--bg-accent: #fffdf8;--surface: #ffffff;--surface-soft: #fff3de;--text: #202733;--muted: #687385;--brand: #d97706;--brand-strong: #b45309;--border: #f3d5a9}@media(prefers-color-scheme:dark){:root{--bg: #120e08;--bg-accent: #1d150b;--surface: #1f1710;--surface-soft: #2d2118;--text: #f4f0e9;--muted: #c9bca8;--brand: #f59e0b;--brand-strong: #d97706;--border: #443120}}*{box-sizing:border-box}body{margin:0;min-height:100vh;font-family:Nunito Sans,Segoe UI,sans-serif;background:linear-gradient(150deg,var(--bg),var(--bg-accent));color:var(--text)}#root{min-height:100vh}.mobile-shell{max-width:460px;margin:0 auto;min-height:100vh;padding:0 14px 92px}.mobile-header{position:sticky;top:0;z-index:20;padding:14px 4px 10px;display:flex;align-items:center;gap:10px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:color-mix(in srgb,var(--bg) 90%,transparent)}.brand-text{flex:1}.header-cart{width:36px;height:36px;border-radius:12px;border:1px solid var(--border);background:var(--surface);color:var(--brand);display:grid;place-items:center;text-decoration:none;position:relative}.header-cart__badge{position:absolute;top:-6px;right:-6px;min-width:18px;height:18px;border-radius:999px;background:var(--brand);color:#fff;font-size:10px;font-weight:800;display:grid;place-items:center;padding:0 4px}.brand-logo{width:38px;height:38px;border-radius:11px;background:var(--surface);border:1px solid var(--border);object-fit:contain;padding:4px}.brand-subtitle{margin:0;font-size:12px;color:var(--muted)}.brand-title{margin:0;font-size:16px;font-weight:800}.mobile-content{display:grid;gap:14px}.hero-card{display:grid;grid-template-columns:56px 1fr;gap:10px;align-items:center;padding:14px;border-radius:20px;background:linear-gradient(140deg,var(--brand),var(--brand-strong));color:#fff}.hero-card>div{display:grid;gap:2px;align-content:center}.hero-card h2{margin:0 0 1px;font-size:18px;line-height:1.15}.hero-card p{margin:0;font-size:15px;font-weight:700;line-height:1.2}.hero-card small{margin:0;opacity:.95;font-size:12px;line-height:1.3}.hero-logo{width:56px;height:56px;border-radius:14px;background:#fff;object-fit:contain;padding:7px}.section{display:grid;gap:10px}.section-title{font-size:13px;font-weight:800;text-transform:uppercase;color:var(--muted);letter-spacing:.7px}.slider-wrap{overflow:hidden;border-radius:16px;border:1px solid var(--border)}.slider-track{display:flex;transition:transform .36s ease}.slider-card{min-width:100%;height:172px;position:relative;background:var(--surface-soft)}.slider-image{width:100%;height:100%;object-fit:cover}.slider-overlay{position:absolute;inset:auto 0 0;padding:12px;color:#fff;background:linear-gradient(to top,#000000a6,#0000)}.slider-overlay h3{margin:0 0 3px;font-size:15px}.slider-overlay p{margin:0;font-size:12px}.slider-dots{display:flex;gap:6px;justify-content:center;padding:8px 0;background:var(--surface)}.slider-dot{width:8px;height:8px;border-radius:99px;border:0;background:#c9cfd8}.slider-dot.is-active{width:22px;background:var(--brand)}.category-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.category-card{border-radius:14px;padding:10px 6px;background:var(--surface);display:grid;justify-items:center;gap:6px;text-align:center;color:var(--text);border:1px solid var(--border);transition:border-color .22s ease,color .22s ease,transform .22s ease}.category-card p{margin:0;font-size:11px;line-height:1.25}.category-card.is-active{border-color:var(--brand);color:var(--brand);transform:translateY(-1px)}.news-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.news-card{border:1px solid var(--border);border-radius:14px;overflow:hidden;background:var(--surface)}.link-card{text-decoration:none;color:inherit}.news-image{width:100%;height:108px;object-fit:cover}.news-image.placeholder{display:flex;align-items:center;justify-content:center;background:var(--surface-soft);color:var(--muted);font-size:11px}.news-meta{padding:10px}.news-meta h3{margin:0 0 5px;font-size:13px}.news-meta p{margin:0;color:var(--muted);font-size:11px;line-height:1.35}.list-cards{display:grid;gap:10px}.item-card{display:grid;grid-template-columns:70px 1fr;gap:10px;align-items:center;padding:10px;border-radius:14px;border:1px solid var(--border);background:var(--surface)}.item-card.no-image{grid-template-columns:1fr}.item-image{width:70px;height:70px;border-radius:12px;object-fit:cover;background:var(--surface-soft)}.item-image.placeholder{display:flex;align-items:center;justify-content:center;color:var(--muted);font-size:11px}.item-meta h3{margin:0 0 4px;font-size:13px}.item-meta p{margin:0;color:var(--muted);font-size:12px;line-height:1.35}.qty-row{margin:4px 0 6px;display:flex;align-items:center;gap:6px}.qty-value{min-width:26px;text-align:center;font-size:12px;font-weight:700}.qty-btn{border:1px solid var(--border);background:var(--surface);color:var(--text);border-radius:8px;padding:5px 8px;font-size:12px;font-weight:700;cursor:pointer}.qty-btn:disabled{opacity:.65;cursor:not-allowed}.qty-btn.danger{color:#b91c1c;border-color:#fecaca}.chips{display:flex;flex-wrap:wrap;gap:8px}.chip{border:1px solid var(--border);background:var(--surface);border-radius:999px;padding:7px 11px;font-size:12px;color:var(--text)}.chip.is-active{border-color:var(--brand);color:var(--brand)}.chip-icon{display:inline-flex;align-items:center;gap:5px}.filter-grid{display:grid;gap:8px}.bottom-nav{position:fixed;left:50%;transform:translate(-50%);bottom:10px;width:min(420px,calc(100% - 24px));display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--border);padding:8px 6px calc(8px + env(safe-area-inset-bottom));background:color-mix(in srgb,var(--surface) 93%,transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:16px}.bottom-nav__item{text-decoration:none;color:var(--muted);display:grid;justify-items:center;gap:4px;padding:6px 2px;transition:color .22s ease,transform .22s ease,opacity .22s ease;opacity:.82}.bottom-nav__item.is-active{color:var(--brand);opacity:1}.bottom-nav__item.is-active .bottom-nav__icon{transform:translateY(-1px)}.bottom-nav__icon{transition:transform .22s ease,color .22s ease}.bottom-nav__label{font-size:11px;font-weight:700}.auth-card{background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:14px;display:grid;gap:8px}.profile-card{background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:14px;display:flex;align-items:center;gap:12px}.profile-card h3{margin:0 0 4px}.profile-card p{margin:0;font-size:12px;color:var(--muted)}.profile-avatar{width:44px;height:44px;border-radius:999px;display:grid;place-items:center;font-weight:800;background:linear-gradient(135deg,var(--brand),var(--brand-strong));color:#fff}.profile-avatar-image{object-fit:cover;padding:0;background:transparent;border:0}.profile-avatar-preview{width:72px;height:72px;border-radius:999px;object-fit:cover;border:1px solid var(--border)}.menu-list{display:grid;gap:8px}.menu-item{border:1px solid var(--border);background:var(--surface);color:var(--text);border-radius:12px;text-align:left;padding:11px 12px;font-weight:600;text-decoration:none;display:block}.text-link{color:var(--brand);text-decoration:none;font-size:13px;font-weight:700}.back-link{display:inline-flex;align-items:center;gap:6px;width:fit-content;padding:8px 11px;border-radius:10px;border:1px solid var(--border);background:var(--surface);color:var(--brand);text-decoration:none;font-size:12px;font-weight:700;transition:border-color .18s ease,background-color .18s ease}.back-link:hover{border-color:var(--brand);background:var(--surface-soft)}.detail-card{border:1px solid var(--border);border-radius:16px;overflow:hidden;background:var(--surface)}.detail-image{width:100%;max-height:220px;object-fit:cover}.detail-meta{padding:14px}.detail-meta h2{margin:0 0 8px;font-size:19px}.detail-summary{margin:0 0 10px;color:var(--muted);font-size:13px}.detail-content{color:var(--text);font-size:13px;line-height:1.5}.auth-card h3{margin:0}.auth-card p,.auth-card small{margin:0;font-size:12px;color:var(--muted)}.auth-input{border:1px solid var(--border);background:var(--surface);color:var(--text);border-radius:12px;padding:10px 11px}.auth-button{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;border:0;border-radius:12px;padding:10px 12px;font-weight:700;color:#fff;background:linear-gradient(135deg,var(--brand),var(--brand-strong));cursor:pointer}.auth-button:disabled{opacity:.65;cursor:not-allowed}.auth-button.secondary{background:transparent;color:var(--brand);border:1px solid var(--brand)}.auth-actions{display:grid;gap:8px}.product-actions{grid-template-columns:1fr 1fr}.message.error{margin:0;padding:9px 11px;border-radius:12px;background:#fee2e2;color:#991b1b;font-size:12px}.message.success{margin:0;padding:9px 11px;border-radius:12px;background:#dcfce7;color:#166534;font-size:12px}