:root{font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--bg:#fff;--text:#14161a;--muted:#6b7280;--border:#e6e9ef;--card:#fff;--shadow:0 8px 24px #14161a14;--red:#f54251;--red-weak:#e4252c1f;--radius:5px;--radius-sm:12px;--bottom-bar-h:72px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Noto Sans,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji;font-weight:400;line-height:1.5}*{box-sizing:border-box}html,body{height:100%}body{background:var(--bg);color:var(--text);margin:0}button,input,select,textarea{font:inherit}.screen{background:var(--bg);min-height:100vh;padding:16px 16px 20px}.screen.withBottomBar{padding-bottom:calc(var(--bottom-bar-h) + 16px)}.content{flex-direction:column;gap:14px;display:flex}.header{z-index:100;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(#fffffffa,#ffffffeb);grid-template-columns:40px 1fr;align-items:center;gap:8px;padding:10px 0 14px;display:grid;position:sticky;top:0}.headerWithTitle{grid-template-columns:40px 1fr}.logoText{text-align:left;letter-spacing:.2px;font-size:18px;font-weight:800}.headerTitle{text-align:left;letter-spacing:.2px;font-size:16px;font-weight:800}.iconButton{border:1px solid var(--border);background:var(--card);width:40px;height:40px;color:var(--text);border-radius:12px;justify-content:center;align-items:center;display:inline-flex;box-shadow:0 6px 16px #14161a0d}.iconButton:active{transform:translateY(1px)}.iconButton.danger{border-color:var(--red-weak);color:var(--red);background:#fff}.categoryStrip{-webkit-overflow-scrolling:touch;gap:8px;padding:6px 2px 2px;display:flex;overflow-x:auto}.categoryStrip::-webkit-scrollbar{display:none}.chip{white-space:nowrap;border:1px solid var(--border);color:var(--text);background:#fff;border-radius:999px;padding:10px 12px;font-size:13px;font-weight:700}.chipActive{border-color:var(--red);box-shadow:0 10px 24px #e4252c29}.productGrid{grid-template-columns:repeat(1,minmax(0,1fr));gap:12px;margin-top:15px;display:grid}.productCard{border:1px solid var(--border);border-radius:var(--radius);background:var(--card);box-shadow:var(--shadow);flex-direction:row;gap:10px;width:100%;padding:12px;display:flex}.productImage{background:radial-gradient(circle at 35% 30%,#e4252c38,#e4252c0d),linear-gradient(135deg,#14161a0d,#14161a00);border:1px solid #14161a0f;border-radius:5px;flex-shrink:0;width:96px;height:96px}.productRight{flex-direction:column;justify-content:space-between;width:100%;display:flex}.productTitle{min-height:34px;font-size:13px;font-weight:800;line-height:1.25}.productBottom{justify-content:space-between;align-items:center;gap:8px;display:flex}.productPrice{font-size:14px;font-weight:900}.button{border:1px solid var(--border);color:var(--text);background:#fff;border-radius:5px;justify-content:center;align-items:center;gap:8px;padding:10px 12px;font-size:13px;font-weight:800;display:inline-flex}.button:active{transform:translateY(1px)}.buttonPrimary{background:var(--red);border-color:var(--red);color:#fff;box-shadow:0 14px 28px #e4252c38}.buttonOutline{border-color:var(--red);color:var(--red);background:#fff}.buttonFull{width:100%}.buttonBig{border-radius:14px;padding:14px;font-size:14px}.button:disabled,.cartButton:disabled{opacity:.5}.qty{border:1px solid var(--border);background:#fff;border-radius:12px;align-items:center;display:inline-flex;overflow:hidden}.qtyBtn{width:34px;height:34px;color:var(--text);background:#fff;border:0;font-size:16px;font-weight:900}.qtyValue{text-align:center;width:28px;font-size:13px;font-weight:900}.bottomBar{z-index:20;height:var(--bottom-bar-h);padding:12px 16px calc(12px + env(safe-area-inset-bottom,0px));border-top:1px solid var(--border);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#ffffffeb;justify-content:space-between;align-items:center;gap:12px;display:flex;position:fixed;bottom:0;left:0;right:0}.bottomBarSummary{flex-direction:column;gap:2px;display:flex}.bottomBarTotal{font-size:16px;font-weight:900}.bottomBarMeta{color:var(--muted);font-size:12px;font-weight:700}.cartButton{border:1px solid var(--red);background:var(--red);color:#fff;border-radius:16px;justify-content:center;align-items:center;width:52px;height:52px;display:inline-flex;box-shadow:0 18px 34px #e4252c38}.alertInfo{border-radius:var(--radius);background:linear-gradient(#e4252c14,#e4252c08);border:1px solid #e4252c33;flex-direction:column;gap:12px;padding:14px;display:flex}.alertInfoText{font-size:13px;font-weight:700;line-height:1.35}.alertInfoActions{flex-direction:column;gap:10px;display:flex}.sectionTitle{margin-top:4px;font-size:14px;font-weight:900}.emptyState{border:1px dashed var(--border);border-radius:var(--radius);color:var(--muted);padding:16px;font-weight:700}.cartList{flex-direction:column;gap:10px;display:flex}.cartRow{border:1px solid var(--border);border-radius:var(--radius);background:var(--card);box-shadow:var(--shadow);flex-direction:column;gap:10px;padding:12px;display:flex}.cartRowMain{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.cartRowTitle{font-size:13px;font-weight:900;line-height:1.25}.cartRowPrice{white-space:nowrap;font-size:13px;font-weight:900}.cartRowActions{justify-content:space-between;align-items:center;gap:12px;display:flex}.promoRow{grid-template-columns:1fr auto;align-items:center;gap:10px;display:grid}.input,.select,.textarea{border:1px solid var(--border);background:#fff;border-radius:14px;outline:none;width:100%;padding:12px;font-size:14px;font-weight:700}.textarea{resize:none}.input:focus,.select:focus,.textarea:focus{border-color:#e4252c8c;box-shadow:0 0 0 4px #e4252c1f}.totalsCard{border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);background:#fff;flex-direction:column;gap:10px;padding:14px;display:flex}.totalsRow{justify-content:space-between;align-items:center;gap:10px;display:flex}.totalsRowStrong{border-top:1px solid var(--border);margin-top:2px;padding-top:6px;font-weight:900}.totalsValue{font-weight:900}.success{color:#10b981}.muted{color:var(--muted);font-weight:700}.formCard{border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);background:#fff;flex-direction:column;gap:12px;padding:14px;display:flex}.field{flex-direction:column;gap:6px;display:flex}.suggestField{position:relative}.suggestDropdown{z-index:30;border:1px solid var(--border);background:#fff;border-radius:16px;position:absolute;top:calc(100% + 6px);left:0;right:0;overflow:hidden;box-shadow:0 18px 34px #14161a1f}.suggestOption{text-align:left;background:#fff;border:0;flex-direction:column;align-items:flex-start;gap:4px;width:100%;padding:12px;display:flex}.suggestOption+.suggestOption{border-top:1px solid var(--border)}.suggestOptionMain{color:var(--text);font-size:13px;font-weight:800}.suggestOptionMeta,.fieldHint{color:var(--muted);font-size:12px;font-weight:700}.fieldError{color:var(--red);font-size:12px;font-weight:800;line-height:1.35}.label{color:var(--muted);font-size:12px;font-weight:800}.grid2{grid-template-columns:1fr 1fr;gap:10px;display:grid}.radioGroup{flex-direction:column;gap:10px;display:flex}.radioOption{border:1px solid var(--border);border-radius:var(--radius-sm);align-items:center;gap:10px;padding:12px;font-weight:800;display:flex}.radioOptionActive{background:#e4252c0f;border-color:#e4252ca6}.radioInput{accent-color:var(--red)}.counter{text-align:right;color:var(--muted);margin-top:6px;font-size:12px;font-weight:700}.consents{flex-direction:column;gap:10px;margin:6px 0 4px;display:flex}.checkboxRow{color:var(--text);align-items:flex-start;gap:10px;font-size:13px;font-weight:700;display:flex}.checkbox{accent-color:var(--red);margin-top:2px}.auth{justify-content:center;align-items:center;display:flex}.authCard{border:1px solid var(--border);background:#fff;border-radius:22px;flex-direction:column;gap:14px;width:100%;max-width:420px;padding:18px;display:flex;box-shadow:0 20px 40px #14161a1f}.brand{flex-direction:column;gap:2px;display:flex}.brandTitle{letter-spacing:.2px;font-size:26px;font-weight:1000}.brandSubtitle{color:var(--muted);font-size:13px;font-weight:800}.authHint{text-align:center}.authError{color:var(--red);word-break:break-word;background:#e4252c14;border:1px solid #e4252c40;border-radius:14px;padding:10px 12px;font-size:12px;font-weight:800;line-height:1.35}.authDebug{border:1px solid var(--border);background:#fff;border-radius:14px;flex-direction:column;gap:8px;padding:10px 12px;font-size:12px;display:flex}.authDebugRow{justify-content:space-between;align-items:center;gap:10px;font-weight:800;display:flex}.loading{justify-content:center;align-items:center;display:flex}.loadingSpinner{border:4px solid #14161a1a;border-top-color:var(--red);border-radius:999px;width:44px;height:44px;animation:.9s linear infinite spin}.profileCard{border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);background:#fff;align-items:center;gap:12px;padding:14px;display:flex}.profileAvatar{width:52px;height:52px;color:var(--red);background:#e4252c1a;border-radius:16px;justify-content:center;align-items:center;font-size:20px;font-weight:900;display:flex}.profileMeta{flex-direction:column;gap:4px;display:flex}.profileName{font-size:15px;font-weight:900}.profileHint{color:var(--muted);font-size:12px;font-weight:700;line-height:1.35}@keyframes spin{to{transform:rotate(360deg)}}
