@import url('https://fonts.googleapis.com/css2?family=Kanit:wght@300;400;500;600;700&family=Pridi:wght@400;500;600&display=swap');:root{--accent:#bb245f;--dark:#200918;--paper:#f7f7f4;--ink:#17191e;--line:#dde0e6}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font:400 16px/1.8 Kanit,sans-serif}a{color:inherit;text-decoration:none}.site-header{position:sticky;top:0;z-index:30;display:flex;align-items:center;gap:26px;padding:11px max(22px,calc((100% - 1180px)/2));background:color-mix(in srgb,var(--dark) 96%,transparent);color:#fff;backdrop-filter:blur(14px)}.brand{display:flex;align-items:center;min-width:116px;height:46px}.logo-image{display:block;max-width:138px;max-height:46px;object-fit:contain;object-position:left center}.text-logo{color:#fff;font:700 28px/1 Kanit,sans-serif;letter-spacing:-.06em}.site-header nav{display:flex;justify-content:flex-end;align-items:center;gap:16px;flex:1;flex-wrap:wrap;font-size:14px}.site-header nav>a:not(.nav-cta){color:#dce1ec}.nav-cta,.button{display:inline-flex;align-items:center;gap:8px;background:var(--accent);color:#fff;padding:10px 16px;font-weight:600}.menu-button{display:none}.hero{min-height:570px;padding:90px max(22px,calc((100% - 1180px)/2));display:grid;grid-template-columns:minmax(0,1fr) 300px;align-items:center;gap:80px;background:var(--dark);color:#fff;position:relative;overflow:hidden}.hero:after{content:'';position:absolute;width:550px;height:550px;right:-100px;top:-260px;border:1px solid color-mix(in srgb,var(--accent) 80%,transparent);border-radius:50%;box-shadow:0 0 0 70px color-mix(in srgb,var(--accent) 8%,transparent),0 0 0 140px color-mix(in srgb,var(--accent) 5%,transparent)}.hero-copy,.hero aside{position:relative;z-index:1}.kicker{margin:0 0 14px;color:var(--accent);font:500 11px/1.2 monospace;letter-spacing:.16em}.hero h1,.inner-hero h1,.article-hero h1{margin:0;font:600 clamp(52px,7vw,92px)/.94 Pridi,serif;letter-spacing:-.06em}.hero h1 em{color:var(--accent);font-style:normal}.hero-copy>p:not(.kicker){max-width:660px;margin:25px 0 30px;color:#d3d8e4;font-size:18px}.hero aside{padding:30px;border-left:2px solid var(--accent);background:rgba(255,255,255,.05)}.hero aside span{color:var(--accent);font:700 48px/1 Pridi,serif}.hero aside strong{display:block;margin:20px 0 8px;font-size:19px}.hero aside p{margin:0;color:#bac3d2;font-size:14px}.service-ribbon{width:min(1180px,calc(100% - 44px));margin:-52px auto 0;position:relative;z-index:2;display:grid;grid-template-columns:repeat(3,1fr);background:#fff;box-shadow:0 18px 50px rgba(17,23,35,.14)}.service-ribbon article{padding:25px 22px;border-right:1px solid var(--line)}.service-ribbon article:last-child{border:0}.service-ribbon span,.section-number{color:var(--accent);font:500 12px monospace}.service-ribbon h3{margin:14px 0 5px;font:500 24px/1.1 Pridi,serif}.service-ribbon p{margin:0;color:#687080;font-size:13px;line-height:1.6}.home-content{width:min(1040px,calc(100% - 44px));margin:95px auto}.content-section{display:grid;grid-template-columns:115px minmax(0,1fr);gap:38px;padding:70px 0;border-top:1px solid var(--line)}.content-section:nth-child(even){grid-template-columns:minmax(0,1fr) 115px}.content-section:nth-child(even) .section-number{grid-column:2;grid-row:1}.content-section:nth-child(even)>div:last-child{grid-column:1;grid-row:1}.content-section h2,.reading h2,.faq h2{margin:0 0 14px;font:600 clamp(34px,4.8vw,56px)/1.08 Pridi,serif;letter-spacing:-.04em}.content-section .lead{margin:0 0 18px;color:#3a4250;font:500 23px/1.55 Pridi,serif}.content-section p:not(.lead),.reading p{max-width:770px;margin:0 0 20px;color:#4e5665}.content-section .button{margin-top:4px}.faq{padding:74px max(22px,calc((100% - 1040px)/2));background:#e9ebef}.faq details{max-width:850px;border-top:1px solid #cbd0d8;padding:17px 0}.faq summary{cursor:pointer;font:500 21px/1.4 Pridi,serif}.faq details p{margin:11px 0 2px;color:#576171}.faq .button{margin-top:22px}.inner-hero,.article-hero{padding:105px max(22px,calc((100% - 1040px)/2)) 80px;background:linear-gradient(130deg,var(--dark),color-mix(in srgb,var(--dark) 70%,var(--accent)));color:#fff}.inner-hero h1,.article-hero h1{max-width:900px;font-size:clamp(46px,6vw,78px)}.inner-hero>p:not(.kicker),.article-hero>p:not(.kicker){max-width:760px;margin:22px 0 0;color:#d5dceb;font-size:18px}.reading{width:min(820px,calc(100% - 44px));padding:76px 0 100px;margin:0 auto}.reading h2{margin-top:42px;font-size:38px}.callout,.article-cta{margin:42px 0;padding:25px 28px;background:#fff;border-left:4px solid var(--accent);box-shadow:0 10px 32px rgba(15,22,34,.07)}.callout p,.article-cta p{margin:7px 0 0}.article-list{width:min(1100px,calc(100% - 44px));margin:70px auto 110px;display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.article-list article{min-height:240px;padding:26px;background:#fff;border-top:3px solid var(--accent);box-shadow:0 8px 20px rgba(15,22,34,.06)}.article-list span{color:var(--accent);font:12px monospace}.article-list h2{margin:28px 0 12px;font:500 28px/1.15 Pridi,serif}.article-list p{color:#687080;font-size:14px;line-height:1.7}.article-list article>a{color:var(--accent);font-weight:600}footer{padding:65px max(22px,calc((100% - 1180px)/2)) 22px;display:grid;grid-template-columns:1.5fr 1fr;gap:30px;background:var(--dark);color:#d3d9e5}footer strong{color:#fff;font:600 34px Pridi,serif}footer p{max-width:390px;margin:7px 0;font-size:14px}footer div:nth-child(2){display:grid;align-content:start;gap:6px;font-size:14px}footer small{grid-column:1/-1;padding-top:22px;border-top:1px solid rgba(255,255,255,.16);color:#8e9ab0}.mobile-dock{display:none}.layout-1 .hero{grid-template-columns:300px minmax(0,1fr)}.layout-1 .hero-copy{grid-column:2}.layout-1 .hero aside{grid-column:1;grid-row:1}.layout-1 .service-ribbon{margin-top:0;box-shadow:none;border:1px solid var(--line)}.layout-1 .home-content{width:min(1180px,calc(100% - 44px))}.layout-2 .hero{min-height:490px;grid-template-columns:1fr}.layout-2 .hero aside{position:absolute;right:max(22px,calc((100% - 1180px)/2));bottom:55px;width:260px}.layout-2 .service-ribbon{transform:translateY(-30px)}.layout-2 .content-section{grid-template-columns:1fr 1fr}.layout-2 .section-number{font-size:70px;align-self:start}.layout-3 .hero{grid-template-columns:minmax(0,1fr) 360px;background:linear-gradient(145deg,var(--accent),var(--dark))}.layout-3 .hero h1 em{color:#fff}.layout-3 .service-ribbon{grid-template-columns:repeat(2,1fr);width:min(920px,calc(100% - 44px));margin-top:-35px}.layout-3 .content-section{background:#fff;margin-bottom:24px;padding:45px;grid-template-columns:75px minmax(0,1fr);box-shadow:0 8px 24px rgba(15,22,34,.05)}.layout-3 .content-section:nth-child(even){grid-template-columns:75px minmax(0,1fr)}.layout-3 .content-section:nth-child(even) .section-number{grid-column:1;grid-row:1}.layout-3 .content-section:nth-child(even)>div:last-child{grid-column:2;grid-row:1}@media(max-width:760px){body{padding-bottom:64px}.site-header{padding:9px 16px}.site-header nav{display:none;position:absolute;top:64px;left:0;right:0;padding:20px;background:var(--dark);box-shadow:0 16px 30px rgba(0,0,0,.28)}.site-header nav.open{display:grid;gap:12px}.nav-cta{justify-content:center;margin-top:6px}.menu-button{display:grid;gap:4px;margin-left:auto;border:0;background:transparent;color:#fff;font:12px Kanit}.menu-button i{width:24px;height:2px;background:#fff}.brand{height:42px}.logo-image{max-width:112px;max-height:42px}.hero,.layout-1 .hero{min-height:520px;padding:65px 22px;grid-template-columns:1fr;gap:24px}.hero h1{font-size:56px}.hero aside,.layout-1 .hero aside,.layout-2 .hero aside{position:relative;right:auto;bottom:auto;grid-column:auto;grid-row:auto;width:auto;padding:18px}.layout-1 .hero-copy{grid-column:auto}.hero aside span{font-size:35px}.service-ribbon,.layout-3 .service-ribbon{width:calc(100% - 32px);grid-template-columns:1fr 1fr;margin-top:-20px}.service-ribbon article{padding:17px 14px}.service-ribbon h3{font-size:20px}.service-ribbon p{font-size:12px}.home-content{margin:55px auto}.content-section,.content-section:nth-child(even),.layout-2 .content-section,.layout-3 .content-section,.layout-3 .content-section:nth-child(even){display:block;padding:48px 0;margin:0;background:transparent;box-shadow:none}.content-section:nth-child(even) .section-number,.content-section:nth-child(even)>div:last-child,.layout-3 .content-section:nth-child(even) .section-number,.layout-3 .content-section:nth-child(even)>div:last-child{grid-column:auto;grid-row:auto}.section-number{margin-bottom:16px}.content-section .lead{font-size:21px}.inner-hero,.article-hero{padding:70px 22px 55px}.article-list{grid-template-columns:1fr;margin:45px auto 80px}.reading{padding:50px 0 72px}.reading h2{font-size:33px}footer{grid-template-columns:1fr;padding:45px 22px 20px}footer small{grid-column:auto}.mobile-dock{position:fixed;display:grid;grid-template-columns:repeat(5,1fr);align-items:center;z-index:40;bottom:0;left:0;right:0;background:#fff;border-top:1px solid var(--line);box-shadow:0 -5px 20px rgba(15,22,34,.1)}.mobile-dock a{padding:9px 2px;color:#596273;text-align:center;font-size:10px}.mobile-dock .dock-cta{margin-top:-14px;padding:13px 2px;background:var(--accent);color:#fff;font-weight:600;border-radius:10px 10px 0 0}}
.brand-token{color:var(--accent,var(--red));font-weight:700}.hero .brand-token,.inner-hero .brand-token,.article-hero .brand-token{color:inherit}.hero h1 .brand-token{color:var(--accent,var(--red))}.article-list .brand-token{color:var(--accent,var(--red))}

/* Alpha88 brand palette: warm orange, gold and espresso drawn from the logo. */
:root{--accent:#bd4d00;--accent-bright:#f7941d;--accent-gold:#ffc54a;--dark:#1e1006;--paper:#fffaf1;--ink:#241507;--line:#ead8bd;--muted:#765f49;--on-dark:#f9ead4}
.site-header{background:color-mix(in srgb,var(--dark) 96%,transparent);border-bottom:1px solid color-mix(in srgb,var(--accent-gold) 22%,transparent)}
.site-header nav>a:not(.nav-cta){color:#f6dcc1}.nav-cta,.button{background:linear-gradient(135deg,var(--accent-bright),var(--accent));box-shadow:0 8px 18px rgba(112,53,0,.22)}.nav-cta:hover,.button:hover{background:linear-gradient(135deg,#ffae2e,#c64f00)}
.hero{background:radial-gradient(circle at 78% 18%,rgba(255,197,74,.16),transparent 28%),var(--dark)}.hero:after{border-color:color-mix(in srgb,var(--accent-gold) 74%,transparent);box-shadow:0 0 0 70px color-mix(in srgb,var(--accent-bright) 9%,transparent),0 0 0 140px color-mix(in srgb,var(--accent-gold) 5%,transparent)}
.kicker,.hero h1 em,.hero aside span,.service-ribbon span,.section-number,.article-list span,.article-list article>a,.brand-token{color:var(--accent)}.hero-copy>p:not(.kicker){color:#f1d8bd}.hero aside{border-left-color:var(--accent-gold);background:rgba(255,197,74,.07)}.hero aside p{color:#e2c7ab}
.service-ribbon{background:#fffdf8;box-shadow:0 18px 50px rgba(70,35,5,.15)}.service-ribbon p,.article-list p{color:var(--muted)}.content-section .lead{color:#53391f}.content-section p:not(.lead),.reading p{color:#6c5138}.faq{background:#f7e9d1}.faq details{border-color:#dfc5a2}.faq details p{color:#765b42}
.inner-hero,.article-hero{background:linear-gradient(130deg,var(--dark),#59300a)}.inner-hero>p:not(.kicker),.article-hero>p:not(.kicker){color:#f1d8bd}.callout,.article-cta{background:#fffdf8;border-left-color:var(--accent-bright);box-shadow:0 10px 32px rgba(70,35,5,.08)}.article-list article{background:#fffdf8;border-top-color:var(--accent-bright);box-shadow:0 8px 20px rgba(70,35,5,.08)}
footer{background:#160b03;color:#e8caaa}footer small{color:#bd9a75}.mobile-dock{background:#fffdf8;border-top-color:var(--line);box-shadow:0 -5px 20px rgba(70,35,5,.1)}.mobile-dock a{color:#765f49}.mobile-dock .dock-cta{background:linear-gradient(135deg,var(--accent-bright),var(--accent))}

/* Editorial long-form treatment */
.editorial-reading{max-width:880px}.editorial-reading>.lead{max-width:800px;color:#42270f;font:500 25px/1.58 Pridi,serif}.editorial-kicker,.eyebrow{margin:0 0 12px;color:var(--accent);font:600 11px/1.2 Kanit,sans-serif;letter-spacing:.14em;text-transform:uppercase}.editorial-section{padding:42px 0;border-top:1px solid var(--line)}.editorial-section h2,.editorial-faq h2{margin-top:0}.editorial-section p{max-width:790px}.editorial-section p:last-child{margin-bottom:0;color:#805d3d}.editorial-safety{margin:50px 0;padding:30px;background:#fff3df;border:1px solid #efd6ae;border-left:5px solid var(--accent-bright)}.editorial-faq{margin:55px 0 32px;padding-top:5px}.editorial-faq details{max-width:790px;border-top:1px solid var(--line);padding:17px 0}.editorial-faq summary{cursor:pointer;color:#43270e;font:500 21px/1.4 Pridi,serif}.editorial-faq details p{margin:10px 0 0}.editorial-reading .button .brand-token{color:#fff}@media(max-width:760px){.editorial-reading>.lead{font-size:22px}.editorial-section{padding:34px 0}.editorial-safety{padding:22px}.editorial-faq summary{font-size:19px}}

/* 2026 editorial casino art direction */
.hero-with-art{background-image:linear-gradient(90deg,rgba(22,11,3,.97) 0%,rgba(30,16,6,.88) 45%,rgba(30,16,6,.3) 100%),url('/assets/editorial/alpha88-hero.png');background-position:center;background-size:cover}.article-hero-with-art{background-image:linear-gradient(90deg,rgba(22,11,3,.98),rgba(57,28,5,.84)),url('/assets/editorial/alpha88-hero.png');background-position:center 58%;background-size:cover}.hero-with-art:after{opacity:.55}.hero h1,.inner-hero h1,.article-hero h1{max-width:850px;text-wrap:balance}.article-list article{position:relative;overflow:hidden;min-height:318px;padding-top:150px;background:#fffdf8}.article-list article:before{content:'';position:absolute;inset:0 0 auto;height:122px;background-image:linear-gradient(90deg,rgba(23,11,3,.15),rgba(23,11,3,.67)),url('/assets/editorial/alpha88-hero.png');background-size:cover;background-position:center}.article-list article:nth-child(3n+2):before{background-position:72% center;filter:hue-rotate(-10deg)}.article-list article:nth-child(3n):before{background-position:35% center;filter:hue-rotate(11deg) saturate(1.12)}.article-list article>span{position:absolute;top:24px;left:25px;z-index:1;padding:3px 8px;color:#fff;background:var(--accent);font-weight:700}.article-list article h2{margin:0 0 12px}.article-list article p{min-height:48px}.content-discovery{width:min(1100px,calc(100% - 44px));margin:0 auto 100px;padding:52px;display:grid;grid-template-columns:1fr 1fr;gap:60px;background:#211104;color:#f7e1bb;position:relative;overflow:hidden}.content-discovery:after{content:'88';position:absolute;right:-8px;bottom:-77px;color:rgba(255,197,74,.08);font:700 250px/1 Pridi,serif}.content-discovery h2{position:relative;margin:0 0 16px;color:#fff;font:600 clamp(36px,4vw,52px)/1.05 Pridi,serif}.content-discovery p{position:relative;max-width:490px;margin:0;color:#e2bf91}.discovery-links{position:relative;display:grid;align-content:center;gap:0}.discovery-links a{display:flex;gap:16px;align-items:center;padding:14px 0;border-bottom:1px solid rgba(255,255,255,.17);transition:color .2s,transform .2s}.discovery-links a:hover{color:var(--accent-gold);transform:translateX(7px)}.discovery-links span{color:var(--accent-gold);font:600 13px monospace}.editorial-rail{width:min(1120px,calc(100% - 44px));margin:-52px auto 105px;display:grid;grid-template-columns:1.55fr 1fr;gap:18px}.rail-card{padding:30px;background:#fffdf8;border:1px solid var(--line);box-shadow:0 12px 34px rgba(69,35,6,.07)}.rail-card h2{margin:0 0 15px;color:#311a07;font:600 29px/1.1 Pridi,serif}.rail-card>a{display:inline-flex;margin:4px 12px 4px 0;padding-bottom:2px;color:#6d4016;border-bottom:1px solid #dcb77d;font-size:14px}.rail-tags{background:#fff3df}.rail-tags>a{padding:5px 10px;background:#fffaf1;border:0;color:var(--accent);font-size:13px}.reading+.editorial-rail{margin-top:-45px}@media(max-width:760px){.hero-with-art{background-position:62% center}.article-list article{min-height:290px}.content-discovery{margin-bottom:65px;padding:34px 24px;grid-template-columns:1fr;gap:28px}.editorial-rail{margin:-32px auto 72px;grid-template-columns:1fr}.rail-card{padding:24px}.article-hero-with-art{background-position:65% center}}

.article-list article:nth-child(even):before{background-image:linear-gradient(90deg,rgba(23,11,3,.18),rgba(23,11,3,.65)),url('/assets/editorial/alpha88-roulette.png')}

/* Magazine-style Aesthetics & Mobile Enhancements */
.editorial-reading p.lead::first-letter,
.reading p:first-of-type::first-letter {
  font-family: 'Pridi', serif;
  font-size: 3.8rem;
  font-weight: 700;
  float: left;
  line-height: 0.85;
  margin-right: 12px;
  margin-top: 6px;
  color: var(--accent);
  text-transform: uppercase;
  text-shadow: 2px 2px 0px rgba(255, 197, 74, 0.25);
}

.pull-quote {
  font-family: 'Pridi', serif;
  font-size: 1.45rem;
  line-height: 1.65;
  color: var(--accent);
  text-align: center;
  margin: 45px auto;
  padding: 30px 20px;
  border-top: 2px solid var(--accent);
  border-bottom: 2px solid var(--accent);
  max-width: 90%;
  font-style: italic;
  position: relative;
  background: rgba(255, 243, 223, 0.25);
  box-shadow: inset 0 0 20px rgba(189, 77, 0, 0.03);
}

.pull-quote::before {
  content: '“';
  font-family: 'Pridi', serif;
  font-size: 5rem;
  position: absolute;
  top: -30px;
  left: 50%;
  transform: translateX(-50%);
  background: var(--paper);
  padding: 0 20px;
  line-height: 1;
  color: var(--accent-bright);
}

.pull-quote cite {
  display: block;
  font-size: 0.9rem;
  font-family: 'Kanit', sans-serif;
  font-weight: 500;
  font-style: normal;
  margin-top: 12px;
  color: var(--muted);
  text-transform: uppercase;
  letter-spacing: 0.1em;
}

.magazine-columns {
  column-count: 2;
  column-gap: 40px;
  column-rule: 1px solid var(--line);
  margin: 35px 0;
  text-align: justify;
}

.editorial-safety {
  border-radius: 4px;
  box-shadow: 0 15px 35px rgba(69, 35, 6, 0.08);
}

/* Enhancements for Mobile friendliness & readability */
@media (max-width: 760px) {
  .magazine-columns {
    column-count: 1;
    column-gap: 0;
    column-rule: none;
    text-align: left;
  }
  
  .pull-quote {
    font-size: 1.25rem;
    padding: 25px 15px;
    margin: 35px auto;
  }
  
  .pull-quote::before {
    font-size: 4rem;
    top: -24px;
  }

  .mobile-dock {
    background: rgba(255, 253, 248, 0.92) !important;
    backdrop-filter: blur(16px);
    -webkit-backdrop-filter: blur(16px);
    border-top: 1px solid rgba(189, 77, 0, 0.25) !important;
    padding-bottom: calc(6px + env(safe-area-inset-bottom));
    height: auto !important;
  }

  .mobile-dock a {
    font-weight: 500;
    font-size: 11px;
    transition: color 0.2s;
  }

  .mobile-dock a:hover {
    color: var(--accent) !important;
  }

  .mobile-dock .dock-cta {
    border-radius: 8px 8px 0 0;
    font-size: 12px;
    letter-spacing: 0.02em;
    box-shadow: 0 -4px 12px rgba(189, 77, 0, 0.2);
  }
  
  /* Prevent horizontal scroll and improve padding */
  body, html {
    overflow-x: hidden;
  }
  
  main {
    overflow: hidden;
  }
}

/* FAQ Summary Bold Question Headers */
.faq summary,
.editorial-faq summary,
details summary {
  font-weight: 700 !important;
}

.recommendation-banner {
  background: linear-gradient(135deg, var(--dark, #1e1006) 0%, #3e1b00 100%);
  border: 2px solid var(--accent, #bd4d00);
  border-radius: 12px;
  padding: 28px;
  margin: 36px 0;
  box-shadow: 0 12px 36px rgba(30, 16, 6, 0.25);
  position: relative;
  overflow: hidden;
  backdrop-filter: blur(8px);
}

.recommendation-banner::before {
  content: "RECOMMENDED";
  position: absolute;
  top: 12px;
  right: 12px;
  background: var(--accent, #bd4d00);
  color: #fff;
  font-size: 10px;
  font-weight: 700;
  padding: 4px 8px;
  border-radius: 4px;
  letter-spacing: 0.05em;
}

.recommendation-banner h3 {
  color: #fff;
  font-size: 20px;
  margin: 0 0 12px 0;
  font-family: Pridi, serif;
  display: flex;
  align-items: center;
  gap: 8px;
  line-height: 1.4;
}

.recommendation-banner h3 strong {
  color: #fdba74;
}

.recommendation-banner p {
  font-size: 15px;
  line-height: 1.6;
  color: #d1d5db;
  margin: 0 0 20px 0;
}

.recommendation-banner ul {
  margin: 0 0 20px 0;
  padding-left: 20px;
  color: #e5e7eb;
}

.recommendation-banner li {
  margin-bottom: 8px;
  font-size: 14px;
  line-height: 1.5;
}

.recommendation-banner .btn-recommend {
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: center;
  text-align: center;
  background: linear-gradient(135deg, #f59e0b 0%, #bd4d00 100%);
  color: #fff;
  font-weight: 700;
  padding: 16px 28px;
  border-radius: 8px;
  text-decoration: none;
  font-size: 17px;
  transition: all 0.2s ease;
  box-shadow: 0 4px 12px rgba(189, 77, 0, 0.3);
  border: none;
}

.recommendation-banner .btn-recommend:hover {
  transform: translateY(-2px);
  box-shadow: 0 6px 16px rgba(189, 77, 0, 0.4);
}

/* Footer Sports Ad */
.sports-ad-footer {
  background: #101622;
  border-top: 1px solid rgba(255, 255, 255, 0.1);
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  padding: 24px max(22px, calc((100% - 1180px)/2));
  color: #fff;
  font-family: Kanit, sans-serif;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 20px;
}

.sports-ad-footer-content {
  max-width: 800px;
}

.sports-ad-footer h4 {
  margin: 0 0 6px 0;
  font-size: 17px;
  font-weight: 600;
  color: #38bdf8;
}

.sports-ad-footer h4 strong {
  color: #fdba74;
}

.sports-ad-footer p {
  margin: 0;
  font-size: 13px;
  color: #94a3b8;
  line-height: 1.6;
}

.sports-ad-footer .btn-sports {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: #0284c7;
  color: #fff;
  padding: 12px 20px;
  border-radius: 6px;
  font-weight: 600;
  font-size: 13px;
  white-space: nowrap;
  transition: all 0.2s ease;
  box-shadow: 0 4px 12px rgba(2, 132, 199, 0.2);
}

.sports-ad-footer .btn-sports:hover {
  background: #0369a1;
  transform: translateY(-1px);
}

@media (max-width: 760px) {
  .sports-ad-footer {
    flex-direction: column;
    text-align: center;
    align-items: center;
    padding: 20px;
  }
}