.sports-page[hidden] { display: none !important; }
body.sports-page-open .main > :not(.sports-page):not(#siteFooter) { display: none !important; }
body.sports-page-open .top-info-banners { display: none !important; }

.sports-page {
  --sports-accent: #a5e54d;
  --sports-green: #76c840;
  max-width: 1480px;
  margin: 0 auto;
  padding: 4px 0 32px;
  color: #f3f5f6;
}
.sports-page-toolbar { display:flex; align-items:center; justify-content:space-between; min-height:40px; margin-bottom:10px; }
.sports-back-link { display:inline-flex; align-items:center; gap:7px; padding:6px 9px 6px 5px; border-radius:9px; color:#c6d0db; text-decoration:none; font-size:12px; font-weight:750; }
.sports-back-link:hover { background:#ffffff0b; color:#fff; }
.sports-back-link>span { font-size:23px; line-height:16px; }
.sports-page-mark { display:inline-flex; align-items:center; gap:7px; color:#9eabb9; font-size:9px; font-weight:900; letter-spacing:1.5px; }
.sports-page-mark i,.sports-hero-kicker i { width:7px; height:7px; border-radius:50%; background:#9de24d; box-shadow:0 0 12px #9de24d99; }
.sports-heading { display:flex; align-items:end; justify-content:space-between; gap:16px; margin:7px 0 17px; }
.sports-eyebrow { color:#a8d876; font-size:10px; font-weight:850; letter-spacing:1.2px; text-transform:uppercase; }
.sports-heading h1 { margin:6px 0 3px; font-size:clamp(24px,3vw,32px); letter-spacing:-.7px; }
.sports-heading p { margin:0; color:#a7afba; font-size:12px; }
.sports-demo-label { display:inline-flex; align-items:center; gap:7px; flex:none; padding:8px 11px; border:1px solid #3b4d64; border-radius:9px; background:#172437; color:#b8cae0; font-size:10px; font-weight:750; }
.sports-demo-label svg { width:15px; height:15px; fill:none; stroke:#9cba81; stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round; }
.sports-hero { min-height:192px; position:relative; display:flex; align-items:center; justify-content:space-between; gap:20px; overflow:hidden; padding:24px clamp(20px,4vw,42px); border:1px solid #496347; border-radius:17px; background:radial-gradient(ellipse at 78% 56%,#8cce3730 0 12%,transparent 45%),linear-gradient(110deg,#142522,#18382f 52%,#273d36); box-shadow:inset 0 0 0 4px #a3e74c08,0 12px 30px #07101b55; }
.sports-hero:before { position:absolute; inset:7px; border:1px solid #a9e55a25; border-radius:12px; content:""; pointer-events:none; }
.sports-hero-lines { position:absolute; inset:0 0 0 46%; overflow:hidden; opacity:.7; pointer-events:none; }
.sports-hero-lines:before { position:absolute; inset:12% 0; border:1px solid #b1e88c20; border-radius:48%; content:""; transform:rotate(-24deg) scale(1.15); }
.sports-hero-lines:after { position:absolute; top:-40%; left:44%; width:1px; height:180%; background:#b1e88c22; content:""; transform:rotate(24deg); }
.sports-hero-lines span { position:absolute; top:50%; right:10%; width:140px; height:140px; border:1px solid #b1e88c25; border-radius:50%; transform:translateY(-50%); box-shadow:0 0 0 17px #b1e88c09,0 0 0 35px #b1e88c06; }
.sports-hero-lines i { position:absolute; top:50%; right:calc(10% + 40px); width:56px; height:56px; border-radius:50%; background:radial-gradient(circle at 30% 28%,#f9fff5 0 8%,#e3eee0 9% 14%,#517a49 15% 17%,#182d27 18% 35%,#dfe6dc 36% 39%,#263c32 40% 58%,#f4f5ee 59% 62%,#334a39 63%); box-shadow:0 7px 24px #0008; transform:translateY(-50%) rotate(-22deg); }
.sports-hero-copy { position:relative; z-index:1; max-width:580px; }
.sports-hero-kicker { display:inline-flex; align-items:center; gap:7px; color:#c5e9a0; font-size:9px; font-weight:900; letter-spacing:1.2px; }
.sports-hero-copy h2 { margin:9px 0 5px; font-size:clamp(22px,3.5vw,34px); letter-spacing:-.8px; }
.sports-hero-copy p { margin:0 0 14px; color:#c3cec9; font-size:12px; }
.sports-hero-copy>a { display:inline-flex; align-items:center; gap:10px; min-height:34px; padding:0 12px; border:1px solid #85c94c; border-radius:8px; background:linear-gradient(135deg,#70b83d,#4c9135); color:white; text-decoration:none; font-size:10px; font-weight:850; box-shadow:0 4px 12px #06130c44; }
.sports-hero-score { position:relative; z-index:1; display:grid; justify-items:center; min-width:132px; padding:15px 18px; border:1px solid #ffffff20; border-radius:13px; background:#101b26a8; box-shadow:inset 0 1px #ffffff0c; }
.sports-hero-score>span,.sports-hero-score>small { color:#a9b6b5; font-size:8px; font-weight:850; letter-spacing:1px; }
.sports-hero-score strong { margin:5px 0 1px; color:#b2e46c; font-size:42px; line-height:1; letter-spacing:-2px; }
.sports-hero-score>div { display:flex; gap:4px; margin-top:10px; }
.sports-hero-score>div i { width:4px; height:4px; border-radius:50%; background:#a5e54d; box-shadow:0 0 8px #a5e54d80; }
.sports-category-rail { display:flex; gap:8px; overflow:auto; margin:14px 0 13px; padding:1px 0 4px; scrollbar-width:none; -webkit-overflow-scrolling:touch; }
.sports-category-rail::-webkit-scrollbar { display:none; }
.sports-category-chip { display:inline-flex; flex:none; align-items:center; gap:8px; min-height:39px; padding:0 14px; border:1px solid #3a4655; border-radius:10px; background:linear-gradient(140deg,#2b3543,#252e3b); color:#c6ced8; font-size:11px; font-weight:780; white-space:nowrap; transition:background .16s,border-color .16s,color .16s; }
.sports-category-chip>span { color:#a8d879; font-size:15px; }
.sports-category-chip:hover,.sports-category-chip.is-active { border-color:#79bd48; background:linear-gradient(135deg,#354b37,#293c35); color:#f0f7e9; }
.sports-layout { display:grid; grid-template-columns:minmax(0,1fr) 300px; align-items:start; gap:14px; }
.sports-main-column { min-width:0; }
.sports-match-tools { display:flex; align-items:center; justify-content:space-between; gap:10px; margin-bottom:12px; }
.sports-time-tabs { display:flex; gap:5px; min-width:0; overflow:auto; padding:2px; border:1px solid #303d4d; border-radius:9px; background:#172232; scrollbar-width:none; }
.sports-time-tabs::-webkit-scrollbar { display:none; }
.sports-time-tabs button { flex:none; min-height:29px; padding:0 10px; border:1px solid transparent; border-radius:7px; background:transparent; color:#9eabba; font-size:9px; font-weight:800; white-space:nowrap; }
.sports-time-tabs button.is-active { border-color:#44653d; background:#314632; color:#dff4c9; }
.sports-search { display:flex; align-items:center; gap:7px; width:min(220px,35%); height:35px; flex:none; padding:0 10px; border:1px solid #394658; border-radius:9px; background:#182436; }
.sports-search svg { width:16px; height:16px; flex:none; fill:none; stroke:#97a6b8; stroke-width:1.8; stroke-linecap:round; }
.sports-search input { width:100%; min-width:0; border:0; outline:0; background:transparent; color:#eef2f5; font-size:10px; }
.sports-search input::placeholder { color:#8795a8; }
.sports-results-heading { display:flex; align-items:center; justify-content:space-between; margin:14px 1px 8px; }
.sports-results-heading h2 { margin:0; font-size:14px; letter-spacing:-.2px; }
.sports-results-heading p { margin:3px 0 0; color:#8f9daf; font-size:9px; }
.sports-results-heading>span { color:#9eabb9; font-size:9px; font-weight:750; }
.sports-match-list { display:grid; gap:8px; }
.sports-match-card { overflow:hidden; border:1px solid #364354; border-radius:12px; background:linear-gradient(135deg,#222d3d,#1d2939); box-shadow:0 5px 15px #080e1a25; }
.sports-match-card[hidden] { display:none !important; }
.sports-league-label { display:flex; align-items:center; gap:7px; min-height:32px; padding:0 12px; border-bottom:1px solid #344154; color:#9eabba; font-size:8px; font-weight:850; letter-spacing:.65px; }
.sports-league-label>span { font-size:12px; }
.sports-league-label time { display:inline-flex; align-items:center; gap:5px; margin-left:auto; color:#c2cbd5; font-size:8px; letter-spacing:.2px; }
.sports-league-label time.is-live { color:#ffa49b; }
.sports-league-label time.is-live i { width:6px; height:6px; border-radius:50%; background:#ff6b61; box-shadow:0 0 8px #ff6b6190; }
.sports-match-body { display:grid; grid-template-columns:minmax(190px,1fr) minmax(215px,.9fr); align-items:center; gap:12px; padding:10px 12px; }
.sports-match-teams { display:grid; gap:7px; }
.sports-team { display:flex; align-items:center; gap:8px; min-width:0; }
.sports-team strong { overflow:hidden; color:#e6ebf0; font-size:11px; font-weight:760; text-overflow:ellipsis; white-space:nowrap; }
.sports-team-badge { width:24px; height:24px; display:grid; flex:none; place-items:center; border:1px solid #ffffff1a; border-radius:8px; background:linear-gradient(145deg,#375581,#243554); color:#e5edfb; font-size:10px; font-weight:900; }
.team-gs { background:linear-gradient(145deg,#bc8e34,#863b2b); }.team-mc { background:linear-gradient(145deg,#67b9cc,#357c9a); }.team-ars { background:linear-gradient(145deg,#e35d62,#853447); }.team-rm { background:linear-gradient(145deg,#d6c891,#817247); }.team-bar { background:linear-gradient(145deg,#b64d46,#294e82); }.team-lal { background:linear-gradient(145deg,#8e63c2,#4b3673); }.team-gsw { background:linear-gradient(145deg,#e1b84f,#42639e); }.team-tennis { background:linear-gradient(145deg,#67964d,#375a35); }.team-tennis-alt { background:linear-gradient(145deg,#6b77b6,#41476d); }.team-turkey { background:linear-gradient(145deg,#d34a55,#8f2438); }.team-italy { background:linear-gradient(145deg,#5c91c1,#31557d); }
.sports-vs { margin-left:32px; color:#67778b; font-size:7px; font-weight:900; letter-spacing:1px; }
.sports-market { display:grid; gap:5px; min-width:0; }
.sports-market>span { color:#8796a9; font-size:8px; font-weight:750; }
.sports-odds { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:5px; }
.sports-odds-two { grid-template-columns:repeat(2,minmax(0,1fr)); }
.sports-odds button { display:flex; align-items:center; justify-content:space-between; gap:5px; min-width:0; min-height:34px; padding:0 8px; border:1px solid #3b495a; border-radius:7px; background:#283446; color:#aab6c5; transition:border-color .15s,background .15s,color .15s,transform .15s; }
.sports-odds button:hover { border-color:#6d9650; background:#304036; color:#ecf5df; }
.sports-odds button.is-selected { border-color:#a5e54d; background:linear-gradient(135deg,#3d5938,#30483a); color:#f2ffe3; box-shadow:inset 0 0 0 1px #a5e54d30; }
.sports-odds button span { overflow:hidden; font-size:8px; text-overflow:ellipsis; white-space:nowrap; }
.sports-odds button strong { color:#e9f1dc; font-size:10px; font-weight:900; }
.sports-empty { margin:0; padding:32px 14px; border:1px dashed #425166; border-radius:11px; color:#9eabba; text-align:center; font-size:11px; }
.sports-empty[hidden] { display:none !important; }
.sports-coupon { position:sticky; top:82px; padding:14px; border:1px solid #3b4a5e; border-radius:13px; background:linear-gradient(155deg,#202d40,#192537); box-shadow:0 8px 24px #07101b45; }
.sports-coupon-head { display:flex; align-items:center; gap:8px; padding-bottom:10px; border-bottom:1px solid #334257; }
.sports-coupon-head>div { flex:1; }
.sports-coupon-kicker { color:#9ec66e; font-size:8px; font-weight:900; letter-spacing:1.1px; }
.sports-coupon-head h2 { display:flex; align-items:center; gap:7px; margin:3px 0 0; font-size:14px; }
.sports-coupon-head h2 span { min-width:18px; height:18px; display:grid; place-items:center; border-radius:6px; background:#334535; color:#b7df82; font-size:9px; }
.sports-coupon-clear,.sports-coupon-close { padding:6px 7px; border:1px solid #3c4a5d; border-radius:7px; background:#28364a; color:#abb7c6; font-size:8px; font-weight:800; }
.sports-coupon-clear:hover,.sports-coupon-close:hover { border-color:#71834e; color:#eff6e6; }
.sports-coupon-close { display:none; font-size:17px; line-height:12px; }
.sports-coupon-hint { margin:10px 0; color:#98a6b7; font-size:9px; line-height:1.45; }
.sports-coupon-picks { display:grid; gap:7px; max-height:220px; overflow:auto; }
.sports-coupon-empty { display:grid; justify-items:center; gap:5px; padding:17px 8px; border:1px dashed #3c4d63; border-radius:9px; color:#9dabbc; text-align:center; }
.sports-coupon-empty>span { width:28px; height:28px; display:grid; place-items:center; border-radius:9px; background:#2d3c4d; color:#a7dc68; font-size:18px; }
.sports-coupon-empty strong { color:#c9d2dd; font-size:9px; }
.sports-coupon-empty small { font-size:8px; }
.sports-coupon-pick { position:relative; padding:9px 26px 9px 10px; border:1px solid #394a5f; border-radius:9px; background:#202e41; }
.sports-coupon-pick>span { display:block; color:#8998aa; font-size:8px; }
.sports-coupon-pick strong { display:block; margin:4px 0; color:#edf1f5; font-size:9px; }
.sports-coupon-pick small { color:#a9d878; font-size:8px; font-weight:800; }
.sports-coupon-remove { position:absolute; top:6px; right:6px; width:20px; height:20px; border-radius:6px; background:#2c394b; color:#aeb9c7; font-size:13px; }
.sports-coupon-summary { display:grid; gap:8px; margin-top:11px; padding:10px; border-radius:9px; background:#172335; }
.sports-coupon-summary>div { display:flex; align-items:center; justify-content:space-between; gap:10px; color:#98a6b7; font-size:9px; }
.sports-coupon-summary>div strong { color:#e0e7ef; font-size:10px; }
.sports-coupon-summary>div:last-child strong { color:#b7e47b; }
.sports-coupon-summary label { display:grid; grid-template-columns:1fr 90px; align-items:center; gap:8px; color:#98a6b7; font-size:9px; }
.sports-coupon-summary input { width:100%; height:30px; padding:0 8px; border:1px solid #394b61; border-radius:7px; outline:none; background:#0f1a2a; color:#f4f6f8; font-size:10px; text-align:right; }
.sports-coupon-summary input:focus { border-color:#83bd4b; }
.sports-coupon-submit { width:100%; min-height:37px; margin-top:10px; border:1px solid #83c64a; border-radius:8px; background:linear-gradient(135deg,#71b63c,#4c9135); color:#fff; font-size:9px; font-weight:850; }
.sports-coupon-submit:disabled { border-color:#3c4a59; background:#303b4b; color:#8390a0; cursor:not-allowed; }
.sports-coupon-disclaimer { margin:9px 0 0; color:#8f9daf; font-size:8px; line-height:1.45; }
.sports-coupon-fab,.sports-coupon-scrim { display:none; }
.visually-hidden { position:absolute!important; width:1px!important; height:1px!important; padding:0!important; margin:-1px!important; overflow:hidden!important; clip:rect(0,0,0,0)!important; white-space:nowrap!important; border:0!important; }

@media (max-width: 980px) {
  .sports-layout { grid-template-columns:minmax(0,1fr) 275px; gap:10px; }
  .sports-match-body { grid-template-columns:minmax(160px,.8fr) minmax(210px,1fr); gap:8px; }
  .sports-coupon { padding:12px; }
}
@media (max-width: 760px) {
  .sports-page { padding:0 0 24px; }
  .sports-page-toolbar { min-height:35px; }
  .sports-heading { align-items:start; flex-direction:column; gap:9px; margin:4px 0 13px; }
  .sports-heading h1 { font-size:24px; }
  .sports-heading p { font-size:10px; }
  .sports-demo-label { padding:6px 8px; font-size:8px; }
  .sports-hero { min-height:166px; padding:19px 16px; border-radius:14px; }
  .sports-hero-copy { max-width:75%; }
  .sports-hero-copy h2 { font-size:23px; }
  .sports-hero-copy p { max-width:245px; font-size:10px; line-height:1.4; }
  .sports-hero-score { min-width:82px; padding:11px 9px; }
  .sports-hero-score>span,.sports-hero-score>small { font-size:6px; }
  .sports-hero-score strong { font-size:32px; }
  .sports-hero-lines { left:38%; }
  .sports-hero-lines span { right:-28px; width:125px; height:125px; }
  .sports-hero-lines i { right:14px; width:45px; height:45px; }
  .sports-category-rail { margin:11px -10px 10px; padding:1px 10px 4px; }
  .sports-category-chip { min-height:36px; padding:0 11px; font-size:10px; }
  .sports-layout { display:block; }
  .sports-match-tools { align-items:stretch; flex-direction:column; gap:8px; }
  .sports-time-tabs { width:100%; }
  .sports-time-tabs button { flex:1; min-height:31px; padding:0 7px; font-size:8px; }
  .sports-search { width:100%; height:36px; }
  .sports-results-heading { margin-top:12px; }
  .sports-match-list { gap:8px; }
  .sports-match-card { border-radius:10px; }
  .sports-league-label { min-height:30px; padding:0 9px; font-size:7px; }
  .sports-match-body { display:grid; grid-template-columns:1fr; gap:9px; padding:9px; }
  .sports-match-teams { grid-template-columns:minmax(0,1fr) 20px minmax(0,1fr); align-items:center; gap:5px; }
  .sports-team { gap:6px; }
  .sports-team:last-child { justify-content:flex-end; }
  .sports-team strong { font-size:10px; }
  .sports-team-badge { width:22px; height:22px; border-radius:7px; font-size:9px; }
  .sports-vs { margin:0; text-align:center; }
  .sports-market { grid-template-columns:70px minmax(0,1fr); align-items:center; gap:7px; padding-top:8px; border-top:1px solid #334153; }
  .sports-market>span { font-size:8px; }
  .sports-odds { gap:5px; }
  .sports-odds button { min-height:34px; padding:0 7px; }
  .sports-odds button span { font-size:8px; }
  .sports-odds button strong { font-size:10px; }
  .sports-coupon { position:fixed; z-index:11; right:10px; bottom:calc(84px + env(safe-area-inset-bottom)); left:10px; max-height:min(72vh,540px); overflow:auto; padding:14px; visibility:hidden; pointer-events:none; transform:translateY(calc(100% + 110px)); transition:transform .22s ease,visibility .22s; }
  .sports-coupon.is-open { visibility:visible; pointer-events:auto; transform:translateY(0); }
  .sports-coupon-head { position:sticky; top:-14px; z-index:1; margin:-14px -14px 0; padding:12px 14px 10px; background:#1c293b; }
  .sports-coupon-close { display:block; }
  .sports-coupon-clear { padding:6px 7px; }
  .sports-coupon-picks { max-height:150px; }
  .sports-coupon-fab { position:fixed; z-index:9; right:12px; bottom:calc(89px + env(safe-area-inset-bottom)); display:flex; align-items:center; gap:8px; min-height:42px; padding:0 12px; border:1px solid #9eda5a; border-radius:13px; background:linear-gradient(135deg,#b6df62,#88bd3d); box-shadow:0 8px 24px #08100b80; color:#17231a; }
  .sports-coupon-fab span { font-size:10px; font-weight:850; }
  .sports-coupon-fab strong { width:20px; height:20px; display:grid; place-items:center; border-radius:7px; background:#ffffff58; font-size:9px; }
  .sports-coupon-fab b { color:#30442c; font-size:9px; }
  .sports-coupon-fab[hidden] { display:none!important; }
  .sports-coupon-scrim:not([hidden]) { position:fixed; z-index:10; inset:0 0 calc(78px + env(safe-area-inset-bottom)); display:block; background:#08101bb8; }
}
@media(max-width:390px) {
  .sports-hero { padding:16px 12px; }
  .sports-hero-copy { max-width:77%; }
  .sports-hero-copy h2 { font-size:20px; }
  .sports-hero-score { min-width:67px; }
  .sports-hero-score strong { font-size:28px; }
  .sports-league-label { gap:5px; font-size:6px; letter-spacing:.35px; }
  .sports-league-label time { font-size:7px; }
  .sports-team strong { font-size:9px; }
  .sports-market { grid-template-columns:62px minmax(0,1fr); gap:5px; }
  .sports-odds button { padding:0 5px; }
}
@media(prefers-reduced-motion:reduce) { .sports-odds button,.sports-category-chip,.sports-coupon { transition:none; } }

/* Replaceable sportsbook artwork slider */
.sports-banner {
  position:relative;
  height:clamp(178px,19vw,232px);
  min-height:178px;
  overflow:hidden;
  border:1px solid #496347;
  border-radius:17px;
  background:#142522;
  box-shadow:inset 0 0 0 4px #a3e74c08,0 12px 30px #07101b55;
}
.sports-banner:before { position:absolute; z-index:2; inset:7px; border:1px solid #a9e55a27; border-radius:12px; content:""; pointer-events:none; }
.sports-banner-slides,.sports-banner-slide { position:absolute; inset:0; }
.sports-banner-slide { z-index:0; overflow:hidden; opacity:0; visibility:hidden; transition:opacity .45s ease,visibility .45s ease; }
.sports-banner-slide.is-active { z-index:1; opacity:1; visibility:visible; }
.sports-banner-slide>img { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; object-position:center; }
.sports-banner-shade { position:absolute; inset:0; background:linear-gradient(90deg,#0b1718f2 0%,#10251fe0 38%,#13231e88 64%,#0b17183a 100%),linear-gradient(0deg,#08130f88,transparent 58%); }
.sports-banner-copy { position:absolute; z-index:1; top:50%; left:clamp(20px,4vw,42px); width:min(62%,590px); transform:translateY(-50%); }
.sports-banner-kicker { display:inline-flex; align-items:center; gap:7px; color:#caeba6; font-size:9px; font-weight:900; letter-spacing:1.15px; }
.sports-banner-kicker i,.sports-banner-tag i { width:7px; height:7px; border-radius:50%; background:#a5e54d; box-shadow:0 0 12px #a5e54d99; }
.sports-banner-copy h2 { margin:8px 0 5px; color:#f5f8f5; font-size:clamp(22px,3.2vw,34px); line-height:1.05; letter-spacing:-.8px; text-shadow:0 2px 14px #0006; }
.sports-banner-copy p { margin:0 0 13px; color:#c5d1cc; font-size:11px; }
.sports-banner-copy>a { display:inline-flex; align-items:center; gap:9px; min-height:32px; padding:0 11px; border:1px solid #95d558; border-radius:8px; background:linear-gradient(135deg,#79bd43,#4c9135); box-shadow:0 4px 12px #06130c44; color:#fff; text-decoration:none; font-size:9px; font-weight:850; transition:filter .15s,transform .15s; }
.sports-banner-copy>a:hover { filter:brightness(1.08); transform:translateY(-1px); }
.sports-banner-tag { position:absolute; z-index:2; top:17px; right:20px; display:inline-flex; align-items:center; gap:7px; padding:7px 9px; border:1px solid #ffffff24; border-radius:8px; background:#101b26ad; color:#e5eadf; font-size:8px; font-weight:850; letter-spacing:.65px; backdrop-filter:blur(8px); }
.sports-banner-tag i { width:6px; height:6px; }
.sports-banner-controls { position:absolute; z-index:3; right:16px; bottom:13px; left:18px; display:flex; align-items:center; justify-content:center; min-height:27px; pointer-events:none; }
.sports-banner-dots,.sports-banner-count,.sports-banner-arrows { pointer-events:auto; }
.sports-banner-dots { display:flex; align-items:center; gap:5px; }
.sports-banner-dots button { width:7px; height:7px; padding:0; border:0; border-radius:99px; background:#e4eee080; transition:width .2s,background .2s; }
.sports-banner-dots button.is-active { width:20px; background:#a5e54d; }
.sports-banner-count { position:absolute; right:60px; display:flex; align-items:center; gap:5px; color:#c4cec7; font-size:8px; font-weight:800; letter-spacing:.5px; }
.sports-banner-count strong { color:#fff; font-size:9px; }
.sports-banner-count i { color:#89a083; font-style:normal; }
.sports-banner-arrows { position:absolute; right:0; display:flex; gap:5px; }
.sports-banner-arrows button { display:grid; width:25px; height:25px; place-items:center; padding:0 0 2px; border:1px solid #ffffff35; border-radius:8px; background:#101b26aa; color:#f2f5f1; font-size:20px; line-height:1; backdrop-filter:blur(8px); }
.sports-banner-arrows button:hover { border-color:#a5e54d; color:#c8f298; }
@media(max-width:760px) {
  .sports-banner { height:clamp(166px,43vw,205px); min-height:166px; border-radius:14px; }
  .sports-banner:before { inset:6px; border-radius:10px; }
  .sports-banner-slide>img { object-position:58% center; }
  .sports-banner-shade { background:linear-gradient(90deg,#0b1718ee 0%,#10251fdc 45%,#13231e72 76%,#0b17183b 100%),linear-gradient(0deg,#08130f99,transparent 62%); }
  .sports-banner-copy { left:16px; width:min(76%,400px); }
  .sports-banner-copy h2 { margin:7px 0 4px; font-size:clamp(19px,5.1vw,25px); }
  .sports-banner-copy p { max-width:265px; margin-bottom:10px; font-size:9px; line-height:1.35; }
  .sports-banner-copy>a { min-height:29px; padding:0 9px; font-size:8px; }
  .sports-banner-kicker { font-size:8px; letter-spacing:.9px; }
  .sports-banner-tag { top:12px; right:12px; padding:6px 7px; font-size:7px; }
  .sports-banner-controls { right:12px; bottom:9px; left:12px; }
  .sports-banner-count { right:56px; }
}
@media(max-width:390px) {
  .sports-banner { height:164px; min-height:164px; }
  .sports-banner-copy { left:13px; width:79%; }
  .sports-banner-copy h2 { max-width:250px; font-size:19px; }
  .sports-banner-copy p { max-width:220px; font-size:8px; }
  .sports-banner-tag { top:10px; right:10px; gap:5px; padding:5px 6px; font-size:6px; }
  .sports-banner-count { display:none; }
}
@media(prefers-reduced-motion:reduce) { .sports-banner-slide,.sports-banner-dots button,.sports-banner-copy>a { transition:none; } }
