.catalog-page { padding-top:24px;padding-bottom:48px; }
.catalog-breadcrumb { display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin-bottom:22px;color:#81aeb8;font-size:12px; }
.catalog-breadcrumb a { color:#81aeb8;text-decoration:none; }
.catalog-breadcrumb a:hover { color:#00cde8; }
.catalog-breadcrumb i { font-size:8px;color:#38717d; }
.catalog-breadcrumb [aria-current] { color:#d7edf1;overflow-wrap:anywhere; }
.catalog-intro { display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:24px;padding:26px;border:1px solid #14535e;border-radius:16px;background:radial-gradient(ellipse at 95% 0,#08798b33,transparent 65%),#04333b; }
.catalog-intro h1 { margin:0 0 8px;font-size:28px;letter-spacing:-.6px; }
.catalog-intro p { margin:0;color:#81aeb8;font-size:14px;line-height:1.6; }
.catalog-total { display:flex;align-items:center;gap:8px;flex-shrink:0;padding:12px 16px;border:1px solid #14535e;border-radius:10px;background:#073b45;color:#a6d3dc;font-size:13px; }
.catalog-total i { color:#00cde8; }
.catalog-total strong { font-size:20px;color:#f2fafb; }
.catalog-page .provider-banner { border-radius:16px;margin-bottom:24px;box-shadow:0 12px 32px #00171b33; }
.catalog-page .provider-banner-logo { border-radius:12px; }
.catalog-page .catalog-banner-caption { margin-top:14px;font-size:13px;line-height:1.5;max-width:70%; }
.catalog-page .provider-banner-art { pointer-events:none; }
.catalog-page .provider-search { min-height:56px;border-radius:12px;margin-bottom:20px;background:#06343d;transition:border-color .2s,box-shadow .2s; }
.catalog-page .provider-search:focus-within { border-color:#00cde8;box-shadow:0 0 0 3px #00cde814; }
.catalog-page .provider-search > i { color:#00cde8; }
.catalog-page #providerSearchClear { width:34px;flex-basis:34px;height:34px; }
.catalog-toolbar { display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:42px;margin-bottom:12px; }
.catalog-toolbar h2 { margin:0;color:#d7edf1;font-size:17px;font-weight:600; }
.catalog-toolbar .provider-back { margin:0;font-size:13px; }
#catalogResultCount { color:#81aeb8;font-size:12px;text-align:right; }
.catalog-page-number { color:#81aeb8;font-size:12px; }
.catalog-page .slot-search-form .provider-search { margin-bottom:0; }
.catalog-page .slot-pagination a { border:1px solid #14535e; }
.catalog-page .providers-directory-grid,.catalog-page .provider-page-grid { row-gap:22px; }
.catalog-page .provider-card { height:152px;border-radius:12px;box-shadow:0 5px 16px #00171b22; }
.catalog-page .provider-game-card { border-radius:12px;box-shadow:0 5px 16px #00171b33; }
.catalog-page .provider-game-card:hover { box-shadow:0 12px 24px #00171b55; }
.catalog-page .provider-games-empty,.catalog-empty { margin:8px 0;padding:44px 20px;border:1px dashed #14535e;border-radius:14px;background:#04333b;text-align:center;color:#81aeb8; }
.catalog-empty > i { display:grid;place-items:center;width:52px;height:52px;margin:0 auto 18px;border-radius:50%;background:#073b45;color:#00cde8;font-size:20px; }
.catalog-empty h2 { margin:0 0 8px;font-size:20px;color:#f2fafb;font-weight:600; }
.catalog-empty p { margin:0 0 20px;font-size:14px;line-height:1.6; }
.catalog-empty button { padding:11px 18px;border:0;border-radius:8px;background:#00cde8;color:#022126;font-weight:700;cursor:pointer; }
.catalog-empty button:hover { background:#65eaff; }
.catalog-page a:focus-visible,.catalog-page button:focus-visible { outline:2px solid #ffcc00;outline-offset:3px; }
@media(min-width:640px) and (max-width:1023px) { .catalog-page .providers-directory-grid,.catalog-page .provider-page-grid { grid-template-columns:repeat(5,minmax(0,1fr));gap:16px; } }
@media(max-width:639px) {
 .catalog-page { padding:18px 12px 32px; }
 .catalog-breadcrumb { margin-bottom:16px;gap:8px; }
 .catalog-intro { padding:20px 16px;gap:12px;border-radius:12px;align-items:flex-start; }
 .catalog-intro h1 { font-size:24px; }
 .catalog-intro p { font-size:12px; }
 .catalog-total { flex-direction:column;gap:3px;padding:10px;font-size:10px; }
 .catalog-total i { display:none; }
 .catalog-total strong { font-size:19px; }
 .catalog-page .provider-banner { padding:16px;border-radius:12px; }
 .catalog-page .catalog-banner-caption { max-width:100%;font-size:11px;margin-top:10px; }
 .catalog-page .provider-search { min-height:52px; }
 .catalog-toolbar .provider-back { padding:10px;font-size:12px; }
 #catalogResultCount { font-size:11px; }
 .catalog-page .providers-directory-grid { gap:14px; }
 .catalog-page .provider-page-grid { gap:16px; }
 .catalog-page .provider-card { height:142px; }
 .catalog-page .provider-logo img { padding:14px; }
 .catalog-empty { padding:32px 16px; }
}
@media(prefers-reduced-motion:reduce) { .catalog-page * { transition:none!important; } }