/* Keep discovery ahead of the fold. Scoped to catalog pages only. */
.catalog-page .header .brand-logo{width:240px}
.catalog-page .header .brand{padding-block:6px}
.catalog-page .hero-inner{display:flex;align-items:center;justify-content:space-between;gap:24px;padding-block:18px}
.catalog-page .hero h1{font-size:28px;line-height:1.2}
.catalog-page .hero p{margin-top:6px;font-size:13px;line-height:1.5}
.catalog-page .hero-actions{margin:0;flex-shrink:0;gap:14px}
.catalog-page .hero-secondary{min-height:44px;margin:0;padding:10px 0}
.catalog-page .page-heading{padding-block:18px}
.catalog-page .page-heading h1{font-size:28px}
.catalog-page .page-heading p{margin-top:8px;font-size:13px}
.catalog-page .catalog-shell{margin-top:16px}
.catalog-page .discovery-grid{margin-top:0}
.catalog-page .catalog-center>.ad-placement.top{margin-bottom:14px}
.catalog-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px;min-height:44px}
.catalog-title{display:flex;align-items:center;gap:9px;min-width:0}
.catalog-title h2{font-size:18px;line-height:1.3}
.catalog-title .count-label{padding:3px 7px}
.catalog-tools{display:flex;align-items:center;gap:6px;flex-shrink:0}
.catalog-tools>a{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:44px;padding:8px 10px;border:1px solid #454951;border-radius:4px;font-size:12px;color:#d4d8df;background:#22252a;white-space:nowrap}
.catalog-tools>a:hover{background:#30343a;border-color:#9b7960;color:#fff}
.catalog-tools .icon{width:16px;height:16px}
.catalog-tools [data-compare-count]{font-size:11px;color:#dfca9d}
.catalog-compare-status:empty{display:none}
.catalog-compare-status{margin-bottom:10px;color:#dfca9d;font-size:13px}
.catalog-search.catalog-filters{display:flex;align-items:center;flex-wrap:nowrap;gap:8px;padding:8px}
.catalog-search.catalog-filters>.search-field{flex:1 1 auto;width:auto;min-width:0}
.catalog-search.catalog-filters>.button{width:auto;flex:none;min-height:44px}
.catalog-search .search-field input{min-height:44px;font-size:14px}
.catalog-search .advanced-filters{position:relative;flex:none}
.catalog-search .advanced-filters>summary{height:auto;min-height:44px;padding:8px 12px;font-size:12px}
.catalog-search .advanced-filters>.advanced-grid{position:absolute;right:0;top:calc(100% + 9px);z-index:40;width:min(600px,calc(100vw - 48px));padding:16px;background:#24272b;border:1px solid #5c5650;border-radius:4px;box-shadow:0 14px 34px #000a;grid-template-columns:repeat(2,minmax(0,1fr))}
.catalog-search .advanced-grid>label{width:auto;min-width:0}
.catalog-search .advanced-grid select{min-height:44px;font-size:14px}
.catalog-search .advanced-grid .advanced-actions .button{width:auto;min-height:44px}
.catalog-search .advanced-grid .sub-links{grid-column:1/-1;margin:0;flex-wrap:wrap;overflow:visible;border-bottom:0;padding:8px 0;gap:6px 12px}
.catalog-search .advanced-grid .sub-links a{min-height:36px;margin:0;padding:6px 0}
.catalog-page .category-links:not(.sub-links){flex-wrap:nowrap;gap:6px;margin:0;padding:8px 1px;overflow-x:auto;scrollbar-width:thin;scrollbar-color:#55504a transparent}
.catalog-page .category-links:not(.sub-links)>a{flex:none;white-space:nowrap;min-height:36px;padding:6px 10px;margin:0;border:1px solid #3d4047;border-radius:4px;background:#202328;color:#c9cdd3;font-size:12px;font-weight:400}
.catalog-page .category-links:not(.sub-links)>a[aria-current="page"]{border-color:#a1604c;background:#3b2b26;color:#f1d1b3;text-decoration:none;font-weight:700}
.catalog-page .list-header{padding:6px 0 9px}
.catalog-page .upcoming-rail{margin:0;padding:4px 0 8px}
.catalog-page .upcoming-rail>a{min-height:60px}
@media(min-width:601px) and (max-width:1000px){
  .catalog-page .hero-inner{gap:12px}
  .catalog-page .hero-actions{flex-direction:column;gap:0;align-items:flex-start}
}
@media(max-width:700px){
  .catalog-title h2{font-size:16px}
  .catalog-tools .favourites-label{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
  .catalog-tools>a{min-width:44px;padding:8px}
}
@media(max-width:600px){
  .catalog-page .wrap,.catalog-page .catalog-shell{width:calc(100% - 24px)}
  .catalog-page .topline .wrap>span{display:none}
  .catalog-page .topline .wrap{justify-content:flex-end;padding-block:0;min-height:26px}
  .catalog-page .topline .wrap>div>a{align-items:center;min-height:26px;margin:0;padding:0}
  .catalog-page .header-inner{gap:5px 10px;padding:6px 0}
  .catalog-page .header .brand{padding:0}
  .catalog-page .header .brand-logo{width:190px}
  .catalog-page .header .menu-toggle{min-width:44px;min-height:44px;padding:9px}
  .catalog-page .header-actions{padding:0;gap:4px;flex-wrap:wrap}
  .catalog-page .header-actions .button,.catalog-page .header-actions .login-link,.catalog-page .notification-entry{min-height:44px;margin:0;display:inline-flex;align-items:center;font-size:12px}
  .catalog-page .header-actions .button{padding-inline:8px;gap:5px;font-size:11px}
  .catalog-page .header-actions .coin-chip{padding:5px 6px;gap:4px;font-size:11px}
  .catalog-page .hero-inner{padding-block:12px;display:block}
  .catalog-page .hero h1{font-size:23px;letter-spacing:-.3px}
  .catalog-page .hero p{font-size:12px;max-width:none;margin-top:4px}
  .catalog-page .hero-actions{display:none}
  .catalog-page .page-heading,.catalog-page .page-heading.has-art{padding:14px 12px}
  .catalog-page .page-heading h1{font-size:22px}
  .catalog-page .page-heading p{font-size:12px}
  .catalog-page .catalog-shell{margin-top:8px}
  .catalog-heading{gap:6px;margin-bottom:6px}
  .catalog-title{gap:5px}
  .catalog-title .count-label{padding:2px 5px;font-size:10px}
  .catalog-tools{gap:5px}
  .catalog-tools>a{gap:5px}
  .catalog-tools .compare-icon{display:none}
  .catalog-search.catalog-filters{display:grid;grid-template-columns:minmax(0,1fr) auto auto;padding:6px;gap:6px}
  .catalog-search.catalog-filters>.search-field{grid-column:auto;width:100%}
  .catalog-search.catalog-filters>.button{grid-column:auto;padding-inline:12px}
  .catalog-search.catalog-filters>.advanced-filters{position:static;grid-column:auto}
  .catalog-search .search-field input{font-size:16px;padding-left:30px;padding-right:5px}
  .catalog-search .advanced-filters>summary{padding:8px;gap:5px}
  .catalog-search .advanced-filters>summary>.icon{display:none}
  .catalog-search:has(.advanced-filters[open]){display:flex;flex-wrap:wrap}
  .catalog-search.catalog-filters:has(.advanced-filters[open])>.search-field{flex:1}
  .catalog-search.catalog-filters>.advanced-filters[open]{flex:1 0 100%;width:100%}
  .catalog-search .advanced-filters>.advanced-grid{position:static;width:100%;margin-top:6px;padding:12px;box-shadow:none;grid-template-columns:minmax(0,1fr)}
  .catalog-search .advanced-grid select{font-size:16px}
  .catalog-search .advanced-grid .sub-links a{padding:6px 10px}
  .catalog-page .category-links:not(.sub-links){padding-block:6px}
  .catalog-page .category-links:not(.sub-links)>a{min-height:40px}
  .catalog-page .list-header{padding:5px 0 7px}
  .catalog-page .server-card-heading{padding:9px 11px;gap:8px}
  .catalog-page .server-card-body{padding:10px}
}
@media(max-width:350px){
  .catalog-page .header .brand-logo{width:150px}
  .catalog-page .hero-inner{padding-block:8px}
  .catalog-page .list-header{display:none}
  .catalog-title h2{font-size:14px}
  .catalog-tools>a{font-size:11px}
  .catalog-tools [data-compare-count]{font-size:10px}
  .catalog-search .advanced-filters>summary{font-size:11px;padding-inline:5px}
}