/* Catalog pages share the visual language of the homepage. */
.catalog-page {
  --c-bg:#0a0b0e;--c-surface:#101115;--c-card:#17191e;--c-card-2:#202228;
  --c-border:rgba(255,255,255,.09);--c-border-2:rgba(255,255,255,.15);
  --c-accent:#f46d48;--c-accent-h:#ff895f;--c-accent-gl:rgba(244,109,72,.18);
  --c-accent-gl2:rgba(244,109,72,.09);--c-t1:#f6f4f0;--c-t2:#aba9a7;--c-t3:#77797f;
  --font:Manrope,Arial,sans-serif;
  background:#0a0b0e;color:var(--c-t1);font-family:var(--font);
}
.catalog-page .bg-fx,.catalog-page .bg-grid{display:none}
.catalog-page .site-header{position:sticky;top:0;z-index:900}
.catalog-page .container{width:min(100% - 64px,1400px)}
.catalog-page .desktop-nav .is-current{color:var(--c-accent)}
.catalog-page .wrap{width:min(100% - 64px,1400px);max-width:none;padding:0;margin-inline:auto}
.catalog-page .sh-eyebrow{font-size:11px;font-weight:800;letter-spacing:.2em;color:var(--c-accent)}
.catalog-page .sh-eyebrow::before{width:7px;height:7px;border-radius:50%;box-shadow:0 0 14px var(--c-accent)}
.catalog-page .hl{background:linear-gradient(110deg,#f46d48,#ffae79);-webkit-background-clip:text;background-clip:text}
.catalog-page .breadcrumb{font-size:11px;font-weight:700;letter-spacing:.04em;margin-bottom:45px;color:#77797f}
.catalog-page .breadcrumb a:hover{color:var(--c-accent)}

/* Catalog introduction */
.catalog-page .cat-hero{padding:66px 0 72px;isolation:isolate;background:radial-gradient(ellipse 50% 90% at 88% 38%,rgba(178,69,42,.13),transparent 73%),linear-gradient(180deg,#0d0e12,#0a0b0e)}
.catalog-page .cat-hero::before,.catalog-page .cv-hero::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:72px 72px;mask-image:linear-gradient(90deg,transparent 5%,black 65%,transparent)}
.cat-hero-grid{display:grid;grid-template-columns:minmax(0,1fr) 315px;gap:8%;align-items:end}
.catalog-page .cat-hero-content{max-width:800px;margin:0;text-align:left}
.catalog-page .cat-hero-title{font-size:clamp(58px,6.4vw,98px);font-weight:700;letter-spacing:-.075em;line-height:1.02;margin:20px 0 24px}
.catalog-page .cat-hero-title .hl{margin-left:.1em}
.catalog-page .cat-hero-sub{max-width:680px;color:#b4b2b1;font:17px/1.7 'DM Sans',sans-serif}
.cat-hero-aside{background:linear-gradient(125deg,rgba(244,109,72,.08),transparent 52%),#17191e;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:24px 27px}
.cat-hero-aside>span{font-size:10px;letter-spacing:.18em;font-weight:800;color:#f46d48}
.cat-hero-aside>div{display:flex;justify-content:space-between;align-items:baseline;padding:11px 0;border-bottom:1px solid rgba(255,255,255,.1)}
.cat-hero-aside strong{font-size:39px;font-weight:650;letter-spacing:-.06em;line-height:1.2}
.cat-hero-aside div span{font-size:13px;color:#a6a4a6}
.cat-hero-aside small{display:block;margin-top:15px;font-size:11px;color:#77797f}
.catalog-page .cat-search-wrap{max-width:100%;margin:52px 0 0}
.catalog-page .cat-search{height:62px;background:#17191e;border:1px solid rgba(255,255,255,.13);border-radius:9px;padding-left:52px;font:600 14px Manrope,Arial,sans-serif}
.catalog-page .cat-search:focus{border-color:rgba(244,109,72,.55);box-shadow:0 0 0 4px rgba(244,109,72,.08)}
.catalog-page .cat-tabs-wrap{top:78px;background:#0a0b0e;border-block:1px solid rgba(255,255,255,.07)}
.catalog-page .cat-tabs--sticky{background:rgba(10,11,14,.92);box-shadow:0 15px 35px #0007}
.catalog-page .cat-tabs{padding:13px 0;gap:9px}
.catalog-page .cat-tab{font-size:12px;font-weight:800;letter-spacing:.015em;padding:11px 18px;border-radius:7px}
.catalog-page .cat-tab.active{color:#f6f4f0;background:#242127;border-color:rgba(244,109,72,.45)}
.catalog-page .cat-tab-count{background:#303036;color:#a7a4a5}
.catalog-page .cat-tab.active .cat-tab-count{background:var(--c-accent);color:#1b1010}
.catalog-page .catalog-results{padding:42px 0 130px!important;background:#0a0b0e}
.catalog-page .cat-grid,.catalog-page .cat-grid--related{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}

/* Large editorial mod cards */
.catalog-page .cc{background:#17191e;border-color:rgba(255,255,255,.1);border-radius:13px}
.catalog-page .cc:hover{border-color:rgba(244,109,72,.55);transform:translateY(-4px);box-shadow:0 30px 70px #0007}
.catalog-page .cc--outdated{filter:none}
.catalog-page .cc--outdated.visible{opacity:1!important}
.catalog-page .cc-banner{aspect-ratio:1.88;background:#101115}
.catalog-page .cc-banner img{object-fit:cover}
.catalog-page .cc-banner-overlay{background:linear-gradient(180deg,#0a0b0e16 42%,#0a0b0ed9)}
.catalog-page .cc-status{top:18px;right:18px;border-radius:30px;padding:7px 11px;font-size:9px;letter-spacing:.09em}
.catalog-page .cc-status--active{background:#193127e8;border-color:#4caf5099;color:#a1e5b0}
.catalog-page .cc-game-badge{left:21px;bottom:17px;color:#fff;font-size:10px;letter-spacing:.14em;text-transform:uppercase}
.catalog-page .cc-body{padding:24px 27px 17px}
.cc-overline{display:flex;justify-content:space-between;gap:12px;margin-bottom:10px;color:#85868e;font-size:10px;font-weight:800;letter-spacing:.1em}
.cc-overline span:last-child{white-space:nowrap;color:#f46d48}
.catalog-page .cc-name{font-size:31px;font-weight:700;letter-spacing:-.055em;line-height:1.18;margin-bottom:10px}
.catalog-page .cc-desc{font:14px/1.65 'DM Sans',sans-serif;color:#aaa9ac;min-height:46px;margin:0}
.catalog-page .cc-foot{padding:20px 27px 23px;border:0}
.catalog-page .cc-btn{justify-content:space-between;background:transparent;border:1px solid rgba(255,255,255,.16);color:#f6f4f0;border-radius:7px;padding:13px 16px;font-size:12px;font-weight:800}
.catalog-page .cc-btn:hover{background:var(--c-accent);border-color:var(--c-accent);color:#17100d}
.catalog-page .cc-btn svg{width:17px}
.catalog-page .cc-btn--dim{color:#aaa9ac}

/* Detail page */
.catalog-page .cv-hero{padding:64px 0 66px;isolation:isolate;background:radial-gradient(ellipse 50% 85% at 87% 45%,rgba(178,69,42,.12),transparent 75%),#0c0d10}
.catalog-page .cv-header{max-width:980px}
.catalog-page .cv-header-meta{gap:10px;margin-bottom:25px}
.catalog-page .cv-game-badge,.catalog-page .cv-version{border:1px solid rgba(255,255,255,.13);background:#1a1b20;color:#e5e1dc;border-radius:30px;font-size:10px;font-weight:800;letter-spacing:.1em;padding:8px 12px}
.catalog-page .cv-status{border-radius:30px;padding:8px 13px;font-size:10px;font-weight:800;letter-spacing:.03em}
.catalog-page .cv-status--active{background:#193127;border-color:#4caf5070;color:#a1e5b0}
.cv-status-dot{width:6px;height:6px;background:currentColor;border-radius:50%}
.catalog-page .cv-title{font-size:clamp(64px,7vw,112px);font-weight:700;letter-spacing:-.08em;line-height:1;margin:0 0 24px}
.catalog-page .cat-hero-title,.catalog-page .cv-title{word-spacing:.12em}
.cv-lead{max-width:740px;color:#b4b2b1;font:17px/1.7 'DM Sans',sans-serif}
.catalog-page .cv-outdated-warn{margin-top:24px;max-width:700px}
.catalog-page .cv-gallery-section{padding:35px 0 30px;background:#0a0b0e}
.catalog-page .cv-gallery{display:grid;grid-template-columns:minmax(0,1fr) 142px;gap:14px;align-items:start}
.catalog-page .cv-gallery:not(:has(.cv-gallery-thumbs)){grid-template-columns:1fr}
.catalog-page .cv-gallery-main{background:#17191e;border:1px solid rgba(255,255,255,.13);border-radius:12px;box-shadow:0 30px 70px #0007}
.catalog-page .cv-gallery-main img{width:100%;height:min(57vw,610px);max-height:610px;object-fit:contain;background:#17191e}
.catalog-page .cv-gallery-thumbs{display:flex;flex-direction:column;gap:12px;overflow:visible}
.catalog-page .cv-thumb{width:142px;height:91px;border:1px solid rgba(255,255,255,.13);border-radius:8px;opacity:.55}
.catalog-page .cv-thumb.active{border-color:#f46d48;opacity:1}
.catalog-page .cv-content-grid{grid-template-columns:minmax(0,1fr) 340px;gap:25px}
.catalog-page .cv-main{display:flex;flex-direction:column;gap:18px}
.catalog-page .cv-block{margin:0!important;padding:30px 32px;background:#17191e;border:1px solid rgba(255,255,255,.1);border-radius:12px}
.catalog-page .cv-block .sh-eyebrow{margin:0;font-size:11px}
.catalog-page .cv-desc,.catalog-page .cv-news{margin-top:18px;font:15px/1.8 'DM Sans',sans-serif;color:#c4c0bd;white-space:pre-line}
.catalog-page .cv-news{padding:0;background:transparent;border:0}
.catalog-page .cv-sidebar{top:103px}
.catalog-page .cv-sidebar-block{background:#17191e;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:28px}
.catalog-page .cv-sidebar-title{color:#f46d48;font-size:10px;font-weight:800;letter-spacing:.15em}
.catalog-page .cv-meta-row{padding:13px 0;border-color:rgba(255,255,255,.09)}
.catalog-page .cv-meta-row span{color:#898a90}
.catalog-page .cv-meta-row strong{font-size:13px}
.catalog-page .cv-meta-active{color:#a1e5b0!important}
.catalog-page .section--dark{background:#101115;border-color:rgba(255,255,255,.08)}
.catalog-detail .section--dark .sh{margin-left:0;text-align:left;max-width:100%}
.catalog-detail .section--dark .sh-title{font-size:clamp(34px,4vw,54px);font-weight:700;letter-spacing:-.045em;word-spacing:.08em}
.catalog-detail .section--dark .sh-title .hl{margin-left:.1em}
.catalog-page .cat-grid--related .cc-banner{aspect-ratio:1.9}
.catalog-page .cat-grid--related .cc-body{padding-bottom:0}
.catalog-page .cat-grid--related .cc-name{font-size:27px}
.catalog-page .footer{background:#0d0e12;border-color:rgba(255,255,255,.08);padding-top:72px}
.catalog-page .footer-logo-text{font:800 17px Manrope,Arial,sans-serif;letter-spacing:-.055em;text-transform:none}
.catalog-page .footer-tagline{color:#898a90}
.catalog-page .footer-col h4{color:#d2cfcc}
.catalog-page .footer-col a{color:#898a90}

@media(max-width:1020px){
  .catalog-page .cat-hero-grid{grid-template-columns:1fr}
  .cat-hero-aside{display:none}
  .catalog-page .cat-grid,.catalog-page .cat-grid--related{grid-template-columns:repeat(2,minmax(0,1fr))}
  .catalog-page .cv-content-grid{grid-template-columns:1fr}
  .catalog-page .cv-sidebar{position:static}
}
@media(max-width:700px){
  .catalog-page .container,.catalog-page .wrap{width:min(100% - 34px,1400px)}
  .catalog-page .cat-hero,.catalog-page .cv-hero{padding:48px 0 55px}
  .catalog-page .breadcrumb{margin-bottom:32px}
  .catalog-page .cat-hero-title{font-size:clamp(52px,12vw,74px)}
  .catalog-page .cat-hero-sub,.cv-lead{font-size:15px}
  .catalog-page .cat-search-wrap{margin-top:33px}
  .catalog-page .cat-tabs-wrap{top:70px}
  .catalog-page .cat-grid,.catalog-page .cat-grid--related{grid-template-columns:1fr}
  .catalog-page .catalog-results{padding-bottom:90px!important}
  .catalog-page .cc-body{padding:20px 20px 10px}
  .catalog-page .cc-foot{padding:17px 20px 20px}
  .catalog-page .cc-name{font-size:27px}
  .catalog-page .cv-title{font-size:clamp(56px,13vw,80px)}
  .catalog-page .cv-gallery{display:block}
  .catalog-page .cv-gallery-main img{height:auto;max-height:360px}
  .catalog-page .cv-gallery-thumbs{flex-direction:row;overflow-x:auto;margin-top:12px}
  .catalog-page .cv-thumb{width:110px;height:70px}
  .catalog-page .cv-block{padding:24px}
  .catalog-page .footer-grid{grid-template-columns:1fr 1fr;gap:34px}
}
@media(max-width:460px){
  .catalog-page .cat-hero-title{font-size:50px}
  .catalog-page .cc-overline{display:block}
  .catalog-page .cc-overline span:last-child{display:block;margin-top:6px}
  .catalog-page .footer-grid{grid-template-columns:1fr}
}