.category-hero{position:relative;min-height:315px;display:grid;place-items:center;overflow:hidden;border:1px solid #3f4a75;border-radius:18px;background:linear-gradient(115deg,#192139,#27365c 65%,#303c6c)}.category-hero.theme-pubg-mobile{background:linear-gradient(115deg,#211f2e,#413327 60%,#2d3547)}.category-hero.theme-valorant{background:linear-gradient(115deg,#281e34,#502e4e 60%,#263051)}.category-hero.theme-steam-kartlari{background:linear-gradient(115deg,#172d3d,#234662 60%,#222b55)}.category-hero:before,.category-hero:after{content:"";position:absolute;width:460px;height:460px;border:1px solid rgba(255,255,255,.09);border-radius:50%;transform:rotate(30deg)}.category-hero:before{left:-170px;top:-180px}.category-hero:after{right:-100px;bottom:-300px}.category-glow{position:absolute;width:500px;height:320px;background:radial-gradient(ellipse,rgba(130,145,255,.19),transparent 70%);filter:blur(10px)}.category-hero-content{position:relative;z-index:1;text-align:center;width:min(600px,calc(100% - 34px));padding:34px 0}.category-hero-icon{display:grid;place-items:center;width:65px;height:65px;margin:0 auto 18px;border-radius:18px;background:rgba(255,255,255,.11);font-size:30px;color:#dae7ff}.category-hero h1{font-size:clamp(28px,4vw,42px);margin:0 0 9px;font-weight:900}.category-hero p{color:#c6cee3;font-size:14px}.category-search{display:flex;align-items:center;gap:11px;height:51px;margin:23px auto 0;padding:0 7px 0 16px;background:#161c28;border:1px solid #455271;border-radius:10px;color:#8fa0c7;text-align:left}.category-search input{flex:1;min-width:0;background:transparent;border:0;outline:0;color:white}.category-search button{border:0;border-radius:7px;background:#4e6df1;color:#fff;padding:8px 16px;font-size:12px;font-weight:800}.filter-bar{display:flex;align-items:center;justify-content:center;gap:45px;margin:25px 0 30px;flex-wrap:wrap}.filter-label{display:block;text-align:center;font-size:10px;color:#75829b;font-weight:900;letter-spacing:.15em;margin-bottom:9px}.filter-pills{display:flex;align-items:center;justify-content:center;gap:8px;flex-wrap:wrap}.filter-pills button{border:1px solid #374051;background:#1a202b;border-radius:10px;padding:10px 15px;color:#b3c0d4;font-size:12px;font-weight:800}.filter-pills button.active{background:#4f70fa;border-color:#6b8aff;color:#fff;box-shadow:0 6px 20px rgba(76,108,245,.3)}.results-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:12px 0 15px}.results-heading>div{display:flex;align-items:baseline;gap:12px}.results-heading h2{margin:0;font-size:21px}.results-heading span:not(.demo-chip){color:#8894a9;font-size:12px}
.product-detail{display:grid;grid-template-columns:340px 1fr;gap:28px;padding:25px;border:1px solid #343d50;border-radius:18px;background:#191f2b}.detail-art{position:relative;display:flex;align-items:center;justify-content:center;flex-direction:column;min-height:340px;overflow:hidden;border-radius:15px;background:radial-gradient(circle at 30% 25%,#7e6441,#37303c 45%,#1b202d 100%)}.detail-art.theme-valorant{background:radial-gradient(circle at 30% 25%,#995778,#442e4c 48%,#1a2134)}.detail-art.theme-steam-kartlari{background:radial-gradient(circle at 30% 25%,#5795b8,#29445d 48%,#1a2134)}.detail-art:before{content:"";position:absolute;width:260px;height:260px;border:1px solid rgba(255,255,255,.2);border-radius:50%;box-shadow:0 0 80px rgba(255,255,255,.1)}.detail-art i{font-size:110px;color:rgba(255,255,255,.42);z-index:1}.detail-art strong{z-index:1;margin-top:14px;font-size:46px;letter-spacing:-.06em}.detail-art small{z-index:1;font-weight:900;letter-spacing:.22em;color:#d7e7ff}.detail-content{display:flex;flex-direction:column}.detail-overline{font-size:11px;letter-spacing:.13em;color:#849ffb;font-weight:900}.detail-content h1{font-size:clamp(28px,3.5vw,39px);margin:10px 0 8px}.detail-subtitle{font-size:14px}.detail-facts{display:flex;gap:9px;flex-wrap:wrap;margin:18px 0}.detail-facts span{display:inline-flex;gap:7px;align-items:center;padding:7px 11px;background:#2a3345;border:1px solid #3a4862;border-radius:8px;color:#cdd9ee;font-size:11px;font-weight:800}.detail-facts i{color:#8da7ff}.detail-price-block{display:flex;align-items:center;gap:12px;padding:14px 16px;margin:6px 0 15px;border:1px solid #3a4455;border-radius:11px;background:#222a37}.detail-price-block .price{font-size:29px}.detail-price-block .old-price{font-size:14px}.detail-price-block .demo-chip{margin-left:auto}.purchase-form{display:grid;grid-template-columns:1fr 110px auto;gap:10px;align-items:end;margin-top:auto}.purchase-form label{font-size:11px;color:#aab9d2;font-weight:800}.purchase-form input{display:block;width:100%;height:47px;margin-top:6px;padding:0 13px;background:#121824;border:1px solid #3a4558;border-radius:9px;color:white}.purchase-form button{height:47px;white-space:nowrap}.purchase-help{color:#8490a5;font-size:11px;margin:11px 0 0}.product-description{margin-top:23px;padding:28px;border:1px solid #30394a;border-radius:16px;background:#171d28}.product-description h2{font-size:21px}.product-description p{line-height:1.8;font-size:13px;margin:0}.related-section{padding-top:52px}
@media(max-width:900px){.product-detail{grid-template-columns:270px 1fr;gap:18px}.detail-art{min-height:300px}.purchase-form{grid-template-columns:1fr 90px}.purchase-form button{grid-column:1/-1}}
@media(max-width:700px){.product-detail{grid-template-columns:1fr;padding:14px}.detail-art{min-height:250px}.detail-art strong{font-size:36px}.detail-content{padding:4px}.category-hero{min-height:290px}.filter-bar{gap:20px}.purchase-form{grid-template-columns:1fr 90px}.results-heading .demo-chip{display:none}}