:root{--c-bg: #FBF6EF;--c-surface: #FFFFFF;--c-surface-2: #F4EBDD;--c-ink: #241D15;--c-ink-2: #786C5D;--c-ink-3: #A89C8B;--c-line: #ECE2D2;--c-brand: #EE2B1B;--c-accent: #FF7A00;--c-sun: #FFC400;--c-viber: #7360F2;--c-brand-d: #C81E10;--c-on-brand: #FFFFFF;--grad-brand: linear-gradient(100deg, #F5331F 0%, #FF7A00 100%);--grad-warm: linear-gradient(135deg, #FF8A3D 0%, #FFC400 100%);--font: "Inter", "Helvetica Neue", "PingFang SC", "Roboto", "Hiragino Sans GB", "Microsoft YaHei", system-ui, sans-serif;--f-price: clamp(20px, 6vw, 26px);--f-xl: 20px;--f-lg: 17px;--f-base: 15px;--f-sm: 13px;--f-xs: 11px;--s-1: 4px;--s-2: 8px;--s-3: 12px;--s-4: 16px;--s-5: 20px;--s-6: 24px;--s-8: 32px;--s-10: 40px;--r-card: 18px;--r-sm: 12px;--r-hero: 22px;--r-pill: 999px;--sh-1: 0 1px 2px rgba(74,46,18,.05), 0 4px 14px rgba(74,46,18,.06);--sh-2: 0 2px 6px rgba(74,46,18,.06), 0 12px 30px rgba(74,46,18,.13);--sh-card: 0 1px 0 rgba(255,255,255,.7) inset, 0 1px 3px rgba(74,46,18,.05), 0 8px 22px rgba(74,46,18,.07);--sh-hover: 0 1px 0 rgba(255,255,255,.8) inset, 0 4px 12px rgba(74,46,18,.08), 0 18px 38px rgba(74,46,18,.13);--sh-fab: 0 6px 14px rgba(238,43,27,.42), 0 16px 32px rgba(238,43,27,.3);--max-w: 480px;--topbar-h: 52px}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent}body{font-family:var(--font);font-size:var(--f-base);color:var(--c-ink);background:var(--c-bg);line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{max-width:var(--max-w);margin:0 auto;min-height:100vh;background:var(--c-bg);position:relative}img{display:block;max-width:100%}button{font-family:inherit;cursor:pointer;border:none;background:none;color:inherit}a{color:inherit;text-decoration:none}.tabular{font-variant-numeric:tabular-nums}.mono{font-family:SF Mono,Fira Code,monospace}.topbar{position:sticky;top:0;z-index:100;height:var(--topbar-h);display:flex;align-items:center;gap:var(--s-2);padding:0 var(--s-4);background:#fbf6efd9;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--c-line)}.topbar .back{width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:var(--r-pill);font-size:20px;color:var(--c-ink);flex-shrink:0}.topbar .brand-label{font-size:var(--f-lg);font-weight:700;display:flex;align-items:center;gap:var(--s-1)}.topbar .brand-label .dot{width:8px;height:8px;border-radius:50%;background:var(--grad-brand)}.topbar .ttl{margin-left:auto;font-size:var(--f-sm);color:var(--c-ink-2);font-weight:600}.crumbs{display:flex;align-items:center;gap:var(--s-1);padding:var(--s-2) var(--s-4);font-size:var(--f-xs);color:var(--c-ink-2);overflow-x:auto;white-space:nowrap;-ms-overflow-style:none;scrollbar-width:none}.crumbs::-webkit-scrollbar{display:none}.crumbs a{color:var(--c-ink-2);font-weight:500}.crumbs a:hover{color:var(--c-brand)}.crumbs .sep{color:var(--c-ink-3)}.crumbs .cur{color:var(--c-ink);font-weight:700}.carousel{position:relative;height:188px;overflow:hidden;margin-bottom:var(--s-4)}.carousel-track{display:flex;height:100%;transition:transform .35s cubic-bezier(.22,1,.36,1)}.carousel-slide{flex-shrink:0;width:100%;height:100%;position:relative}.carousel-slide img{width:100%;height:100%;object-fit:cover}.carousel-dots{position:absolute;bottom:var(--s-2);left:50%;transform:translate(-50%);display:flex;gap:var(--s-1)}.carousel-dots .dot{width:7px;height:7px;border-radius:50%;background:#ffffff80;transition:all .3s}.carousel-dots .dot.active{width:18px;border-radius:var(--r-pill);background:#fff}.promo-strip{background:var(--grad-brand);color:var(--c-on-brand);padding:var(--s-2) var(--s-4);font-size:var(--f-sm);font-weight:700;display:flex;align-items:center;gap:var(--s-2);margin-bottom:var(--s-4)}.section-title{display:flex;align-items:center;gap:var(--s-2);padding:0 var(--s-4);margin-bottom:var(--s-3);font-size:var(--f-lg);font-weight:800}.section-title:before{content:"";width:4px;height:18px;border-radius:2px;background:var(--c-brand)}.brand-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--s-3);padding:0 var(--s-4)}.brand-card{position:relative;border-radius:var(--r-card);overflow:hidden;aspect-ratio:1;background:var(--c-surface-2);box-shadow:var(--sh-card);transition:transform .2s,box-shadow .2s}.brand-card:active{transform:scale(.97)}.brand-card img{width:100%;height:100%;object-fit:cover}.brand-card .overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,rgba(0,0,0,.6) 0%,transparent 50%);display:flex;align-items:flex-end;padding:var(--s-3)}.brand-card .overlay .name{color:#fff;font-size:var(--f-lg);font-weight:800;text-shadow:0 1px 4px rgba(0,0,0,.3)}.model-list{padding:0 var(--s-4);display:flex;flex-direction:column;gap:var(--s-3)}.model-card{display:flex;gap:var(--s-3);background:var(--c-surface);border-radius:var(--r-card);padding:var(--s-3);box-shadow:var(--sh-card);transition:transform .15s}.model-card:active{transform:scale(.98)}.model-card .thumb{width:94px;height:94px;border-radius:var(--r-sm);overflow:hidden;flex-shrink:0;background:var(--c-surface-2)}.model-card .thumb img{width:100%;height:100%;object-fit:cover}.model-card .info{flex:1;display:flex;flex-direction:column;justify-content:center;gap:var(--s-1);min-width:0}.model-card .code{font-size:var(--f-xs);color:var(--c-ink-2);font-family:SF Mono,Fira Code,monospace;letter-spacing:.5px}.model-card .name{font-size:var(--f-base);font-weight:700;color:var(--c-ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.model-card .price-row{display:flex;align-items:center;gap:var(--s-2);margin-top:auto}.model-card .price{font-size:var(--f-price);font-weight:800;color:var(--c-brand);font-variant-numeric:tabular-nums}.model-card .currency{font-size:var(--f-xs);color:var(--c-ink-2);font-weight:600}.badge{display:inline-flex;align-items:center;padding:2px 8px;border-radius:var(--r-pill);font-size:10.5px;font-weight:800;letter-spacing:.3px;text-transform:uppercase}.badge.hot{background:linear-gradient(135deg,#f5331f,#c81e10);color:#fff}.badge.new{background:linear-gradient(135deg,#ff8a1e,#ff5a00);color:#fff}.badge.limit{background:linear-gradient(135deg,#ffd23d,#ffb300);color:#5c3a00}.color-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--s-3);padding:0 var(--s-4)}.color-cell{position:relative;border-radius:var(--r-card);overflow:hidden;aspect-ratio:1;background:var(--c-surface-2);box-shadow:var(--sh-card);transition:transform .15s}.color-cell:active{transform:scale(.96)}.color-cell img{width:100%;height:100%;object-fit:cover}.color-cell .label{position:absolute;top:var(--s-2);left:var(--s-2);width:24px;height:24px;border-radius:50%;background:#ffffffe6;display:flex;align-items:center;justify-content:center;font-size:var(--f-xs);font-weight:800;color:var(--c-ink)}.product-hero{width:100%;aspect-ratio:3/4;border-radius:var(--r-hero);overflow:hidden;background:var(--c-surface-2);margin-bottom:var(--s-3)}.product-hero img{width:100%;height:100%;object-fit:cover}.gallery{display:flex;gap:var(--s-2);overflow-x:auto;padding:0 var(--s-4);margin-bottom:var(--s-4);-ms-overflow-style:none;scrollbar-width:none}.gallery::-webkit-scrollbar{display:none}.gallery-item{flex-shrink:0;width:80px;height:80px;border-radius:var(--r-sm);overflow:hidden;border:2px solid transparent;background:var(--c-surface-2)}.gallery-item.active{border-color:var(--c-brand)}.gallery-item img{width:100%;height:100%;object-fit:cover}.info-card{background:var(--c-surface);border-radius:var(--r-card);padding:var(--s-4);margin:0 var(--s-4) var(--s-4);box-shadow:var(--sh-card)}.info-row{display:flex;justify-content:space-between;align-items:center;padding:var(--s-2) 0;border-bottom:1px solid var(--c-line)}.info-row:last-child{border-bottom:none}.info-row .label{font-size:var(--f-sm);color:var(--c-ink-2)}.info-row .value{font-size:var(--f-base);font-weight:700;color:var(--c-ink)}.info-row .value.price{font-size:var(--f-price);font-weight:800;color:var(--c-brand)}.info-row .value .cur{font-size:var(--f-xs);color:var(--c-ink-2);font-weight:600;margin-left:var(--s-1)}.btn-cta{position:fixed;bottom:var(--s-4);left:50%;transform:translate(-50%);width:calc(100% - var(--s-8));max-width:calc(var(--max-w) - var(--s-8));height:52px;border-radius:var(--r-pill);background:var(--grad-brand);color:var(--c-on-brand);font-size:var(--f-base);font-weight:800;box-shadow:var(--sh-fab);display:flex;align-items:center;justify-content:center;gap:var(--s-2);z-index:50;transition:transform .15s}.btn-cta:active{transform:translate(-50%) scale(.97)}.fab{position:fixed;bottom:var(--s-6);right:max(var(--s-4),calc((100vw - var(--max-w)) / 2 + var(--s-4)));width:56px;height:56px;border-radius:50%;background:var(--grad-brand);box-shadow:var(--sh-fab);display:flex;align-items:center;justify-content:center;z-index:90;animation:fab-pulse 2.5s ease-in-out infinite}.fab:active{transform:scale(.92)}@keyframes fab-pulse{0%,to{box-shadow:var(--sh-fab)}50%{box-shadow:0 6px 14px #ee2b1b80,0 16px 40px #ee2b1b66}}@media (prefers-reduced-motion: reduce){.fab{animation:none}}.sheet-mask{position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;z-index:200;display:flex;align-items:flex-end;justify-content:center;animation:fade-in .2s}.sheet{width:100%;max-width:var(--max-w);background:var(--c-surface);border-radius:var(--r-card) var(--r-card) 0 0;padding:var(--s-4);padding-bottom:calc(var(--s-4) + env(safe-area-inset-bottom));animation:slide-up .3s cubic-bezier(.22,1,.36,1)}.sheet-title{font-size:var(--f-base);font-weight:700;color:var(--c-ink-2);text-align:center;margin-bottom:var(--s-4)}.sheet-option{display:flex;align-items:center;gap:var(--s-3);padding:var(--s-4);border-radius:var(--r-card);background:var(--c-surface-2);margin-bottom:var(--s-2);transition:background .15s}.sheet-option:active{background:var(--c-line)}.sheet-option .icon{width:40px;height:40px;border-radius:var(--r-sm);display:flex;align-items:center;justify-content:center;font-size:20px;flex-shrink:0}.sheet-option .icon.viber{background:#f0edff;color:var(--c-viber)}.sheet-option .icon.phone{background:#ffece8;color:var(--c-brand)}.sheet-option .text{flex:1}.sheet-option .text .label{font-size:var(--f-base);font-weight:700;color:var(--c-ink)}.sheet-option .text .val{font-size:var(--f-sm);color:var(--c-ink-2);margin-top:2px}.sheet-cancel{width:100%;padding:var(--s-4);border-radius:var(--r-card);background:var(--c-surface-2);font-size:var(--f-base);font-weight:700;color:var(--c-ink-2);text-align:center;margin-top:var(--s-2)}.toast{position:fixed;bottom:80px;left:50%;transform:translate(-50%);background:#241d15eb;color:#fff;padding:var(--s-2) var(--s-4);border-radius:var(--r-pill);font-size:var(--f-sm);font-weight:600;z-index:300;animation:toast-in .25s,toast-out .25s 1.5s forwards;white-space:nowrap}@keyframes toast-in{0%{opacity:0;transform:translate(-50%) translateY(10px)}to{opacity:1;transform:translate(-50%) translateY(0)}}@keyframes toast-out{to{opacity:0;transform:translate(-50%) translateY(10px)}}.skeleton{background:linear-gradient(90deg,var(--c-surface-2) 25%,var(--c-line) 50%,var(--c-surface-2) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:var(--r-card)}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes slide-up{0%{transform:translateY(100%)}to{transform:translateY(0)}}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--s-10) var(--s-4);text-align:center}.empty-state .icon{width:80px;height:80px;margin-bottom:var(--s-4);opacity:.3}.empty-state .title{font-size:var(--f-lg);font-weight:700;color:var(--c-ink);margin-bottom:var(--s-1)}.empty-state .desc{font-size:var(--f-sm);color:var(--c-ink-2)}.error-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--s-10) var(--s-4);text-align:center}.error-state .icon{font-size:48px;margin-bottom:var(--s-3)}.error-state .msg{font-size:var(--f-sm);color:var(--c-ink-2);margin-bottom:var(--s-4)}.error-state .retry{padding:var(--s-2) var(--s-5);border-radius:var(--r-pill);background:var(--c-brand);color:var(--c-on-brand);font-size:var(--f-sm);font-weight:700}.contact-page{padding:var(--s-4)}.contact-card{display:flex;align-items:center;gap:var(--s-3);padding:var(--s-4);border-radius:var(--r-card);background:var(--c-surface);box-shadow:var(--sh-card);margin-bottom:var(--s-3)}.contact-card .icon{width:48px;height:48px;border-radius:var(--r-sm);display:flex;align-items:center;justify-content:center;font-size:24px;flex-shrink:0}.contact-card .icon.viber{background:#f0edff;color:var(--c-viber)}.contact-card .icon.phone{background:#ffece8;color:var(--c-brand)}.contact-card .info .label{font-size:var(--f-sm);color:var(--c-ink-2)}.contact-card .info .value{font-size:var(--f-lg);font-weight:700;color:var(--c-ink);margin-top:2px}.contact-tip{text-align:center;font-size:var(--f-sm);color:var(--c-ink-2);padding:var(--s-4);margin-top:var(--s-4)}.img-fallback{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:var(--c-surface-2);color:var(--c-ink-3);font-size:var(--f-xs)}