:root{--bg:#f4f6fb;--panel-bg:#ffffffeb;--card-bg:#fff;--input-bg:#fff;--tag-bg:#eef2ff;--text:#334155;--text-h:#0f172a;--muted:#64748b;--border:#94a3b83d;--accent:#6d28d9;--accent-bg:#6d28d91f;--accent-border:#6d28d93d;--shadow:0 20px 45px #0f172a14;color:var(--text);background:radial-gradient(circle at top right, #bfdbfea6, transparent 30%), radial-gradient(circle at top left, #ddd6fe8c, transparent 28%), var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,Segoe UI,Roboto,sans-serif;font-size:16px;font-weight:400;line-height:1.5}*{box-sizing:border-box}body{min-width:320px;margin:0}#root{width:min(1400px,100% - 32px);min-height:100vh;margin:0 auto;padding:32px 0 48px}h1,h2,h3,p{margin:0}h1{color:var(--text-h);margin:16px 0;font-size:clamp(2.4rem,4vw,4rem);line-height:1.05}h2{color:var(--text-h);font-size:1.35rem}h3{color:var(--text-h);font-size:1.15rem}button,input,select{font:inherit}.page-shell{gap:32px;display:grid}.hero-panel,.filters-panel,.catalog-panel{background:var(--panel-bg);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:24px}.hero-panel{grid-template-columns:minmax(0,1.8fr) minmax(280px,1fr);gap:24px;padding:32px;display:grid}.eyebrow{background:var(--accent-bg);color:var(--accent);letter-spacing:.08em;text-transform:uppercase;border-radius:999px;padding:6px 12px;font-size:14px;font-weight:700;display:inline-flex}.hero-copy{max-width:60ch;color:var(--muted)}.hero-stats{gap:16px;display:grid}.hero-stats div{background:var(--card-bg);border-radius:18px;padding:20px}.hero-stats strong{color:var(--text-h);font-size:36px;display:block}.hero-stats span{color:var(--muted)}.layout{grid-template-columns:320px minmax(0,1fr);align-items:start;gap:24px;display:grid}.filters-panel,.catalog-panel{padding:24px}.filters-panel{gap:16px;display:grid;position:sticky;top:24px}.panel-heading{justify-content:space-between;align-items:center;gap:16px;margin-bottom:8px;display:flex}.filters-panel label{color:var(--text-h);gap:8px;font-weight:600;display:grid}.filters-panel input,.filters-panel select{border:1px solid var(--border);background:var(--input-bg);width:100%;color:var(--text-h);box-sizing:border-box;font:inherit;border-radius:14px;padding:12px 14px}.filters-panel input:focus,.filters-panel select:focus{outline:2px solid var(--accent-border);outline-offset:2px}.checkbox-row{align-items:center;gap:12px;display:flex!important}.checkbox-row input{width:auto}.secondary-button{border:1px solid var(--border);color:var(--text-h);cursor:pointer;background:0 0;border-radius:999px;padding:10px 14px;font-weight:700}.catalog-panel{gap:20px;display:grid}.muted{color:var(--muted)}.state-card{background:var(--card-bg);border:1px dashed var(--border);border-radius:16px;padding:20px}.state-card.error{color:#b91c1c;background:#fef2f2f2;border-style:solid;border-color:#dc26264d}.product-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;display:grid}.product-card{background:var(--card-bg);border:1px solid var(--border);border-radius:20px;overflow:hidden}.image-wrapper{aspect-ratio:4/3;position:relative;overflow:hidden}.image-wrapper img{object-fit:cover;width:100%;height:100%;display:block}.badge-row{flex-wrap:wrap;gap:8px;display:flex;position:absolute;top:14px;left:14px;right:14px}.badge{letter-spacing:.03em;text-transform:uppercase;border-radius:999px;padding:6px 10px;font-size:12px;font-weight:800;display:inline-flex}.badge.dark{color:#fff;background:#111827d1}.badge.accent{color:#fff;background:#7c3aedeb}.badge.success{color:#fff;background:#16a34aeb}.product-content{gap:16px;padding:20px;display:grid}.product-header{justify-content:space-between;align-items:start;gap:12px;display:flex}.sku{color:var(--muted);letter-spacing:.06em;text-transform:uppercase;margin:0 0 4px;font-size:13px;font-weight:700}.status-pill{background:var(--accent-bg);color:var(--accent);white-space:nowrap;border-radius:999px;padding:8px 12px;font-weight:700}.description{color:var(--muted)}.price-row{align-items:baseline;gap:12px;display:flex}.price-row strong{color:var(--text-h);font-size:28px}.price-row span{color:var(--muted);text-decoration:line-through}.metadata-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 16px;margin:0;display:grid}.metadata-grid dt{color:var(--muted);letter-spacing:.05em;text-transform:uppercase;margin-bottom:2px;font-size:12px;font-weight:700}.metadata-grid dd{color:var(--text-h);margin:0;font-weight:600}.tag-list{flex-wrap:wrap;gap:8px;display:flex}.tag-pill{background:var(--tag-bg);color:var(--text-h);border-radius:999px;padding:6px 10px;font-size:13px;font-weight:600}@media (width<=960px){.hero-panel,.layout{grid-template-columns:1fr}.filters-panel{position:static}}