.vs-category-hero{padding:118px 20px 54px;background:radial-gradient(circle at 84% 22%,rgba(0,198,255,.2),transparent 30%),radial-gradient(circle at 14% 0,rgba(150,83,255,.22),transparent 36%),linear-gradient(180deg,#11141b,#08090c)}
.vs-category-cosplay .vs-category-hero{background:radial-gradient(circle at 84% 22%,rgba(249,115,22,.21),transparent 30%),radial-gradient(circle at 14% 0,rgba(150,83,255,.24),transparent 36%),linear-gradient(180deg,#11141b,#08090c)}
.vs-category-hero>div{width:min(1240px,100%);margin:0 auto}.vs-category-hero h1{margin:8px 0 12px;font:700 clamp(46px,8vw,88px)/.94 Oswald,sans-serif;text-transform:uppercase}.vs-category-hero p{max-width:720px;margin:0;color:#b7bcc7;font-size:16px;line-height:1.65}.vs-category-count{display:flex;align-items:center;gap:10px;margin-top:24px}.vs-category-count strong{font:700 34px/1 Oswald,sans-serif;color:#68d8ff}.vs-category-cosplay .vs-category-count strong{color:#fb923c}.vs-category-count span{color:#d3d7df;font-size:11px;font-weight:850;letter-spacing:.08em;text-transform:uppercase}
.vs-category-main{width:min(1240px,calc(100% - 36px));margin:0 auto;padding:26px 0 72px}.vs-category-filter{display:grid;grid-template-columns:minmax(220px,1fr) minmax(150px,210px) minmax(150px,210px) auto auto;align-items:end;gap:9px;margin-bottom:30px;padding:15px;border:1px solid #282b33;border-radius:13px;background:#111319}.vs-category-filter label span{display:block;margin:0 0 6px;color:#969ba6;font-size:9px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.vs-category-filter input,.vs-category-filter select{box-sizing:border-box;width:100%;height:42px;padding:0 11px;border:1px solid #30343d;border-radius:8px;background:#191c22;color:#fff;outline:none}.vs-category-filter button,.vs-category-filter>a{height:42px;display:grid;place-items:center;padding:0 17px;border:0;border-radius:8px;background:#e65160;color:#fff;font-size:11px;font-weight:900;text-decoration:none}.vs-category-filter>a{background:#24272e;color:#c5c8cf}.vs-masonry-hint{color:#868b96;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.06em}
.vs-masonry{columns:4 250px;column-gap:14px}.vs-masonry-card{display:inline-block;width:100%;overflow:hidden;margin:0 0 14px;break-inside:avoid;border:1px solid #242831;border-radius:13px;background:#12151b;color:#fff;text-decoration:none;box-shadow:0 8px 22px rgba(0,0,0,.14);transition:transform .2s,border-color .2s,box-shadow .2s}.vs-masonry-card:hover{transform:translateY(-3px);border-color:rgba(230,81,96,.56);box-shadow:0 16px 32px rgba(0,0,0,.28)}.vs-masonry-art{position:relative;display:block;overflow:hidden;background:#08090c}.vs-masonry-card.is-horizontal .vs-masonry-art{aspect-ratio:16/9}.vs-masonry-card.is-vertical .vs-masonry-art{aspect-ratio:9/16}.vs-masonry-art img{width:100%;height:100%;object-fit:contain;background:#08090c;transition:transform .35s}.vs-masonry-card:hover .vs-masonry-art img{transform:scale(1.025)}.vs-masonry-art:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,.68),transparent 44%);pointer-events:none}.vs-masonry-art>i{position:absolute;z-index:2;left:12px;bottom:11px;width:36px;height:36px;display:grid;place-items:center;border:2px solid rgba(255,255,255,.9);border-radius:50%;background:rgba(0,0,0,.48);font-size:11px;font-style:normal}.vs-masonry-art>small{position:absolute;z-index:2;left:56px;bottom:18px;color:#fff;font-size:9px;font-weight:900;text-transform:uppercase;letter-spacing:.08em}.vs-masonry-art>b{position:absolute;z-index:2;right:9px;bottom:9px;padding:4px 6px;border-radius:4px;background:rgba(0,0,0,.84);font-size:9px}.vs-masonry-copy{display:block;padding:13px 14px 15px}.vs-masonry-copy>small{display:block;margin-bottom:5px;color:#e96876;font-size:9px;font-weight:900;text-transform:uppercase;letter-spacing:.06em}.vs-masonry-copy>strong{display:block;font-size:13px;line-height:1.4}.vs-masonry-copy>em{display:block;margin-top:7px;color:#888e99;font-size:9px;font-style:normal}
@media(max-width:850px){.vs-category-filter{grid-template-columns:1fr 1fr}.vs-category-filter label:first-child{grid-column:1/-1}.vs-masonry{columns:3 210px}}
@media(max-width:600px){.vs-category-hero{padding:96px 14px 42px}.vs-category-main{width:calc(100% - 24px)}.vs-category-filter{grid-template-columns:1fr}.vs-category-filter label:first-child{grid-column:auto}.vs-masonry{columns:2 145px;column-gap:9px}.vs-masonry-card{margin-bottom:9px}.vs-masonry-copy{padding:10px}.vs-masonry-copy>strong{font-size:11px}.vs-masonry-hint{display:none}}