:root{--bg-main: #F8F7F4;--bg-card: #FFFFFF;--bg-secondary: #E7E5E0;--text-main: #111111;--text-muted: #666666;--text-light: #888888;--accent-red: #C81920;--accent-red-hover: #A01318;--border-color: #DCD8D0;--border-light: #EBE8E1;--font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--radius-sm: 4px;--radius-md: 8px;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .05);--shadow-md: 0 4px 12px rgba(0, 0, 0, .06)}*{margin:0;padding:0;box-sizing:border-box}body{background-color:var(--bg-main);color:var(--text-main);font-family:var(--font-family);font-size:15px;line-height:1.5;-webkit-font-smoothing:antialiased;min-height:100vh}a{color:inherit;text-decoration:none}button,input,select,textarea{font-family:inherit;font-size:inherit}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 16px}.site-header{background-color:var(--bg-card);border-bottom:1px solid var(--border-color);position:sticky;top:0;z-index:100}.header-inner{display:flex;align-items:center;justify-content:space-between;height:64px}.brand-logo{font-size:1.25rem;font-weight:800;letter-spacing:1px;color:var(--text-main);display:flex;align-items:center;gap:8px}.brand-accent{display:inline-block;width:8px;height:8px;background-color:var(--accent-red);border-radius:50%}.nav-links{display:flex;align-items:center;gap:24px}.nav-link{font-size:.9rem;font-weight:500;color:var(--text-muted);transition:color .2s ease}.nav-link:hover,.nav-link.active{color:var(--text-main)}.basket-badge-btn{position:relative;display:flex;align-items:center;justify-content:center;padding:8px 12px;background:var(--bg-main);border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-main);font-weight:600;cursor:pointer;transition:all .2s ease}.basket-badge-btn:hover{border-color:var(--text-main)}.badge-count{position:absolute;top:-6px;right:-6px;background-color:var(--accent-red);color:#fff;font-size:.7rem;font-weight:700;width:18px;height:18px;border-radius:50%;display:flex;align-items:center;justify-content:center}.product-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}@media (min-width: 640px){.product-grid{grid-template-columns:repeat(3,1fr);gap:20px}}@media (min-width: 1024px){.product-grid{grid-template-columns:repeat(4,1fr);gap:24px}}@media (min-width: 1280px){.product-grid{grid-template-columns:repeat(5,1fr)}}.card-item{background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-sm);overflow:hidden;display:flex;flex-direction:column;transition:border-color .2s ease,transform .2s ease}.card-item:hover{border-color:var(--text-main);transform:translateY(-2px)}.card-image-wrap{width:100%;aspect-ratio:3/4;background-color:var(--bg-secondary);position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center}.card-image{width:100%;height:100%;object-fit:contain;padding:8px}.badge-condition{position:absolute;top:8px;left:8px;background-color:#111111d9;color:#fff;font-size:.68rem;font-weight:700;padding:2px 6px;border-radius:2px;letter-spacing:.5px}.badge-sold-out{position:absolute;top:8px;right:8px;background-color:var(--accent-red);color:#fff;font-size:.65rem;font-weight:700;padding:2px 6px;border-radius:2px}.card-details{padding:12px;display:flex;flex-direction:column;flex:1;justify-content:space-between}.card-name{font-size:.9rem;font-weight:600;color:var(--text-main);margin-bottom:6px;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.card-meta{display:flex;align-items:center;justify-content:space-between;margin-top:8px;padding-top:8px;border-top:1px solid var(--border-light)}.card-price{font-weight:700;font-size:.95rem;color:var(--text-main)}.card-stock-text{font-size:.75rem;color:var(--text-muted)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 20px;font-size:.9rem;font-weight:600;border-radius:var(--radius-sm);cursor:pointer;transition:all .2s ease;border:1px solid transparent}.btn-primary{background-color:var(--text-main);color:#fff;border-color:var(--text-main)}.btn-primary:hover{background-color:#333}.btn-red{background-color:var(--accent-red);color:#fff;border-color:var(--accent-red)}.btn-red:hover{background-color:var(--accent-red-hover)}.btn-outline{background-color:transparent;color:var(--text-main);border-color:var(--border-color)}.btn-outline:hover{border-color:var(--text-main);background-color:var(--bg-main)}.btn:disabled{opacity:.5;cursor:not-allowed}.filter-bar{display:flex;flex-wrap:wrap;gap:12px;align-items:center;justify-content:space-between;margin-bottom:24px;padding-bottom:16px;border-bottom:1px solid var(--border-color)}.form-control{padding:8px 12px;background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-main);outline:none}.form-control:focus{border-color:var(--text-main)}.checkbox-label{display:flex;align-items:flex-start;gap:8px;font-size:.85rem;color:var(--text-muted);cursor:pointer}.checkbox-label input[type=checkbox]{margin-top:3px;accent-color:var(--accent-red)}@media print{body{background:#fff!important;color:#000!important}.site-header,footer,.btn,.no-print{display:none!important}.receipt-container{border:none!important;box-shadow:none!important;margin:0!important;width:100%!important;max-width:100%!important;padding:0!important}}