*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent}:root{--primary: #3460dc;--primary-strong: #284eb7;--bg-dark: #f8fafc;--bg-darker: #e2e8f0;--text-primary: #334155;--text-secondary: #64748b;--border: #cbd5e1;--text-on-primary: #f8fafc;--danger: #ef4444;--accent-soft: rgba(52, 96, 220, .12);--brand-gradient: linear-gradient(135deg, #3460dc 0%, #4b7bf2 100%);--scrollbar-track: #dbe3f2;--scrollbar-thumb: #9bb0e6;--scrollbar-thumb-hover: #7f99db}*{scrollbar-width:thin;scrollbar-color:var(--scrollbar-thumb) var(--scrollbar-track)}*::-webkit-scrollbar{width:10px;height:10px}*::-webkit-scrollbar-track{background:var(--scrollbar-track);border-radius:999px}*::-webkit-scrollbar-thumb{background:linear-gradient(180deg,var(--scrollbar-thumb) 0%,var(--primary) 100%);border-radius:999px;border:2px solid var(--scrollbar-track)}*::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,var(--scrollbar-thumb-hover) 0%,var(--primary-strong) 100%)}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:radial-gradient(circle at top,#f8fafc 0%,var(--bg-darker) 75%);color:var(--text-primary);-webkit-font-smoothing:antialiased;-webkit-touch-callout:none}html,body,#root{height:100%;width:100%;max-width:100vw;overflow-x:hidden}.app-container{display:flex;flex-direction:column;height:100vh;max-width:100vw;width:100%;max-width:460px;margin:0 auto}.content{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;padding-bottom:84px}.btn{padding:8px 12px;border-radius:6px;border:1px solid transparent;font-size:12px;font-weight:600;cursor:pointer;font-family:Inter,sans-serif;transition:transform .1s}.btn:active{transform:scale(.96)}.btn-primary{width:100%;padding:16px;background:var(--primary);color:var(--text-on-primary);border:none;border-radius:8px;font-weight:700;font-size:15px;cursor:pointer;font-family:Inter,sans-serif;min-height:48px;display:flex;align-items:center;justify-content:center}.btn-primary:active{opacity:.9;transform:scale(.98)}.btn-secondary{background:var(--bg-dark);color:var(--text-secondary);border:1px solid var(--border)}.btn-add-cart{width:100%;padding:16px;background:var(--primary);color:var(--text-on-primary);border:none;border-radius:8px;font-weight:700;font-size:15px;cursor:pointer;font-family:Inter,sans-serif;min-height:48px;display:flex;align-items:center;justify-content:center}.btn-add-cart:active{opacity:.9}.btn-checkout{width:100%;padding:14px;background:var(--primary);color:var(--text-on-primary);border:none;border-radius:8px;font-weight:700;font-size:15px;cursor:pointer;margin-top:12px;font-family:Inter,sans-serif;min-height:48px;display:flex;align-items:center;justify-content:center}.btn-checkout:active{opacity:.9}.product-image{width:100%;height:100%;object-fit:cover}.product-image-fallback{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:40px;background:var(--brand-gradient)}.home-page{padding-bottom:24px}.hero-slider{position:relative;height:230px;margin:14px 16px 0;border-radius:14px;overflow:hidden;background-size:cover;background-position:center;background-repeat:no-repeat;box-shadow:0 10px 20px #33415529}.hero-slider__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#0f172a2e,#0f172abd)}.hero-slider__content{position:absolute;left:14px;right:14px;bottom:22px;z-index:2}.hero-slider__title{font-size:24px;line-height:28px;font-weight:700;color:#fff;text-shadow:0 2px 8px rgba(15,23,42,.45)}.hero-slider__subtitle{margin-top:6px;font-size:12px;line-height:16px;color:#f8fafcf2}.hero-slider__button{margin-top:12px;padding:8px 14px;border:none;border-radius:8px;background:var(--bg-dark);color:var(--primary);font-size:12px;font-weight:600}.hero-slider__dots{position:absolute;left:12px;right:12px;top:12px;z-index:2;display:flex;gap:8px}.hero-dot{flex:1;height:4px;border:none;border-radius:4px;background:#f8fafc59}.hero-dot--active{background:#f8fafcf2}.home-section{margin-top:18px}.home-section--last{margin-bottom:14px}.home-section__title{padding:0 16px;margin-bottom:10px;font-size:18px;line-height:22px;font-weight:700;color:var(--text-primary)}.home-slider-row{display:flex;gap:10px;overflow-x:auto;overflow-y:hidden;padding:0 16px 4px;scroll-snap-type:x mandatory}.category-slide-card{position:relative;min-width:220px;height:132px;border:none;border-radius:10px;overflow:hidden;background-size:cover;background-position:center;scroll-snap-align:start}.category-slide-card__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#0f172a00 36%,#0f172abf)}.category-slide-card__label{position:absolute;left:12px;right:12px;bottom:10px;z-index:2;color:#fff;font-size:18px;font-weight:600;text-align:left}.product-slide-card{min-width:150px;max-width:150px;background:var(--bg-dark);border:1px solid var(--border);border-radius:10px;padding:8px;scroll-snap-align:start;cursor:pointer}.product-slide-card__name{margin-top:8px;font-size:12px;line-height:16px;font-weight:600;color:var(--text-primary);min-height:32px}.product-slide-card__price{margin-top:6px;font-size:13px;line-height:18px;font-weight:700;color:var(--text-primary)}.top-header-bar,.title-header-bar{position:sticky;top:0;z-index:60;background:var(--bg-dark);border-bottom:1px solid var(--border)}.top-header-bar__inner,.title-header-bar{display:flex;align-items:center;gap:10px;padding:10px 16px}.brand-mini{min-width:70px;display:inline-flex;align-items:center;gap:6px;color:var(--text-primary);font-size:12px;font-weight:700}.brand-mini__logo{width:20px;height:20px}.square-icon-button{width:32px;height:32px;border-radius:8px;border:none;background:var(--bg-darker);color:var(--text-secondary);font-size:14px;display:inline-flex;align-items:center;justify-content:center}.search-wrap{position:relative;flex:1}.search-input{width:100%;height:32px;border:none;border-radius:8px;background:var(--bg-darker);color:var(--text-primary);padding:0 34px 0 10px;font-size:12px}.search-icon{position:absolute;right:10px;top:50%;transform:translateY(-50%);color:var(--text-secondary);font-size:14px}.title-header-bar__title{flex:1;text-align:center;font-weight:700;color:var(--text-primary)}.title-header-bar__spacer{width:32px}.catalog-page{padding-bottom:14px}.catalog-chips-row{display:flex;gap:8px;overflow-x:auto;padding:14px 16px 10px}.catalog-chip{height:32px;padding:0 12px;border-radius:8px;border:1px solid var(--border);background:var(--bg-dark);color:var(--text-secondary);font-size:12px;white-space:nowrap}.catalog-chip--active{border-color:var(--primary);color:var(--primary)}.catalog-list{display:flex;flex-direction:column;gap:10px;padding:0 16px}.catalog-empty{text-align:center;padding:50px 20px;color:var(--text-secondary);font-size:14px}.filters-modal{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a6b;z-index:120;display:flex;align-items:flex-end}.filters-panel{width:100%;background:var(--bg-dark);border-radius:14px 14px 0 0;padding:16px;min-height:260px}.filters-panel__header{display:flex;align-items:center;justify-content:space-between;font-size:16px;font-weight:700;margin-bottom:16px}.filters-close{border:none;background:transparent;color:var(--danger);font-size:18px}.filters-block__title{font-size:13px;color:var(--text-secondary);margin-bottom:10px}.filters-options{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:18px}.filter-pill{border:1px solid var(--border);background:var(--bg-dark);color:var(--text-secondary);border-radius:16px;font-size:12px;padding:6px 10px}.filter-pill--active{border-color:var(--primary);color:var(--primary)}.bottom-nav{position:fixed;bottom:0;left:50%;transform:translate(-50%);width:100%;max-width:460px;background:var(--bg-dark);border-radius:10px 10px 0 0;border-top:1px solid var(--border);box-shadow:0 0 12px 6px #3341551a;padding:6px 0;display:flex;z-index:80}.bottom-nav__item{flex:1;border:none;background:transparent;color:var(--text-secondary);display:flex;flex-direction:column;align-items:center;gap:4px}.bottom-nav__item--active{color:var(--primary)}.bottom-nav__icon-wrap{position:relative;line-height:1}.bottom-nav__icon{font-size:20px}.bottom-nav__label{font-size:10px}.bottom-nav__badge{position:absolute;top:-6px;right:-10px;min-width:16px;height:16px;border-radius:999px;padding:0 4px;background:var(--danger);color:#fff;font-size:9px;font-weight:700;display:flex;align-items:center;justify-content:center}