.providers-section { margin:12px 0 40px; }
.games-for-you { margin:12px 0 32px; }
@media(max-width:639px) { .games-for-you .provider-game-card:nth-child(n+7) { display:none; } }
.demo-bets { margin:32px 0 40px; }
.winnings-limit { padding:8px 12px;border:1px solid #14535e;border-radius:7px;background:#073b45;color:#e2f5fa;font-size:14px;cursor:pointer; }
.winnings-limit:focus-visible { outline:2px solid #ffcc00;outline-offset:3px; }
.demo-bets-scroll { overflow-x:auto;border-radius:10px;background:#04333b;padding:0; }
.demo-bets-scroll:focus-visible { outline:2px solid #ffcc00;outline-offset:3px; }
.demo-bets-table { width:100%;min-width:680px;border-collapse:separate;border-spacing:0;color:#91b9c4;font-size:14px;font-variant-numeric:tabular-nums; }
.demo-bets-table thead { background:#02282f; }
.demo-bets-table th,.demo-bets-table td { padding:19px 12px;text-align:right;white-space:nowrap; }
.demo-bets-table thead th { font-weight:600; }
.demo-bets-table thead th:first-child { border-radius:8px 0 0 8px;text-align:left; }
.demo-bets-table thead th:last-child { border-radius:0 8px 8px 0; }
.demo-bets-table tbody th,.demo-bets-table tbody td { border-bottom:1px solid #14505b; }
.demo-bets-table tbody tr:last-child th,.demo-bets-table tbody tr:last-child td { border-bottom:0; }
.demo-bets-table tbody th { text-align:left;font-weight:600;color:#e2f5fa; }
.demo-bets-table tbody th i { margin-right:10px;color:#81aeb8; }
.demo-bets-table tbody tr:hover { background:#073e48; }
.demo-bets-table .demo-bets-win { color:#39e879; }
.demo-bets-currency { display:inline-grid;place-items:center;width:17px;height:17px;margin-left:3px;border-radius:50%;background:#159c83;color:#fff;font-size:12px;line-height:1; }
@media(max-width:639px) { .demo-bets-table th,.demo-bets-table td { padding:16px 10px; } }
.demo-bets-table tr > :first-child { padding-left:16px; }
.demo-bets-table tr > :last-child { padding-right:16px; }
.demo-bets-table [hidden] { display:none; }
.providers-heading { display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:18px; }
.providers-heading h2 { margin:0;color:#f2fafb;font-size:24px;font-weight:700;letter-spacing:-.5px; }
.providers-heading-actions { display:flex;align-items:center;gap:16px; }
.providers-view-all { color:#00cde8;font-size:14px;font-weight:600;text-decoration:none;white-space:nowrap; }
.providers-view-all:hover { color:#f2fafb;text-decoration:underline; }
.providers-view-all:focus-visible { outline:2px solid #ffcc00;outline-offset:4px; }
.providers-arrows { display:flex;gap:9px; }
.providers-arrows button { display:grid;place-items:center;width:40px;height:40px;border:1px solid #14535e;border-radius:50%;background:#06333c;color:#a6d3dc;transition:background .2s,color .2s,border-color .2s; }
.providers-arrows button:hover { color:#002126;background:#00cde8;border-color:#00cde8; }
.providers-track { display:flex;gap:16px;padding:8px 0;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;overscroll-behavior-x:contain;border-radius:14px; }
.providers-track::-webkit-scrollbar { display:none; }
.providers-slide { flex:0 0 100%;min-width:1088px;display:grid;grid-template-columns:repeat(9,minmax(0,112px));justify-content:center;gap:10px;scroll-snap-align:start;scroll-snap-stop:always; }
.provider-card { position:relative;display:flex;flex-direction:column;min-width:0;height:152px;box-sizing:border-box;overflow:hidden;border:1px solid #14535e;border-radius:10px;background:#073b45;cursor:pointer;text-decoration:none;transition:transform .2s ease,background .2s,border-color .2s,box-shadow .2s; }
.provider-card:hover,.provider-card:focus-visible { transform:translateY(-6px);background:#0b4954;border-color:#00cde8;box-shadow:inset 0 0 0 1px #00cde8; }
.provider-card:focus-visible { outline:2px solid #ffcc00;outline-offset:-3px; }
.provider-open-icon { position:absolute;right:8px;bottom:8px;display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:#00cde8;color:#002126;font-size:12px;opacity:0;transform:translateY(5px) scale(.85);pointer-events:none;transition:opacity .2s ease,transform .2s ease; }
.provider-card:hover .provider-open-icon,.provider-card:focus-visible .provider-open-icon { opacity:1;transform:translateY(0) scale(1); }
.provider-logo { display:grid;place-items:center;width:100%;height:100%;min-height:0;background:transparent;overflow:hidden; }
.provider-logo img { display:block;box-sizing:border-box;width:100%;height:100%;padding:18px;object-fit:contain; }
.providers-section button:focus-visible,.providers-track:focus-visible { outline:2px solid #ffcc00;outline-offset:3px; }
@media(max-width:639px) {
  .providers-section { margin:8px 0 28px; }
  .providers-heading { margin-bottom:14px; }
  .providers-heading h2 { font-size:21px; }
  .providers-arrows button { width:36px;height:36px;font-size:12px; }
  .providers-track { gap:12px; }
  .provider-card { border-radius:12px; }
}
@media(prefers-reduced-motion:reduce) { .providers-section * { transition:none; } }
.provider-page { max-width:1280px;min-height:50vh;margin:0 auto;padding:32px 16px 48px;color:#f2fafb; }
.provider-page h1 { margin:0 0 22px;font-size:26px;font-weight:700; }
.provider-banner { position:relative;display:flex;align-items:center;gap:20px;min-height:168px;padding:16px;margin-bottom:24px;overflow:hidden;border:1px solid #14535e;border-radius:10px;background:linear-gradient(100deg,#04333b 60%,#07515e 84%,#08798b); }
.provider-banner-logo { z-index:1;display:grid;place-items:center;flex:0 0 136px;height:136px;padding:12px;box-sizing:border-box;border:1px solid #14535e;border-radius:8px;background:#073b45; }
.provider-banner-logo img { width:100%;height:100%;object-fit:contain; }
.provider-banner-info { position:relative;z-index:1;min-width:0; }
.provider-banner-info h1 { margin:0 0 12px;font-size:24px;overflow-wrap:anywhere; }
.provider-banner-info p { display:flex;align-items:center;gap:8px;margin:0;color:#81aeb8;font-size:15px; }
.provider-banner-info strong { color:#00cde8; }
.provider-status-dot { width:8px;height:8px;border-radius:50%;background:#00cde8; }
.provider-banner-art { position:absolute;right:32px;bottom:-38px;font-size:190px;line-height:1;color:#00cde8;transform:rotate(-15deg);opacity:.35; }
.provider-search input::-webkit-search-cancel-button { -webkit-appearance:none; }
#providerSearchClear { display:grid;place-items:center;flex:0 0 30px;height:30px;border:0;border-radius:50%;background:#14535e;color:#e2f5fa;cursor:pointer; }
#providerSearchClear[hidden] { display:none; }
#providerSearchClear:hover { background:#207080; }
.home-provider-search button { display:grid;place-items:center;flex:0 0 30px;height:30px;border:0;border-radius:50%;background:#14535e;color:#e2f5fa;cursor:pointer; }
.home-provider-search button:hover { background:#207080; }
.home-provider-search button[hidden],#homeProviderList[hidden],#homeProviderResults[hidden],#homeProviderSearchEmpty[hidden] { display:none; }
.home-provider-search button:focus-visible { outline:2px solid #ffcc00;outline-offset:3px; }
#providerSearchClear:focus-visible,.provider-back:focus-visible { outline:2px solid #ffcc00;outline-offset:3px; }
.provider-back { display:inline-flex;align-items:center;gap:8px;margin:0 0 18px;padding:10px 16px;border:1px solid #14535e;border-radius:8px;background:#073b45;color:#e2f5fa;text-decoration:none;font-size:14px; }
.provider-back:hover { background:#0b4954;border-color:#00cde8; }
@media(max-width:639px) { .provider-banner { gap:14px;min-height:132px; } .provider-banner-logo { flex-basis:88px;height:88px;padding:8px; } .provider-banner-info h1 { font-size:21px; } .provider-banner-art { right:-28px;font-size:140px;opacity:.25; } }
.provider-search { display:flex;align-items:center;gap:12px;margin-bottom:24px;padding:0 16px;border:1px solid #14535e;border-radius:10px;background:#073b45;color:#81aeb8; }
.provider-search:focus-within { border-color:#00cde8; }
.provider-search input { width:100%;min-width:0;padding:15px 0;border:0;outline:0;background:transparent;color:#f2fafb;font-size:16px; }
.provider-search input::placeholder { color:#81aeb8; }
.provider-page-grid { display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:18px;padding:8px 0; }
@media(max-width:639px) { .provider-page-grid { grid-template-columns:repeat(3,minmax(0,1fr));gap:16px; } }
.provider-game-card { position:relative;min-width:0;overflow:hidden;border:0;border-radius:10px;background:#073b45;transition:transform .2s ease,background .2s; }
.provider-game-card img { display:block;width:100%;height:auto;aspect-ratio:4 / 5;object-fit:cover; }
.provider-game-card:hover { transform:translateY(-6px);background:#0b4954; }
.game-play-actions { position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:10px;background:linear-gradient(180deg,#02212655,#022126ed);opacity:0;visibility:hidden;transition:opacity .2s ease,visibility .2s; }
.provider-game-card:hover .game-play-actions,.provider-game-card:focus-within .game-play-actions { opacity:1;visibility:visible; }
.game-play-actions button { display:block;box-sizing:border-box;text-align:center;text-decoration:none;width:100%;max-width:130px;min-height:34px;padding:8px 4px;border-radius:7px;font-size:12px;font-weight:700;line-height:1.2;cursor:pointer;transition:background .2s; }
.game-play-demo { border:1px solid #00cde8;background:#073b45;color:#e2f5fa; }
.game-play-demo:hover { background:#14535e; }
.game-play-real { border:1px solid #00cde8;background:#00cde8;color:#022126; }
.game-play-real:hover { background:#65eaff; }
.game-play-actions button:focus-visible,.provider-game-card:focus-visible { outline:2px solid #ffcc00;outline-offset:-3px; }
@media(hover:none) { .game-play-actions { opacity:1;visibility:visible;justify-content:flex-end;gap:5px;padding:6px; } .game-play-actions button { min-height:26px;padding:5px 2px;font-size:10px; } }
.provider-games-empty { padding:32px 0;text-align:center;color:#81aeb8; }
@media(prefers-reduced-motion:reduce) { .provider-game-card,.game-play-actions,.game-play-actions button { transition:none; } }
.provider-page [hidden] { display:none; }
#providerSearchEmpty { padding:32px 0;text-align:center;color:#81aeb8; }
.providers-directory-grid { display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:18px;padding:8px 0; }
@media(max-width:639px) { .providers-directory-grid { grid-template-columns:repeat(3,minmax(0,1fr));gap:12px; } }
@media(prefers-reduced-motion:reduce) { .providers-directory .provider-card,.providers-directory .provider-open-icon { transition:none; } }

.game-play-actions form { display:flex;flex-direction:column;align-items:center;gap:8px;width:100%; }
.slot-search-form { display:flex;gap:12px;align-items:stretch;margin-bottom:24px; }
.slot-search-form .provider-search { flex:1;min-width:0;margin:0; }
.slot-search-submit { padding:0 20px;border:0;border-radius:10px;background:#00cde8;color:#022126;font-weight:700;cursor:pointer; }
.slot-search-submit:hover { background:#65eaff; }
.slot-search-clear { display:grid;place-items:center;width:28px;height:28px;flex-shrink:0;border-radius:50%;background:#14535e;color:#e2f5fa;text-decoration:none; }
.slot-pagination { display:flex;justify-content:center;align-items:center;gap:20px;margin-top:28px;color:#81aeb8;font-size:14px; }
.slot-pagination a { padding:10px 16px;border-radius:8px;background:#073b45;color:#e2f5fa;text-decoration:none; }
.slot-pagination a:hover { background:#14535e; }
.slot-search-form button:focus-visible,.slot-search-form a:focus-visible,.slot-pagination a:focus-visible { outline:2px solid #ffcc00;outline-offset:3px; }
@media(hover:none) { .game-play-actions form { gap:5px; } }
