:root{--bg:#0b0e13;--panel:#151922;--muted:#9aa4b4;--orange:#ff6a00;--orange2:#ff9b32;--line:rgba(255,255,255,.08)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Arial,sans-serif;background:radial-gradient(circle at 15% 0%,rgba(255,106,0,.13),transparent 30%),#0b0e13;color:#fff}a{text-decoration:none;color:inherit}
.catalog-header{position:sticky;top:0;z-index:20;background:rgba(11,14,19,.9);backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}
.catalog-nav{max-width:1180px;margin:auto;min-height:74px;padding:0 18px;display:flex;align-items:center;justify-content:space-between}.catalog-brand img{width:116px;max-height:48px;object-fit:contain}.catalog-back{padding:10px 15px;border:1px solid var(--line);border-radius:12px;background:#141821;font-weight:800}
.catalog-main{max-width:1180px;margin:auto;padding:42px 18px 70px}.catalog-hero{padding:38px;border-radius:28px;background:linear-gradient(135deg,#171c26,#0f131a);border:1px solid var(--line);box-shadow:0 24px 70px rgba(0,0,0,.28)}.catalog-kicker{color:var(--orange2);font-weight:900;letter-spacing:.13em;font-size:12px}.catalog-hero h1{margin:9px 0 12px;font-size:clamp(31px,5vw,58px);line-height:1.04}.catalog-hero p{max-width:700px;margin:0;color:#c2c9d3;font-size:17px;line-height:1.65}.catalog-actions{margin-top:24px;display:flex;flex-wrap:wrap;gap:10px}.catalog-btn{padding:13px 18px;border-radius:13px;font-weight:900;border:1px solid var(--line);background:#202632}.catalog-btn.primary{background:linear-gradient(135deg,var(--orange),var(--orange2));border:0}
.catalog-toolbar{display:flex;gap:12px;align-items:center;justify-content:space-between;margin:28px 0 18px;flex-wrap:wrap}.catalog-search{flex:1;min-width:240px;padding:14px 16px;border-radius:14px;border:1px solid var(--line);background:#151922;color:#fff;outline:none}.category-pills{display:flex;gap:8px;overflow:auto;padding-bottom:4px}.category-pill{white-space:nowrap;padding:10px 13px;border-radius:999px;border:1px solid var(--line);background:#151922;color:#cdd3dc;font-weight:800;font-size:13px}.category-pill.active{background:rgba(255,106,0,.14);border-color:rgba(255,106,0,.38);color:#ffaf72}
.catalog-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.product-card{overflow:hidden;border-radius:20px;background:var(--panel);border:1px solid var(--line);transition:.25s}.product-card:hover{transform:translateY(-4px);border-color:rgba(255,106,0,.34)}.product-image{height:210px;display:grid;place-items:center;background:linear-gradient(145deg,#202632,#131720);font-size:55px}.product-body{padding:18px}.product-tag{font-size:11px;color:#ffae68;font-weight:900;text-transform:uppercase}.product-title{margin:7px 0 6px;font-size:18px}.product-meta{margin:0;color:var(--muted);font-size:13px;line-height:1.5}.product-bottom{margin-top:17px;display:flex;align-items:center;justify-content:space-between;gap:10px}.product-price{font-size:18px;font-weight:900}.product-more{padding:9px 12px;border-radius:11px;background:rgba(255,106,0,.12);color:#ffab6b;border:1px solid rgba(255,106,0,.22);font-weight:900;font-size:13px}.catalog-footer{text-align:center;padding:25px 16px;border-top:1px solid var(--line);color:#8e98a8}
.onfix-commerce-block{max-width:1180px;margin:26px auto;padding:0 18px}.onfix-commerce-title{text-align:center;margin-bottom:17px}.onfix-commerce-title span{color:#ff9b32;font-size:12px;font-weight:900;letter-spacing:.13em}.onfix-commerce-title h2{margin:7px 0 0;font-size:clamp(24px,4vw,38px)}.onfix-commerce-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.onfix-commerce-card{min-height:175px;padding:25px;border-radius:22px;border:1px solid var(--line);background:linear-gradient(145deg,#191f2a,#11151c);transition:.25s}.onfix-commerce-card:hover{transform:translateY(-4px);border-color:rgba(255,106,0,.4)}.onfix-commerce-icon{font-size:38px}.onfix-commerce-card h3{margin:12px 0 7px;font-size:22px}.onfix-commerce-card p{margin:0;color:#aeb7c4;line-height:1.5}.onfix-commerce-link{display:inline-block;margin-top:15px;color:#ff9d55;font-weight:900}
@media(max-width:850px){.catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:620px){.catalog-main{padding-top:24px}.catalog-hero{padding:25px 20px}.catalog-grid{grid-template-columns:1fr}.onfix-commerce-grid{grid-template-columns:1fr}}