*{margin:0;padding:0;box-sizing:border-box}:root{--bg: #f8fbff;--text: #1f2937;--muted: #6b7280;--primary: #6d5dfc;--primary-dark: #5b4cf0;--card: #ffffff;--border: #e5e7eb;--success: #16a34a}body{font-family:Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;background:linear-gradient(180deg,#eef4ff,#f8fbff 40%);color:var(--text)}.page{max-width:1200px;margin:0 auto;padding:24px}.hero{text-align:center;padding:32px 16px 24px}.hero__badge{display:inline-block;background:#e0e7ff;color:#3730a3;font-weight:600;padding:8px 14px;border-radius:999px;margin-bottom:16px}.hero h1{font-size:clamp(1.8rem,3vw,2.6rem);margin-bottom:12px}.hero p{max-width:760px;margin:0 auto;color:var(--muted);line-height:1.6}.hero__stats{margin-top:16px;display:flex;justify-content:center;gap:16px;flex-wrap:wrap;color:#334155;font-size:.95rem}.controls{position:sticky;top:0;z-index:10;background:#f8fbffe6;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border:1px solid var(--border);border-radius:16px;padding:14px;margin:16px 0 24px}.controls input{width:100%;border:1px solid var(--border);border-radius:12px;padding:12px 14px;margin-bottom:12px;font-size:1rem;outline:none}.controls input:focus{border-color:var(--primary)}.chips{display:flex;gap:8px;flex-wrap:wrap}.chip{border:1px solid var(--border);background:#fff;color:#111827;padding:8px 14px;border-radius:999px;cursor:pointer;transition:.2s ease}.chip:hover{border-color:#c7d2fe}.chip--active{background:var(--primary);border-color:var(--primary);color:#fff}.catalog{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px}.card{background:var(--card);border:1px solid var(--border);border-radius:18px;overflow:hidden;display:flex;flex-direction:column}.card img{width:100%;height:190px;object-fit:cover}.card__content{padding:14px;display:flex;flex-direction:column;gap:10px}.card__top{display:flex;justify-content:space-between;align-items:start;gap:8px}.card h3{font-size:1.1rem}.rating{color:#b45309;font-weight:600;white-space:nowrap}.description{color:var(--muted);line-height:1.45;font-size:.95rem}.meta{list-style:none;display:grid;gap:4px;color:#334155;font-size:.92rem}.features{display:flex;gap:6px;flex-wrap:wrap}.features span{background:#f1f5f9;color:#334155;padding:5px 8px;border-radius:8px;font-size:.82rem}.price-row{margin-top:4px;display:flex;justify-content:space-between;align-items:center}.price-row strong{font-size:1.15rem;color:#0f172a;margin-right:8px}.price-row span{color:#94a3b8;text-decoration:line-through;font-size:.92rem}.buy-btn,.checkout-btn{border:none;background:var(--primary);color:#fff;border-radius:10px;padding:10px 14px;font-weight:600;cursor:pointer}.buy-btn:hover,.checkout-btn:hover{background:var(--primary-dark)}.buy-btn:disabled,.checkout-btn:disabled{background:#cbd5e1;cursor:not-allowed}.cart{margin:28px 0 8px;border:1px solid var(--border);border-radius:16px;background:#fff;padding:16px;display:flex;justify-content:space-between;align-items:center}.cart h2{font-size:1.2rem;margin-bottom:6px}.cart p{color:#334155;font-size:.95rem}@media(max-width:640px){.cart{flex-direction:column;gap:14px;align-items:stretch}.checkout-btn{width:100%}}