:root {
  --ink: #111820;
  --header: #092126;
  --muted: #758087;
  --line: #d7dadd;
  --canvas: #eeeded;
  --green: #23832d;
  --red: #e62531;
  --blue-odds: #c9e5f7;
  --pink-odds: #f8dce4;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; color: var(--ink); background: var(--canvas); font-family: Roboto, Arial, sans-serif; font-size: 14px; }
a { color: inherit; text-decoration: none; }
button, input { font: inherit; }

.topbar { min-height: 64px; padding: 8px max(16px, calc((100vw - 1360px) / 2)); display: flex; align-items: center; justify-content: space-between; gap: 22px; background: var(--header); color: #fff; }
.logo { display: flex; flex: 0 0 205px; align-items: center; }
.logo img { display: block; width: 190px; max-height: 46px; object-fit: contain; object-position: left center; }
.top-actions { display: flex; align-items: center; justify-content: flex-end; gap: 9px; min-width: 0; }
.searchbox { width: min(300px, 25vw); height: 38px; padding: 0 12px; display: flex; align-items: center; gap: 8px; border: 1px solid #d7dce0; border-radius: 22px; background: white; color: #808890; }
.searchbox > span { font-size: 24px; line-height: 1; }
.searchbox input { width: 100%; min-width: 0; border: 0; outline: 0; background: transparent; color: #222; font-size: 11px; }
.datetime { display: flex; flex-direction: column; gap: 2px; color: white; white-space: nowrap; font-size: 10px; }
.datetime strong { font-size: 13px; }
.top-btn { min-height: 32px; padding: 0 13px; display: inline-flex; align-items: center; justify-content: center; gap: 5px; border: 1px solid #c9cdd0; border-radius: 20px; font-size: 12px; font-weight: 700; white-space: nowrap; }
.login-btn { color: white; background: #173b40; }
.signup-btn { color: #111; background: white; }

.category-nav { min-height: 38px; padding: 4px max(8px, calc((100vw - 1360px) / 2)); display: flex; align-items: center; gap: 4px; overflow-x: auto; white-space: nowrap; background: #fff; border-bottom: 1px solid #d2d5d7; scrollbar-width: thin; }
.category-nav a { position: relative; flex: 0 0 auto; padding: 6px 12px; border: 1px solid transparent; border-radius: 15px; color: #433044; font-size: 10px; font-weight: 700; text-transform: uppercase; }
.category-nav a:hover, .category-nav a.active { border-color: #e5e5e5; background: #f7f7f7; color: #ce1b29; }
.category-nav small { position: absolute; top: -5px; right: -3px; padding: 1px 4px; border-radius: 6px; background: #e82a35; color: #fff; font-size: 7px; }

.page-layout { width: min(1360px, 100%); margin: 0 auto; padding: 0 18px; display: grid; grid-template-columns: 220px minmax(0, 1fr); gap: 12px; align-items: start; }
.sidebar { position: sticky; top: 0; margin-top: 5px; overflow: hidden; border-radius: 8px; background: #fff; box-shadow: 0 1px 4px #00000012; }
.side-links { display: flex; flex-direction: column; }
.side-links > a { min-height: 38px; padding: 0 13px; display: flex; align-items: center; gap: 10px; border-bottom: 1px solid #eceeef; font-size: 12px; font-weight: 600; }
.side-links > a:hover { background: #f4f8f8; }
.sport-icon { width: 17px; flex: 0 0 17px; display: inline-flex; align-items: center; justify-content: center; font-size: 14px; }
.cricket, .market-icon.cricket { color: #be292f; }
.football, .market-icon.football { color: #202020; }
.tennis, .market-icon.tennis { color: #79b942; }
.horse { color: #966458; }
.greyhound { color: #38717d; }
.book { color: #eba800; }
.casino { color: #d83b45; }
.aviator { color: #e32147; }
.slots { color: #e34b54; }
.binary { color: #00a8bd; }
.follow-label { padding: 9px 13px 5px; border-top: 1px solid #e2e4e5; color: #49616a; font-size: 9px; font-weight: 700; letter-spacing: 1px; }
.whatsapp-side { margin: 2px 8px 9px; padding: 8px 10px; display: flex; align-items: center; justify-content: space-between; border-radius: 7px; background: #10363b; color: #fff; font-size: 10px; font-weight: 700; }
.whatsapp-side b { font-size: 17px; font-weight: 400; }
.side-links-secondary { border-top: 1px solid #dfe2e3; }

.main-content { min-width: 0; padding-top: 4px; }
.provider-strip { padding: 3px 5px; overflow: hidden; border-radius: 4px 4px 0 0; background: #fff; }
.provider-group { display: flex; width: max-content; gap: 4px; }
.provider-group img { width: 125px; height: 22px; object-fit: cover; border-radius: 3px; }
.games-section { padding: 4px 6px 7px; background: #fff; }
.game-tabs { min-height: 23px; display: flex; align-items: center; gap: 10px; overflow: hidden; white-space: nowrap; color: #52616a; font-size: 10px; }
.game-tabs strong { color: #3e4143; }
.game-tabs a:first-of-type { color: #e25032; font-weight: 700; }
.game-tiles { display: grid; grid-auto-columns: minmax(65px, 1fr); grid-auto-flow: column; gap: 5px; overflow-x: auto; padding: 1px 0 3px; scrollbar-width: thin; }
.game-tiles a { position: relative; min-width: 0; height: clamp(76px, 9vw, 110px); overflow: hidden; border: 1px solid #28212d; border-radius: 5px; background: #17131c; }
.game-tiles img { width: 100%; height: 100%; display: block; object-fit: cover; }
.game-tiles a span { position: absolute; right: 0; bottom: 0; left: 0; padding: 3px 2px; background: linear-gradient(transparent, #000c); color: white; text-align: center; text-shadow: 0 1px 2px black; font-size: 8px; font-weight: 700; text-transform: uppercase; }

.feature-section { margin-top: 4px; overflow: hidden; border-radius: 4px 4px 0 0; background: #fff; }
.feature-section h2 { min-height: 30px; margin: 0; padding: 6px 10px; display: flex; align-items: center; gap: 7px; background: #101f22; color: #fff; font-size: 12px; font-weight: 600; }
.red-ball { color: #e02028; font-size: 13px; }
.feature-banners { display: grid; grid-template-columns: 1fr 1fr; gap: 2px; }
.banner { min-width: 0; aspect-ratio: 1.9 / 1; overflow: hidden; display: block; background: #080c10; }
.banner img { width: 100%; height: 100%; display: block; object-fit: cover; }
.inplay-bar { height: 27px; padding: 0 10px; display: flex; align-items: center; gap: 7px; background: var(--green); color: white; font-size: 12px; font-weight: 700; }
.live-dot { width: 12px; height: 12px; position: relative; display: inline-block; border: 1px solid white; border-radius: 50%; }
.live-dot::after { content: ""; position: absolute; top: 3px; left: 4px; border-top: 3px solid transparent; border-bottom: 3px solid transparent; border-left: 4px solid white; }
.event-data-note { margin: 0; padding: 6px 9px; border-bottom: 1px solid #ead9a8; background: #fff8e6; color: #695522; font-size: 10px; line-height: 1.4; }
.page-container { width: min(1120px, 100%); min-height: 70vh; margin: 0 auto; padding: 28px 18px 42px; }
.page-breadcrumb { margin: 0 0 14px; color: #647177; font-size: 12px; }
.page-breadcrumb a { color: #176b48; }
.content-page { padding: clamp(20px, 4vw, 42px); border: 1px solid #e0e5e5; border-radius: 6px; background: #fff; color: #36434a; line-height: 1.75; }
.content-page .page-kicker { margin: 0 0 6px; color: #168044; font-size: 11px; font-weight: 800; letter-spacing: 1px; }
.content-page h1 { margin: 0 0 12px; color: #13262b; font-size: clamp(27px, 4vw, 40px); line-height: 1.2; }
.content-page h2 { margin: 30px 0 9px; color: #173b40; font-size: clamp(20px, 2.7vw, 26px); line-height: 1.3; }
.content-page h3 { margin: 0 0 7px; color: #173b40; font-size: 17px; }
.content-page p, .content-page li { font-size: 15px; }
.content-page p { margin: 0 0 14px; }
.content-page ul, .content-page ol { padding-left: 24px; }
.content-page li { margin: 0 0 8px; }
.content-page li::marker { color: #168044; font-weight: 700; }
.content-page a { color: #176b48; text-decoration: underline; text-underline-offset: 2px; }
.content-page .page-lead { max-width: 850px; color: #4c5d63; font-size: 17px; }
.page-callout { margin: 20px 0; padding: 14px 16px; display: flex; align-items: flex-start; gap: 11px; border: 1px solid #ead18b; border-left: 4px solid #d29a19; border-radius: 4px; background: #fff9e9; color: #514321; }
.page-callout p { margin: 0; }
.page-steps { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; margin: 18px 0; padding: 0; list-style: none; }
.page-steps li { margin: 0; padding: 16px; border: 1px solid #e5e9e9; border-radius: 5px; background: #fbfcfc; }
.page-steps strong { display: block; margin-bottom: 5px; color: #173b40; }
.page-icon { display: inline-flex; width: 29px; height: 29px; margin-right: 6px; align-items: center; justify-content: center; vertical-align: middle; border-radius: 50%; background: #e9f4ef; color: #167348; }
.page-illustration { max-width: 100%; width: 500px; margin: 14px 0 20px; border-radius: 6px; }
.page-faq details { border-top: 1px solid #e1e6e6; }
.page-faq details:last-child { border-bottom: 1px solid #e1e6e6; }
.page-faq summary { padding: 13px 26px 13px 2px; color: #173b40; cursor: pointer; font-weight: 700; }
.page-faq details p { padding: 0 20px 12px 2px; }
.internal-cta { margin-top: 25px; padding: 18px; border-radius: 5px; background: #edf6f1; }
.internal-cta .footer-chat { text-decoration: none; }
.page-footer .footer-links a { text-decoration: none; }
.registration-open { overflow: hidden; }
.registration-backdrop { position: fixed; inset: 0; z-index: 1000; padding: 18px; display: grid; place-items: center; overflow-y: auto; background: #061719c9; }
.registration-backdrop[hidden] { display: none; }
.registration-dialog { position: relative; width: min(100%, 440px); max-height: min(92vh, 720px); padding: 27px; overflow-y: auto; border-radius: 10px; background: #fff; color: #25353a; box-shadow: 0 18px 60px #0005; }
.registration-close { position: absolute; top: 10px; right: 12px; width: 36px; height: 36px; border: 0; border-radius: 50%; background: #eef2f2; color: #27383b; cursor: pointer; font-size: 26px; line-height: 1; }
.registration-kicker { margin: 0 0 5px; color: #21804f; font-size: 10px; font-weight: 800; letter-spacing: 1.3px; }
.registration-dialog h2 { margin: 0 38px 8px 0; color: #102b30; font-size: 23px; line-height: 1.25; }
.registration-description { margin: 0 0 17px; color: #59676b; font-size: 12px; line-height: 1.55; }
.registration-form { display: flex; flex-direction: column; gap: 7px; }
.registration-form > label:not(.registration-consent) { margin-top: 5px; color: #203338; font-size: 12px; font-weight: 700; }
.registration-form > input { width: 100%; height: 42px; padding: 0 11px; border: 1px solid #cbd4d5; border-radius: 5px; outline: 0; background: #fff; color: #15272b; }
.registration-form > input:focus { border-color: #16804a; box-shadow: 0 0 0 3px #16804a22; }
.registration-form small { margin-top: -3px; color: #677477; font-size: 10px; }
.registration-consent { margin: 8px 0 2px; display: flex; align-items: flex-start; gap: 9px; color: #425257; font-size: 11px; line-height: 1.5; }
.registration-consent input { width: 16px; height: 16px; margin: 1px 0 0; flex: 0 0 auto; accent-color: #16804a; }
.registration-error { min-height: 0; margin: 0; color: #b3222b; font-size: 11px; }
.registration-error:empty { display: none; }
.registration-submit { min-height: 43px; margin-top: 3px; display: flex; align-items: center; justify-content: center; gap: 8px; border: 0; border-radius: 5px; background: #16804a; color: white; cursor: pointer; font-weight: 700; }
.registration-submit:hover { background: #10683c; }
.registration-privacy { margin: 12px 0 0; color: #758185; text-align: center; font-size: 10px; line-height: 1.5; }

@media (max-width: 480px) {
  .registration-backdrop { padding: 12px; }
  .registration-dialog { padding: 23px 18px; }
}

.markets { background: white; }
.market-heading { min-height: 29px; padding: 3px 8px; display: flex; align-items: center; justify-content: space-between; gap: 8px; border-bottom: 1px solid #292929; }
.market-heading h2 { margin: 0; display: flex; align-items: center; gap: 5px; font-size: 12px; font-weight: 600; }
.market-icon { width: 14px; display: inline-flex; align-items: center; justify-content: center; font-size: 11px; }
.market-icon.table-tennis { color: #181818; }
.market-icon.volleyball { color: #81b94c; }
.market-icon.hockey { color: #171717; }
.market-icon.basketball { color: #e87819; }
.market-filters { display: flex; gap: 4px; }
.market-filters button { padding: 2px 7px; border: 1px solid #9ca2a4; border-radius: 12px; background: white; color: #2e3538; font-size: 9px; line-height: 1.2; }
.odds-labels, .match-row { display: grid; grid-template-columns: 68px minmax(100px, 1fr) 44px repeat(6, minmax(38px, .64fr)); }
.odds-labels { min-height: 16px; align-items: center; border-bottom: 1px solid #e5e5e5; color: #657077; text-align: center; font-size: 8px; }
.odds-labels b { font-weight: 500; }
.match-row { min-height: 30px; border-bottom: 1px solid #e6e6e6; font-size: 10px; }
.match-row[hidden] { display: none; }
.match-time { padding: 4px 3px; display: flex; flex-direction: column; align-items: center; justify-content: center; color: #38914a; text-align: center; font-size: 8px; line-height: 1.25; }
.match-time strong { font-size: 8px; font-weight: 500; }
.match-name { padding: 3px 7px; display: flex; flex-direction: column; justify-content: center; gap: 1px; overflow: hidden; font-size: 10px; font-weight: 600; line-height: 1.18; }
.match-name span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.market-tags { display: flex; align-items: center; justify-content: center; gap: 2px; }
.market-tags span { padding: 1px 2px; border-radius: 2px; background: #23545a; color: #fff; font-size: 6px; font-weight: 700; }
.market-tags .green-play { background: #168d38; }
.odds { min-width: 0; display: flex; align-items: center; justify-content: center; border-left: 1px solid white; color: #31424b; text-align: center; font-size: 9px; font-weight: 700; }
.odds.blue { background: var(--blue-odds); }
.odds.pink { background: var(--pink-odds); }
.market-promo { height: 48px; margin: 4px 0; padding: 0 10px; display: flex; align-items: center; gap: 10px; overflow: hidden; background: linear-gradient(100deg, #20156c, #7836a5 70%, #e8a7c0); color: white; }
.market-promo img { width: 54px; height: 42px; object-fit: cover; object-position: center; }
.market-promo span { display: flex; flex-direction: column; gap: 3px; }
.market-promo strong { font-size: 12px; }
.market-promo small { color: #eee1ff; font-size: 9px; }

.casino-lobby { margin-top: 8px; padding: 0 8px 9px; border-radius: 4px; background: white; }
.section-title { min-height: 30px; display: flex; align-items: center; justify-content: space-between; }
.section-title h2 { margin: 0; font-size: 12px; }
.section-title > a { color: #687178; font-size: 10px; }
.section-title > a span { margin-left: 4px; font-size: 16px; }
.casino-grid { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 5px; }
.casino-grid a { position: relative; aspect-ratio: 1.65; overflow: hidden; border-radius: 6px; background: #15121d; }
.casino-grid img { width: 100%; height: 100%; display: block; object-fit: cover; }
.casino-grid a span { position: absolute; right: 0; bottom: 0; left: 0; padding: 4px 3px 3px; background: linear-gradient(transparent, #000d); color: white; text-align: center; font-size: 8px; font-weight: 700; }
.upcoming-section { margin-top: 9px; background: white; }
.upcoming-title { min-height: 30px; padding: 7px 9px; background: #c65c36; color: white; font-size: 12px; font-weight: 700; }
.upcoming-market .match-row { min-height: 29px; }

.seo-content { margin-top: 12px; padding: clamp(18px, 3vw, 32px); border-radius: 5px; background: #fff; color: #36434a; line-height: 1.7; }
.seo-intro { max-width: 850px; margin-bottom: 24px; }
.seo-kicker { margin: 0 0 5px; color: #168044; font-size: 10px; font-weight: 800; letter-spacing: 1.2px; }
.seo-kicker-icon { color: #edaa23; font-size: 15px; }
.seo-content h1 { margin: 0 0 9px; color: #13262b; font-size: clamp(20px, 2.2vw, 27px); line-height: 1.25; }
.seo-content h2 { margin: 0 0 9px; color: #13262b; font-size: clamp(20px, 2.2vw, 27px); line-height: 1.25; }
.seo-content h3 { margin: 0 0 7px; color: #173b40; font-size: 16px; line-height: 1.35; }
.seo-content p { margin: 0 0 11px; font-size: 13px; }
.quick-guide-title { margin: 18px 0 8px !important; font-size: 17px !important; }
.quick-guide-steps { margin: 0; }
.demo-notice { margin: 16px 0; padding: 12px 14px; display: flex; align-items: flex-start; gap: 10px; border: 1px solid #ead18b; border-left: 4px solid #d29a19; border-radius: 4px; background: #fff9e9; color: #514321; }
.demo-notice p { margin: 0; font-size: 12px; }
.notice-icon { color: #a16d00; font-size: 19px; line-height: 1.3; }
.guide-image-row { margin: 18px 0 22px; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; }
.guide-image-row figure { margin: 0; overflow: hidden; border: 1px solid #e4e8e8; border-radius: 5px; background: #f7f8f8; }
.guide-image-row img { width: 100%; height: clamp(75px, 10vw, 125px); display: block; object-fit: cover; }
.guide-image-row figcaption { padding: 6px 8px; color: #536167; font-size: 10px; font-weight: 600; }
.seo-topic-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
.seo-topic-grid article { padding: 16px; border: 1px solid #e5e9e9; border-radius: 5px; background: #fbfcfc; }
.seo-icon { width: 28px; height: 28px; margin: 0 5px 2px 0; display: inline-flex; align-items: center; justify-content: center; vertical-align: middle; border-radius: 50%; background: #e9f4ef; color: #167348; font-size: 14px; }
.seo-topic-grid ol { margin: 8px 0 0; padding-left: 20px; font-size: 13px; }
.seo-topic-grid li { margin-bottom: 5px; }
.faq-section { margin-top: 27px; }
.faq-section h2 { margin-bottom: 12px; font-size: 21px; }
.faq-section details { border-top: 1px solid #e1e6e6; }
.faq-section details:last-child { border-bottom: 1px solid #e1e6e6; }
.faq-section summary { position: relative; padding: 13px 30px 13px 2px; color: #173b40; cursor: pointer; font-size: 13px; font-weight: 700; list-style: none; }
.faq-section summary::-webkit-details-marker { display: none; }
.faq-section summary::after { content: "+"; position: absolute; top: 10px; right: 4px; color: #17834a; font-size: 19px; }
.faq-section details[open] summary::after { content: "−"; }
.faq-section details p { max-width: 850px; padding: 0 24px 12px 2px; color: #56636a; }

.site-footer { margin-top: 26px; padding: 28px max(18px, calc((100vw - 1324px) / 2)) 0; background: #0c2024; color: #dce5e5; }
.footer-main { display: grid; grid-template-columns: 1.5fr 1fr 1.2fr 1.2fr; gap: 34px; padding-bottom: 25px; }
.footer-logo { display: inline-flex; width: 175px; padding: 5px; border-radius: 4px; background: white; }
.footer-logo img { width: 100%; height: auto; object-fit: contain; }
.footer-brand p, .footer-safe p { max-width: 300px; color: #9fb0b2; font-size: 12px; line-height: 1.65; }
.footer-chat { display: inline-flex; margin-top: 4px; padding: 8px 12px; border-radius: 5px; background: #15834a; color: #fff; font-size: 11px; font-weight: 700; }
.footer-links, .footer-safe { display: flex; flex-direction: column; align-items: flex-start; gap: 10px; }
.footer-links h2, .footer-safe h2 { margin: 3px 0 4px; color: white; font-size: 13px; }
.footer-links a { color: #aebabc; font-size: 11px; }
.footer-links a:hover { color: white; }
.footer-safe img { width: 135px; max-height: 42px; object-fit: contain; object-position: left center; padding: 4px; border-radius: 3px; background: white; }
.footer-trust { min-height: 63px; padding: 11px 0; display: flex; align-items: center; justify-content: space-between; gap: 18px; border-top: 1px solid #294044; border-bottom: 1px solid #294044; color: #a9b7b9; font-size: 10px; }
.footer-demo-note { margin: 8px 0 0; color: #a9b7b9; font-size: 10px; line-height: 1.5; }
.payment-logos, .trust-logos { display: flex; align-items: center; gap: 8px; }
.payment-logos img { width: 58px; height: 32px; padding: 4px; border-radius: 3px; background: white; object-fit: contain; }
.trust-logos img { width: 76px; height: 30px; padding: 3px; border-radius: 3px; background: white; object-fit: contain; }
.footer-bottom { min-height: 39px; display: flex; align-items: center; justify-content: space-between; color: #829294; font-size: 10px; }
.floating-whatsapp, .back-to-top { position: fixed; right: 14px; z-index: 5; display: flex; align-items: center; justify-content: center; width: 36px; height: 36px; border: 3px solid white; border-radius: 50%; color: white; box-shadow: 0 1px 6px #0003; }
.floating-whatsapp { bottom: 76px; background: #26b95a; font-size: 18px; }
.back-to-top { bottom: 28px; background: #111; font-size: 19px; }

@media (min-width: 1450px) {
  .game-tiles { grid-auto-columns: minmax(70px, 1fr); }
}
@media (max-width: 1000px) {
  .topbar { padding-right: 12px; padding-left: 12px; }
  .logo { flex-basis: 165px; }
  .logo img { width: 160px; }
  .datetime { display: none; }
  .page-layout { padding: 0 10px; grid-template-columns: 185px minmax(0, 1fr); gap: 8px; }
  .provider-group img { width: 110px; }
  .game-tiles { grid-auto-columns: 72px; }
  .odds-labels, .match-row { grid-template-columns: 57px minmax(90px, 1fr) 38px repeat(6, minmax(32px, .58fr)); }
  .casino-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); }
}
@media (max-width: 680px) {
  .topbar { min-height: 0; padding: 8px 10px; flex-wrap: wrap; justify-content: center; gap: 7px; }
  .logo { flex: 0 0 auto; justify-content: center; }
  .logo img { width: 154px; max-height: 36px; }
  .top-actions { width: 100%; justify-content: center; flex-wrap: wrap; }
  .searchbox { width: min(100%, 330px); height: 34px; }
  .top-btn { min-height: 29px; padding: 0 12px; }
  .category-nav { min-height: 34px; padding: 3px 4px; gap: 1px; }
  .category-nav a { padding: 6px 9px; font-size: 9px; }
  .page-layout { width: 100%; padding: 0; display: block; }
  .page-container { padding: 18px 12px 28px; }
  .content-page { padding: 20px 15px; }
  .content-page p, .content-page li { font-size: 14px; }
  .content-page .page-lead { font-size: 16px; }
  .page-steps { grid-template-columns: 1fr; gap: 8px; }
  .sidebar { position: static; margin: 0; display: flex; border-radius: 0; box-shadow: none; }
  .side-links { flex-direction: row; overflow-x: auto; }
  .side-links > a { min-height: 39px; padding: 0 9px; flex: 0 0 auto; gap: 5px; border-right: 1px solid #eceeef; border-bottom: 0; font-size: 10px; }
  .sport-icon { width: 13px; flex-basis: 13px; font-size: 12px; }
  .follow-label, .whatsapp-side { display: none; }
  .side-links-secondary { display: none; }
  .main-content { padding-top: 0; }
  .provider-strip { padding: 3px; }
  .provider-group img { width: 104px; height: 20px; }
  .games-section { padding: 3px 6px 5px; }
  .game-tabs { gap: 8px; font-size: 9px; }
  .game-tiles { grid-auto-columns: 67px; }
  .game-tiles a { height: 84px; }
  .feature-section { margin-top: 3px; }
  .feature-banners { gap: 1px; }
  .banner { aspect-ratio: 1.9 / 1; }
  .market-heading { min-height: 28px; padding: 3px 6px; }
  .market-filters { gap: 2px; }
  .market-filters button { padding: 2px 5px; font-size: 8px; }
  .odds-labels, .match-row { grid-template-columns: 52px minmax(85px, 1fr) 35px repeat(6, minmax(29px, .58fr)); }
  .match-row { min-height: 32px; }
  .match-name { padding: 3px 5px; font-size: 9px; }
  .odds { font-size: 8px; }
  .casino-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 4px; }
  .casino-grid a span { font-size: 7px; }
  .market-promo { height: 42px; }
  .seo-content { padding: 18px 14px; }
  .guide-image-row { grid-template-columns: 1fr; gap: 7px; }
  .guide-image-row figure { display: grid; grid-template-columns: 100px minmax(0, 1fr); align-items: center; }
  .guide-image-row img { width: 100px; height: 66px; }
  .guide-image-row figcaption { padding: 8px; }
  .seo-topic-grid { grid-template-columns: 1fr; gap: 9px; }
  .seo-topic-grid article { padding: 13px; }
  .faq-section { margin-top: 22px; }
  .site-footer { margin-top: 18px; padding: 23px 14px 0; }
  .footer-main { grid-template-columns: 1fr 1fr; gap: 22px 16px; }
  .footer-brand { grid-column: 1 / -1; }
  .footer-trust { align-items: flex-start; flex-wrap: wrap; gap: 10px; }
  .payment-logos img { width: 52px; }
  .trust-logos { width: 100%; flex-wrap: wrap; }
  .trust-logos img { width: 68px; }
  .footer-bottom { gap: 8px; font-size: 9px; }
  .floating-whatsapp { right: 9px; bottom: 65px; }
  .back-to-top { right: 9px; bottom: 20px; }
}
@media (max-width: 380px) {
  .odds-labels, .match-row { grid-template-columns: 45px minmax(75px, 1fr) 30px repeat(6, minmax(26px, .58fr)); }
  .market-tags span { font-size: 5px; padding: 1px; }
  .casino-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .market-filters button { font-size: 7px; }
}