:root{--bg: #ffffff;--bg-secondary: #f5f5f5;--text: #1a1a1a;--text-secondary: #666666;--accent: #2563eb;--accent-hover: #1d4ed8;--red: #dc2626;--green: #16a34a;--border: #e5e5e5;--radius: 12px;--shadow: 0 2px 8px rgba(0, 0, 0, .08)}@media(prefers-color-scheme:dark){:root{--bg: #1a1a1a;--bg-secondary: #2a2a2a;--text: #f0f0f0;--text-secondary: #999999;--border: #333333;--shadow: 0 2px 8px rgba(0, 0, 0, .3)}}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased}.app{min-height:100vh;padding-bottom:60px}.header{position:sticky;top:0;z-index:10;background:var(--bg);padding:16px;border-bottom:1px solid var(--border)}.header h1{font-size:20px;font-weight:700}.categories-scroll{display:flex;gap:8px;padding:12px 16px;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}.categories-scroll::-webkit-scrollbar{display:none}.category-chip{flex-shrink:0;padding:8px 16px;border-radius:20px;border:1px solid var(--border);background:var(--bg);color:var(--text);font-size:14px;cursor:pointer;transition:all .2s}.category-chip.active{background:var(--accent);color:#fff;border-color:var(--accent)}.product-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;padding:12px 16px}.product-card{background:var(--bg);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden;cursor:pointer;transition:transform .2s}.product-card:active{transform:scale(.97)}.card-image{position:relative;aspect-ratio:1;background:var(--bg-secondary)}.card-image img{width:100%;height:100%;object-fit:contain}.no-image-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:var(--text-secondary);font-size:14px}.discount-badge{position:absolute;top:8px;right:8px;background:var(--red);color:#fff;font-size:12px;font-weight:600;padding:4px 8px;border-radius:6px}.card-body{padding:10px}.card-brand{font-size:11px;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.card-title{font-size:13px;font-weight:500;margin-top:2px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.card-price{margin-top:6px;display:flex;align-items:baseline;gap:6px}.card-price .current{font-size:15px;font-weight:700}.card-price .old{font-size:12px;color:var(--text-secondary);text-decoration:line-through}.sizes-count{font-size:11px;color:var(--text-secondary);margin-top:4px;display:block}.product-page{padding-bottom:20px}.product-gallery{background:var(--bg-secondary)}.main-image{width:100%;aspect-ratio:1;object-fit:contain}.thumbnails{display:flex;gap:8px;padding:8px 16px;overflow-x:auto}.thumb{width:48px;height:48px;border-radius:8px;object-fit:contain;border:2px solid transparent;cursor:pointer}.thumb.active{border-color:var(--accent)}.product-info{padding:16px}.product-info .brand{font-size:13px;color:var(--text-secondary);text-transform:uppercase}.product-info h1{font-size:18px;font-weight:600;margin-top:4px}.price-block{margin-top:12px;display:flex;align-items:baseline;gap:8px}.price-block .price{font-size:22px;font-weight:700}.price-block .old-price{font-size:16px;color:var(--text-secondary);text-decoration:line-through}.price-block .discount{font-size:14px;color:var(--red);font-weight:600}.size-selector{margin-top:16px}.size-selector h3{font-size:14px;margin-bottom:8px}.size-options{display:flex;flex-wrap:wrap;gap:8px}.size-btn{min-width:48px;padding:10px 14px;border:1px solid var(--border);border-radius:8px;background:var(--bg);color:var(--text);font-size:14px;cursor:pointer;transition:all .2s;position:relative}.size-btn.selected{border-color:var(--accent);background:#2563eb14;color:var(--accent);font-weight:600}.size-btn.disabled{opacity:.3;cursor:not-allowed;text-decoration:line-through}.low-stock{position:absolute;top:-4px;right:-4px;width:14px;height:14px;border-radius:50%;background:#f59e0b;color:#fff;font-size:10px;display:flex;align-items:center;justify-content:center}.order-btn{display:block;width:100%;margin-top:20px;padding:14px;background:var(--accent);color:#fff;border:none;border-radius:var(--radius);font-size:16px;font-weight:600;cursor:pointer;transition:background .2s}.order-btn:hover{background:var(--accent-hover)}.order-btn:disabled{opacity:.5;cursor:not-allowed}.order-page{padding:16px}.order-page h2{font-size:20px;margin-bottom:16px}.order-summary{background:var(--bg-secondary);padding:12px 16px;border-radius:var(--radius);margin-bottom:20px}.order-summary p{margin:4px 0;font-size:14px}.order-page form label{display:block;font-size:14px;color:var(--text-secondary);margin-bottom:16px}.order-page form input{display:block;width:100%;margin-top:6px;padding:12px;border:1px solid var(--border);border-radius:8px;font-size:16px;background:var(--bg);color:var(--text)}.order-page form input:focus{outline:none;border-color:var(--accent)}.error{color:var(--red);font-size:14px;margin:8px 0}.order-success{text-align:center;padding-top:40px}.success-icon{font-size:48px;margin-bottom:16px}.order-success h2{font-size:22px}.order-success p{color:var(--text-secondary);margin:8px 0;font-size:14px}.loading,.empty{text-align:center;padding:40px 16px;color:var(--text-secondary)}.no-image{width:100%;aspect-ratio:1;display:flex;align-items:center;justify-content:center;background:var(--bg-secondary);color:var(--text-secondary)}.footer{position:fixed;bottom:0;left:0;right:0;display:flex;justify-content:center;gap:16px;padding:12px;background:var(--bg);border-top:1px solid var(--border);font-size:11px}.footer a{color:var(--text-secondary);text-decoration:none}.sizes-empty{margin-top:12px;color:var(--text-secondary);font-size:14px}.description{margin-top:20px}.description h3{font-size:16px;margin-bottom:8px}.description p{font-size:14px;line-height:1.5;color:var(--text-secondary);white-space:pre-line}