/*
Theme Name: BBgames Divi Child
Template: Divi
Version: 1.0.0
Description: Divi child theme for the BBgames-style site.
*/

@font-face {
  font-family:"BBgames Font Awesome Brands";
  font-style:normal;
  font-weight:400;
  font-display:swap;
  src:url('../Divi/core/admin/fonts/fontawesome/fa-brands-400.woff2') format('woff2'),
      url('../Divi/core/admin/fonts/fontawesome/fa-brands-400.woff') format('woff');
}

:root {
  --bb-red: #a91f20;
  --bb-dark: #111111;
  --bb-muted: #6f6f6f;
  --bb-warm: #f7f3f1;
}

body { font-family: "Noto Sans SC", "Microsoft YaHei", Arial, sans-serif; }
#main-header { box-shadow: 0 1px 0 rgba(0,0,0,.08); }
#main-header { height:74px; }
#page-container { padding-top:74px !important; }
#main-header .container { height:74px; }
#main-header #logo { max-height:73px; }
#main-header #et-top-navigation { height:74px; padding-top:21px; }
#main-header #et_top_search { margin-top:-3px; }
#top-menu li.current-menu-item > a, #top-menu li.current-menu-ancestor > a { color: var(--bb-red) !important; }
#top-menu .bb-enter a { color: #fff !important; background: var(--bb-red); padding: 13px 22px !important; }
.et-fixed-header #top-menu .bb-enter a { color: #fff !important; }

.bb-section { padding: 90px 0; }
.bb-title { letter-spacing: .18em; text-transform: uppercase; }
.bb-kicker { color: var(--bb-red); font-weight: 700; letter-spacing: .18em; text-transform: uppercase; }
.bb-btn, .et_pb_button.bb-btn { background: var(--bb-red) !important; border-color: var(--bb-red) !important; color: #fff !important; border-radius: 0 !important; letter-spacing: .12em; }
.bb-card { height: 100%; padding: 34px; background: #fff; box-shadow: 0 15px 50px rgba(0,0,0,.08); }
.bb-card h3, .bb-card h4 { color: #222; }

.bb-landing { height:381px; min-height:0; padding:0 !important; display:flex; align-items:center; overflow:hidden; position:relative; background-position:center; background-size:cover; }
.bb-landing::before { content:""; position:absolute; inset:0; z-index:0; pointer-events:none; background:radial-gradient(circle at 100% 100%,rgba(0,0,0,.5) 30%,#000 100%); }
.bb-landing > .et_pb_row { position:relative; z-index:1; }
.bb-landing .et_pb_row { width:100%; padding:0; }
.bb-landing-copy { width:min(1024px,80%); margin:0 auto; color:#fff; text-align:center; }
.bb-landing-copy .eyebrow,
.bb-landing-copy .subline { color:#fff; font-size:24px; line-height:1.5; letter-spacing:.03em; }
.bb-landing-copy .eyebrow { margin-bottom:-15px; }
.bb-landing-copy h1 { margin:0 auto; padding:38px 0 32px; color:#fff; font-size:94px; line-height:1.1; font-weight:300; letter-spacing:.13em; border-top:2px solid rgba(255,255,255,.35); border-bottom:2px solid rgba(255,255,255,.35); }
.bb-landing-copy .subline { margin-top:-20px; margin-bottom:28px; }
.bb-landing-copy .bb-btn { margin-top:12px; padding:10px 26px !important; font-size:20px !important; }

.bb-brand-strip { height:417px; padding:0 !important; display:flex; align-items:center; overflow:hidden; background:#fff; }
.bb-brand-strip .et_pb_row,
.bb-channel-strip .et_pb_row { padding:0; }
.bb-brand-strip-inner { width:min(1024px,80%); margin:0 auto; text-align:center; }
.bb-brand-strip img { display:block; width:100%; height:auto; margin:0 auto 28px; }
.bb-brand-strip img:last-child { margin-bottom:0; }
.bb-channel-strip { height:51px; padding:0 !important; display:flex; align-items:center; background:#fff; }
.bb-channel-grid { width:min(1024px,80%); margin:0 auto; display:grid; grid-template-columns:repeat(3,1fr); gap:56px; }
.bb-channel-grid a { display:block; padding:10px 14px; text-align:center; color:#fff; font-size:20px; letter-spacing:.06em; }
.bb-channel-grid a:nth-child(1) { background:linear-gradient(135deg,#5591dd,#62ccb4); }
.bb-channel-grid a:nth-child(2) { background:linear-gradient(135deg,#e0c24f,#d5a327); }
.bb-channel-grid a:nth-child(3) { background:linear-gradient(135deg,#976bd8,#d75aa7); }

.bb-nav-landing { min-height:624px; position:relative; overflow:hidden; padding:76px 0 0 !important; background-image:linear-gradient(rgba(0,0,0,0) 0%,#f9f7f8 100%),url('/wp-content/uploads/2026/08/navigation-bg.jpg') !important; background-position:center; background-size:cover; }
.bb-nav-landing::before,
.bb-nav-landing::after { content:""; position:absolute; pointer-events:none; z-index:0; border:5px solid #4d5090; }
.bb-nav-landing::before { left:max(24px,calc((100% - 1024px)/2)); right:max(24px,calc((100% - 1024px)/2)); height:540px; top:78px; box-sizing:border-box; }
.bb-nav-landing::after { left:max(36px,calc((100% - 1000px)/2)); right:max(36px,calc((100% - 1000px)/2)); height:516px; top:90px; border-width:3px; box-sizing:border-box; opacity:.95; }
.bb-nav-landing .et_pb_row { padding:0; }
.bb-nav-copy { width:740px; max-width:70%; margin:0 auto; text-align:center; position:relative; z-index:2; }
.bb-nav-copy .mini-title { margin:0 0 20px; color:#a91f20; font-size:36px; font-weight:700; letter-spacing:.12em; }
.bb-nav-copy h2 { margin:0 -150px 18px; color:#292929; font-size:94px; line-height:1.35; letter-spacing:.08em; }
.bb-nav-copy .links { font-size:28px; line-height:2; font-weight:700; color:#4f4f4f; }
.bb-nav-copy .bb-btn { margin-top:5px; padding:10px 26px !important; font-size:19px !important; }
.bb-spinman { position:absolute; right:max(4%,24px); bottom:-95px; width:min(296px,25vw); max-width:296px; height:auto !important; object-fit:contain; z-index:3; opacity:0; transform:translate3d(64px,90px,0) rotate(10deg) scale(.78); transform-origin:50% 58%; will-change:transform; }
.bb-spinman.is-visible { animation:bbRobotFlyIn 1.15s cubic-bezier(.19,.75,.24,1) both,bbRobotFloat 4.2s ease-in-out 1.15s infinite; }
@keyframes bbRobotFlyIn {
  0% { opacity:0; transform:translate3d(64px,90px,0) rotate(10deg) scale(.78); }
  70% { opacity:1; transform:translate3d(-12px,-10px,0) rotate(-2deg) scale(1.02); }
  100% { opacity:1; transform:translate3d(0,0,0) rotate(0) scale(1); }
}
@keyframes bbRobotFloat {
  0%,100% { transform:translate3d(0,0,0) rotate(-1deg); }
  50% { transform:translate3d(-10px,-20px,0) rotate(2deg); }
}
@keyframes bbRobotFlyInMobile {
  0% { opacity:0; transform:translate3d(44px,80px,0) rotate(8deg) scale(.84); }
  70% { opacity:1; transform:translate3d(-5px,-6px,0) rotate(-1deg) scale(1.01); }
  100% { opacity:1; transform:translate3d(0,0,0) rotate(0) scale(1); }
}
@keyframes bbRobotFloatMobile {
  0%,100% { transform:translate3d(0,0,0) rotate(-.5deg); }
  50% { transform:translate3d(-4px,-10px,0) rotate(1deg); }
}

.bb-game-grid, .bb-service-grid, .bb-news-grid { display: grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap: 28px; }
.bb-game-card { min-height: 360px; position: relative; overflow: hidden; background-size: cover; background-position: center; }
.bb-game-card::before { content:""; position:absolute; inset:0; background:linear-gradient(0deg, rgba(0,0,0,.82), rgba(0,0,0,.08)); }
.bb-game-card > div { position:absolute; left:28px; right:28px; bottom:28px; z-index:2; color:#fff; }
.bb-game-card h3, .bb-game-card p { color:#fff; }
.bb-game-card a { color:#fff; font-weight:700; border-bottom:1px solid #fff; }

.bb-hero { padding: 135px 0 110px; background:#171717; background-position:center; background-size:cover; text-align:center; }
.bb-hero .bb-hero-inner { max-width:1080px; margin:0 auto; padding:0 20px; }
.bb-hero .bb-hero-inner[style] { max-width:none; margin:-135px 0 -110px; padding:135px max(20px,calc((100% - 1080px)/2)) 110px; background-position:center; background-size:cover; }
.bb-hero h1 { color:#fff; font-size: clamp(46px, 7vw, 86px); letter-spacing:.12em; }
.bb-hero p { color:#fff; font-size:20px; }
.bb-page-shell { padding: 78px 0; }
.bb-page-shell h2 { margin: 48px 0 22px; color:#222; }
.bb-page-shell p, .bb-page-shell li { font-size:16px; line-height:1.9; }
.bb-pill { display:inline-block; margin:5px; padding:8px 15px; background:#f2e8e6; color:var(--bb-red); }

.bb-news-card { background:#fff; border:1px solid #e5e5e5; }
.bb-news-card img { width:100%; aspect-ratio:16/9; object-fit:cover; }
.bb-news-card .inner { padding:24px; }
.bb-news-card time { color:var(--bb-red); font-size:12px; letter-spacing:.12em; text-transform:uppercase; }
.bb-news-card h3 { margin:10px 0; font-size:21px; }

.bb-footer { background:#151515; color:#bbb; padding:65px 0 28px; }
.bb-footer h3 { color:#fff; border-left:3px solid var(--bb-red); padding-left:12px; }
.bb-footer a { color:#bbb; }
.bb-footer a:hover { color:#fff; }
.bb-footer-grid { display:grid; grid-template-columns:2fr 1fr 1fr 1.2fr; gap:38px; }
.bb-footer ul { list-style:none; padding:0; }
.bb-footer-bottom { margin-top:35px; padding-top:22px; border-top:1px solid #333; text-align:center; font-size:13px; }

/* Home page */
.bb-home-logo-strip { height:137px; padding:0 !important; overflow:hidden; background:#fff; }
.bb-home-logo-strip > .et_pb_row { width:1024px; max-width:80%; padding:0; }
.bb-home-logo-strip .et_pb_code_inner { height:137px; display:flex; align-items:center; }
.bb-home-logo-strip img { display:block; width:980px; max-width:100%; height:auto; margin:auto; }
.bb-home-hero { height:517px; min-height:517px; padding:0 !important; position:relative; overflow:hidden; background:#ab3124; }
.bb-home-hero > .et_pb_row { width:1024px; max-width:80%; height:100%; padding:0; position:relative; z-index:2; }
.bb-home-hero .et_pb_column,.bb-home-hero .et_pb_code,.bb-home-hero .et_pb_code_inner { height:100%; }
.bb-home-hero-copy { width:484px; padding-top:108px; position:relative; z-index:3; color:#fff; }
.bb-home-hero-copy .eyebrow { margin:0; color:#fff; font-size:30px; line-height:1.3; font-weight:500; }
.bb-home-hero-copy h1 { margin:7px 0 12px; padding:0 0 10px; color:#fff; font-size:80px; line-height:1; font-weight:700; letter-spacing:.01em; border-bottom:4px solid #fff; }
.bb-home-hero-copy .subline { margin:0; color:#fff; font-size:17px; line-height:1.5; font-weight:700; }
.bb-home-hero-woman { width:440px; height:324px; position:absolute; top:-12px; right:-128px; z-index:3; object-fit:contain; }
.bb-home-hero-curve { width:1280px; max-width:none; height:745px; position:absolute; top:-225px; left:calc(50% - 640px); z-index:2; pointer-events:none; }
.bb-home-section { padding:38px 0 40px !important; background:#fff; }
.bb-home-section > .et_pb_row,.bb-home-certs > .et_pb_row { width:100%; max-width:none; padding:0; }
.bb-home-wrap { width:1024px; max-width:80%; margin:auto; }
.bb-home-ribbon { height:82px; margin:0 0 26px; padding:25px 44px 20px; overflow:hidden; color:#fff; font-size:21px; line-height:1.2; font-weight:700; letter-spacing:.28em; text-align:right; border-radius:0 45px 45px 0; background:linear-gradient(40deg,#fff 0%,#ab3124 50%); }
.bb-home-ribbon small { margin-left:15px; color:#fff; font-size:17px; letter-spacing:.42em; }
.bb-home-steps { height:333px; display:grid; grid-template-columns:repeat(4,1fr); gap:38px; padding-top:15px; position:relative; text-align:center; }
.bb-home-steps::before { content:""; position:absolute; top:74px; left:0; right:0; height:2px; background:#e4e4e4; }
.bb-home-step { position:relative; z-index:1; }
.bb-home-step .num { display:flex; width:80px; height:80px; margin:0 auto 18px; align-items:center; justify-content:center; border-radius:50%; background:#ab3124; color:#fff; font-size:32px; font-weight:700; }
.bb-home-step h3 { margin-bottom:8px; font-size:24px; line-height:1.35; font-weight:700; }
.bb-home-step p { min-height:30px; margin-bottom:12px; font-size:14px; }
.bb-home-step a { display:inline-block; padding:7px 14px; border-radius:18px; background:#d19c3e; color:#fff; font-size:14px; line-height:1.45; }
.bb-home-games { height:786px; padding-top:39px !important; }
.bb-home-game-grid { display:grid; grid-template-columns:repeat(2,1fr); grid-auto-rows:215px; column-gap:66px; row-gap:7px; }
.bb-home-game { min-width:0; position:relative; display:flex; align-items:center; padding:28px 30px 28px 96px; color:#333; text-decoration:none; background:#fff; border:1px solid #777; }
.bb-home-game img { width:150px; height:175px; position:absolute; left:-48px; bottom:0; object-fit:contain; }
.bb-home-game h3 { margin:0 0 10px; color:inherit; font-size:24px; line-height:1.3; font-weight:500; }
.bb-home-game h3 small { font-size:22px; font-weight:400; }
.bb-home-game p { margin:0; color:inherit; font-size:14px; line-height:1.65; }
.bb-home-game.game-black { background:#000; color:#fff; border-color:#000; }
.bb-home-game.game-pink { background:#d9505b; color:#fff; border-color:#d9505b; }
.bb-home-game.game-blue { background:#5d9ec5; color:#fff; border-color:#5d9ec5; }
.bb-home-game:nth-child(2) img { width:175px; left:-48px; }
.bb-home-game:nth-child(3) img,.bb-home-game:nth-child(5) img { width:128px; height:175px; }
.bb-home-bonus-section { height:659px; padding-top:39px !important; }
.bb-home-bonus-card { height:500px; position:relative; overflow:hidden; padding:110px 70px; color:#fff; background-color:#092215; background-image:linear-gradient(134deg,rgba(4,40,17,.95),rgba(255,255,255,0)),url('/wp-content/uploads/2026/08/home-bonus-video.png'); background-position:center; background-size:cover; }
.bb-home-bonus-card h2,.bb-home-bonus-card h3,.bb-home-bonus-card p { color:#fff; }
.bb-home-bonus-card h2 { margin:0 0 10px; font-size:50px; line-height:1.15; }
.bb-home-bonus-card h3 { font-size:28px; }
.bb-home-bonus-card p { font-size:16px; line-height:1.8; }
.bb-home-bonus-card .copy { max-width:54%; }
.bb-home-more { display:inline-block; margin-top:10px; padding:9px 22px; color:#fff; border:2px solid #fff; font-size:17px; }
.bb-home-service-section { height:1122px; padding-top:38px !important; }
.bb-home-service-grid { display:grid; grid-template-columns:repeat(2,1fr); grid-auto-rows:213px; gap:13px 56px; }
.bb-home-service { padding:48px 45px; overflow:hidden; background-color:#fff; background-position:right center; background-repeat:no-repeat; background-size:cover; }
.bb-home-service h3 { margin-bottom:12px; font-size:25px; font-weight:700; }
.bb-home-service p { max-width:58%; margin-bottom:12px; font-size:14px; }
.bb-home-service a { color:#ab3124; font-size:14px; font-weight:700; }
.bb-home-service:nth-child(5) { grid-column:1/2; }
.bb-home-contact { display:grid; grid-template-columns:repeat(2,1fr); gap:56px; margin-top:24px; text-align:center; }
.bb-home-contact > div { height:130px; padding:25px; background:#f7f4f3; }
.bb-home-contact strong { display:block; color:#ab3124; font-size:25px; }
.bb-home-section:has(.bb-home-stats) { height:202px; padding:0 !important; }
.bb-home-stats { height:202px; display:grid; grid-template-columns:repeat(4,1fr); align-items:center; padding:0; text-align:center; }
.bb-home-stats strong { display:block; color:#ab3124; font-size:44px; line-height:1.2; }
.bb-home-certs { height:842px; padding:107px 0 0 !important; background:radial-gradient(circle at 100% 0%,#fff 0%,#ab3124 50%); }
.bb-home-cert-layout { display:grid; grid-template-columns:38% 62%; gap:48px; align-items:start; }
.bb-home-cert-intro { padding-top:20px; }
.bb-home-cert-intro h2,.bb-home-cert-intro p { color:#fff; }
.bb-home-cert-intro h2 { margin:4px 0 8px; font-size:54px; }
.bb-home-cert-card { height:172px; display:grid; grid-template-columns:120px 1fr; gap:26px; align-items:center; margin-bottom:24px; padding:24px 30px; background:#fff; box-shadow:0 10px 60px rgba(10,45,97,.1); }
.bb-home-cert-card img { width:120px; height:120px; object-fit:contain; }
.bb-home-cert-card h3 { margin-bottom:8px; font-size:22px; }
.bb-home-cert-card p { font-size:14px; line-height:1.7; }

@media (max-width: 980px) {
  #main-header { height:auto; }
  #page-container { padding-top:80px !important; }
  #main-header .container { height:auto; }
  #main-header #logo { max-height:54%; }
  #main-header #et-top-navigation { padding-top:24px; }
  .bb-game-grid, .bb-service-grid, .bb-news-grid { grid-template-columns: repeat(2,1fr); }
  .bb-footer-grid { grid-template-columns: repeat(2,1fr); }
  .bb-nav-copy { max-width:84%; }
  .bb-nav-copy h2 { margin-left:0; margin-right:0; font-size:70px; }
  .bb-spinman { right:24px; width:min(250px,30vw); }
  .bb-nav-landing::before { left:32px; right:32px; }
  .bb-nav-landing::after { left:43px; right:43px; }
  .bb-home-logo-strip > .et_pb_row,.bb-home-hero > .et_pb_row,.bb-home-wrap { max-width:88%; }
  .bb-home-hero-woman { right:-70px; opacity:.82; }
  .bb-home-game-grid { column-gap:45px; }
  .bb-home-game { padding-left:75px; }
  .bb-home-game img { left:-35px; }
  .bb-home-cert-layout { grid-template-columns:1fr; }
  .bb-home-certs { height:auto; min-height:842px; padding-bottom:70px !important; }
}
@media (max-width: 600px) {
  .bb-section, .bb-page-shell { padding:55px 0; }
  .bb-game-grid, .bb-service-grid, .bb-news-grid, .bb-footer-grid, .bb-channel-grid { grid-template-columns:1fr; }
  .bb-landing { height:430px; min-height:430px; }
  .bb-landing-copy { width:88%; }
  .bb-landing-copy h1 { font-size:46px; padding:30px 0 26px; letter-spacing:.07em; }
  .bb-landing-copy .eyebrow, .bb-landing-copy .subline { font-size:17px; }
  .bb-brand-strip { height:auto; min-height:300px; padding:28px 0 !important; }
  .bb-brand-strip-inner, .bb-channel-grid { width:90%; }
  .bb-channel-strip { height:auto; padding:0 0 26px !important; }
  .bb-channel-grid { gap:12px; }
  .bb-channel-grid a { font-size:17px; }
  .bb-nav-landing { min-height:525px; padding-top:62px !important; }
  .bb-nav-copy { max-width:90%; width:auto; }
  .bb-nav-copy .mini-title { font-size:27px; }
  .bb-nav-copy h2 { font-size:48px; }
  .bb-nav-copy .links { font-size:20px; }
  .bb-spinman { width:clamp(130px,40vw,170px); max-width:42vw; right:12px; bottom:-18px; }
  .bb-spinman.is-visible { animation:bbRobotFlyInMobile .9s cubic-bezier(.19,.75,.24,1) both,bbRobotFloatMobile 4s ease-in-out .9s infinite; }
  .bb-nav-landing::before { left:16px; right:16px; top:56px; width:auto; height:445px; border-width:3px; }
  .bb-nav-landing::after { left:24px; right:24px; top:64px; width:auto; height:429px; border-width:2px; }
  .bb-hero { padding:95px 0 70px; }
  .bb-home-logo-strip { height:82px; min-height:82px; padding:0 !important; }
  .bb-home-logo-strip > .et_pb_row { width:92%; max-width:92%; }
  .bb-home-logo-strip .et_pb_code_inner { height:82px; }
  .bb-home-hero { height:390px; min-height:390px; }
  .bb-home-hero > .et_pb_row,.bb-home-wrap { width:90%; max-width:90%; }
  .bb-home-hero-copy { width:80%; padding-top:75px; }
  .bb-home-hero-copy .eyebrow { font-size:20px; }
  .bb-home-hero-copy h1 { margin-top:5px; font-size:48px; border-bottom-width:3px; }
  .bb-home-hero-copy .subline { font-size:13px; }
  .bb-home-hero-woman { width:250px; height:auto; top:-5px; right:-105px; opacity:.9; }
  .bb-home-hero-curve { width:800px; height:auto; top:-65px; left:calc(50% - 390px); }
  .bb-home-section { height:auto; padding:34px 0 !important; }
  .bb-home-ribbon { height:64px; margin-bottom:28px; padding:20px 20px 16px; font-size:17px; letter-spacing:.12em; border-radius:0 34px 34px 0; }
  .bb-home-ribbon small { margin-left:8px; font-size:13px; letter-spacing:.2em; }
  .bb-home-steps { height:auto; grid-template-columns:1fr; gap:28px; padding-top:0; }
  .bb-home-steps::before { display:none; }
  .bb-home-step .num { width:68px; height:68px; margin-bottom:10px; font-size:27px; }
  .bb-home-step h3 { font-size:21px; }
  .bb-home-step p { min-height:0; }
  .bb-home-games { height:auto; }
  .bb-home-game-grid { grid-template-columns:1fr; grid-auto-rows:185px; gap:18px; }
  .bb-home-game { padding:25px 22px 25px 100px; }
  .bb-home-game img,.bb-home-game:nth-child(2) img,.bb-home-game:nth-child(3) img,.bb-home-game:nth-child(5) img { width:120px; height:155px; left:-20px; }
  .bb-home-game h3 { font-size:21px; }
  .bb-home-game h3 small { font-size:18px; }
  .bb-home-bonus-section { height:auto; }
  .bb-home-bonus-card { height:440px; min-height:0; padding:48px 28px; background-position:60% center; }
  .bb-home-bonus-card .copy { max-width:100%; }
  .bb-home-bonus-card h2 { font-size:38px; }
  .bb-home-bonus-card p { max-width:80%; }
  .bb-home-service-section { height:auto; }
  .bb-home-service-grid,.bb-home-contact { grid-template-columns:1fr; gap:18px; }
  .bb-home-service { min-height:190px; padding:36px 26px; background-position:center; }
  .bb-home-service:nth-child(5) { grid-column:auto; }
  .bb-home-contact { margin-top:18px; }
  .bb-home-stats { grid-template-columns:repeat(2,1fr); gap:28px; }
  .bb-home-stats { height:auto; padding:35px 0; }
  .bb-home-certs { height:auto; min-height:0; padding:60px 0 !important; }
  .bb-home-cert-layout { gap:28px; }
  .bb-home-cert-intro h2 { font-size:42px; }
  .bb-home-cert-card { height:auto; min-height:150px; grid-template-columns:72px 1fr; padding:18px; }
  .bb-home-cert-card { grid-template-columns:72px 1fr; padding:18px; }
  .bb-home-cert-card img { width:72px; height:90px; }
}

@media (prefers-reduced-motion: reduce) {
  .bb-spinman, .bb-spinman.is-visible { animation:none; opacity:1; transform:none; }
}

/* Promotion page */
.bb-promo-wrap { width:1024px; max-width:80%; margin:auto; }
.bb-promo-hero { height:487px; padding:26px 0 !important; background:#fff; }
.bb-promo-hero > .et_pb_row,.bb-promo-title > .et_pb_row,.bb-promo-signup-section > .et_pb_row,.bb-promo-partner-section > .et_pb_row,.bb-promo-platform-section > .et_pb_row,.bb-promo-more-section > .et_pb_row { width:100%; max-width:none; padding:0; }
.bb-promo-hero h1 { margin:0 0 18px; color:#000; font-size:54px; line-height:1.25; font-weight:800; text-align:center; letter-spacing:.04em; }
.bb-promo-features { display:grid; grid-template-columns:repeat(3,1fr); grid-template-rows:repeat(2,144px); grid-auto-flow:column; gap:28px 56px; }
.bb-promo-feature { display:flex; flex-direction:column; align-items:center; justify-content:center; gap:10px; }
.bb-promo-feature img { width:85px; height:85px; object-fit:contain; }
.bb-promo-feature strong { color:#111; font-size:20px; }
.bb-promo-title { height:162px; padding:26px 0 !important; }
.bb-promo-heading h2 { margin:0; color:#303030; font-size:52px; line-height:1.25; font-weight:800; text-align:center; }
.bb-promo-heading i { display:block; width:492px; max-width:48%; height:5px; margin:12px auto 0; background:#7520ff; }
.bb-promo-signup-section { height:575px; padding:0 !important; overflow:hidden; background:linear-gradient(90deg,#fff 43%,#f7f6f5 43%); }
.bb-promo-signup { height:575px; display:grid; grid-template-columns:50% 50%; align-items:center; }
.bb-promo-signup .visual { height:575px; position:relative; }
.bb-promo-signup .visual img { width:480px; height:870px; position:absolute; top:-204px; left:0; object-fit:contain; }
.bb-promo-signup .copy { padding:20px 0 0 60px; }
.bb-promo-signup .copy h2 { margin:0 0 8px; font-size:44px; font-weight:800; }
.bb-promo-signup .copy h3 { margin-bottom:14px; font-size:27px; }
.bb-promo-signup .copy p { font-size:15px; }
.bb-promo-signup ul { margin:28px 0 0; padding:0; list-style:none; }
.bb-promo-signup li { margin:0 0 17px; font-size:17px; }
.bb-promo-signup li b { display:inline-block; min-width:50px; color:#7520ff; }
.bb-promo-partner-section { height:579px; padding:26px 0 0 !important; overflow:hidden; }
.bb-promo-partners { height:417px; display:grid; grid-template-columns:repeat(4,1fr); margin-top:0; }
.bb-promo-partner { position:relative; padding:0; background-position:center; background-size:cover; }
.bb-promo-partner::before { content:""; position:absolute; inset:0; background:linear-gradient(0deg,rgba(0,0,0,.88),rgba(0,0,0,.06)); }
.bb-promo-partner div { position:absolute; left:25px; right:25px; bottom:28px; z-index:1; color:#fff; text-align:center; }
.bb-promo-partner h3,.bb-promo-partner p,.bb-promo-partner time { color:#fff; }
.bb-promo-partner h3 { font-size:24px; }
.bb-promo-partner p { min-height:52px; font-size:16px; }
.bb-promo-partner time { font-size:13px; }
.bb-promo-platform-section { height:920px; padding:25px 0 0 !important; }
.bb-promo-platform { height:272px; margin-top:0; display:flex; align-items:center; padding:48px 70px; color:#fff; background:#27252d url('/wp-content/uploads/2026/08/promo-platform.png') right center/auto 100% no-repeat; }
.bb-promo-platform > div { width:56%; }
.bb-promo-platform h2,.bb-promo-platform p { color:#fff; }
.bb-promo-platform h2 { font-size:31px; }
.bb-promo-platform p { font-size:15px; }
.bb-promo-platform a { display:inline-block; margin-top:5px; padding:8px 18px; background:#7520ff; color:#fff; }
.bb-promo-details { height:436px; display:grid; grid-template-columns:42% 58%; padding:35px 45px; background:#f5f4f4; }
.bb-promo-details h3 { font-size:28px; }
.bb-promo-details span { display:block; margin:8px 0; color:#7520ff; font-weight:700; }
.bb-promo-details .rates { padding-left:40px; border-left:1px solid #ddd; }
.bb-promo-details .rates p { font-size:15px; line-height:2; }
.bb-promo-more-section { height:789px; padding:26px 0 !important; }
.bb-promo-more { display:grid; grid-template-columns:repeat(3,1fr); grid-template-rows:381px 357px; }
.bb-promo-more article { padding:42px 35px; overflow:hidden; background-position:center; background-size:cover; }
.bb-promo-more h2 { font-size:44px; font-weight:800; }
.bb-promo-more h3 { font-size:25px; font-weight:800; }
.bb-promo-more p { font-size:15px; line-height:1.8; }
.bb-promo-more .festival { background-color:#751fff; background-image:radial-gradient(circle at 70% 80%,#ad7cff,#751fff); color:#fff; }
.bb-promo-more .electronic { background:#43d7b9; }
.bb-promo-more .cards { background:#f6f4f2; }
.bb-promo-more .live { background:#ffc42b; }
.bb-promo-more .sport { background:#fd6602; color:#fff; }
.bb-promo-more .festival h3,.bb-promo-more .sport h3,.bb-promo-more .sport p { color:#fff; }

@media (max-width:600px) {
  .bb-promo-wrap { width:90%; max-width:90%; }
  .bb-promo-hero { height:auto; padding:38px 0 !important; }
  .bb-promo-hero h1 { font-size:31px; white-space:normal; }
  .bb-promo-features { grid-template-columns:repeat(2,1fr); grid-template-rows:none; grid-auto-flow:row; gap:24px 14px; }
  .bb-promo-feature { min-height:135px; }
  .bb-promo-title { height:auto; padding:42px 0 !important; }
  .bb-promo-heading h2 { font-size:34px; }
  .bb-promo-heading i { max-width:65%; }
  .bb-promo-signup-section { height:auto; background:#f7f6f5; }
  .bb-promo-signup { height:auto; grid-template-columns:1fr; }
  .bb-promo-signup .visual { height:360px; overflow:hidden; background:#fff; }
  .bb-promo-signup .visual img { width:300px; height:auto; top:-90px; left:50%; transform:translateX(-50%); }
  .bb-promo-signup .copy { padding:38px 0 45px; }
  .bb-promo-signup .copy h2 { font-size:34px; }
  .bb-promo-partner-section { height:auto; padding-top:36px !important; }
  .bb-promo-partners { height:auto; grid-template-columns:1fr; margin-top:26px; }
  .bb-promo-partner { height:360px; }
  .bb-promo-platform-section { height:auto; padding:40px 0 !important; }
  .bb-promo-platform { height:340px; margin-top:28px; padding:35px 25px; background-position:75% center; }
  .bb-promo-platform > div { width:78%; }
  .bb-promo-platform h2 { font-size:25px; }
  .bb-promo-details { height:auto; grid-template-columns:1fr; padding:30px 24px; }
  .bb-promo-details .rates { margin-top:20px; padding:20px 0 0; border-left:0; border-top:1px solid #ddd; }
  .bb-promo-more-section { height:auto; padding:0 !important; }
  .bb-promo-more { width:100%; max-width:none; grid-template-columns:1fr; grid-template-rows:none; }
  .bb-promo-more article { min-height:260px; }
}

/* Customer service landing page */
.bb-service-ref-wrap { width:1024px; max-width:80%; margin:0 auto; }
.bb-service-ref-hero-section,.bb-service-ref-contact-section,.bb-service-ref-offers-section { padding:0 !important; overflow:hidden; }
.bb-service-ref-hero-section > .et_pb_row,.bb-service-ref-contact-section > .et_pb_row,.bb-service-ref-offers-section > .et_pb_row { width:100%; max-width:none; padding:0; }
.bb-service-ref-hero-section { height:457px; position:relative; background:#0a4bad !important; }
.bb-service-ref-hero-section:after { content:''; width:100%; height:154px; position:absolute; z-index:1; left:0; bottom:-1px; background:url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMnZ3IiB2aWV3Qm94PSIwIDAgMTI4MCAxNDAiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgZmlsbD0iI2ZmZmZmZiI+PHBhdGggZD0iTTMyMCAyOEMxNjAgMjggODAgNDkgMCA3MFYwaDEyODB2NzBjLTgwIDIxLTE2MCA0Mi0zMjAgNDItMzIwIDAtMzIwLTg0LTY0MC04NHoiLz48L2c+PC9zdmc+") center bottom/100% 154px repeat-x; transform:scaleY(-1); }
.bb-service-ref-hero { height:457px; position:relative; z-index:2; }
.bb-service-ref-hero-row { height:457px; position:relative; display:grid; grid-template-columns:1fr 1fr; gap:56px; }
.bb-service-ref-hero-row .copy { padding-top:30px; }
.bb-service-ref-hero-row h1 { margin:0 0 10px; padding:0; color:#000; font-size:52px; line-height:1.3; font-weight:700; }
.bb-service-ref-hero-row h3 { margin:0; color:#333; font-size:17px; line-height:1.6; font-weight:700; }
.bb-service-ref-hero-row > img { width:484px; height:431px; position:absolute; right:0; top:-33px; object-fit:contain; }
.bb-service-ref-contact-section { height:325px; background:#fff; }
.bb-service-ref-contacts { height:325px; display:grid; grid-template-columns:1fr 1fr; gap:56px; align-items:start; padding-top:77px; }
.bb-service-ref-contacts article { text-align:center; }
.bb-service-ref-contacts span { width:54px; height:54px; margin:0 auto 12px; display:grid; place-items:center; color:#fff; background:#000; border-radius:50%; font-size:13px; font-weight:800; }
.bb-service-ref-contacts h3 { margin:0 0 14px; padding:0; color:#000; font-size:18px; line-height:1.4; font-weight:700; }
.bb-service-ref-contacts p { margin:0; color:#666; font-size:16px; }
.bb-service-ref-offers-section { height:1453px; background:#fff; }
.bb-service-ref-offers { height:1453px; position:relative; }
.bb-service-ref-intro { width:484px; position:absolute; right:0; top:144px; }
.bb-service-ref-intro p { margin:0 0 6px; color:#666; font-size:17px; line-height:1.65; }
.bb-service-ref-intro h2 { margin:0 0 10px; padding:0; color:#333; font-size:26px; line-height:1.65; font-weight:700; }
.bb-service-ref-intro h3 { margin:0; color:#333; font-size:17px; line-height:1.65; font-weight:700; }
.bb-service-ref-offers .offer { position:absolute; display:flex; flex-direction:column; align-items:center; color:#666; text-align:center; }
.bb-service-ref-offers .offer-1 { width:244px; left:30px; top:0px; }
.bb-service-ref-offers .offer-2 { width:244px; right:30px; top:270px; }
.bb-service-ref-offers .offer-3 { width:269px; left:94px; top:723px; }
.bb-service-ref-offers .offer b { width:45px; height:45px; display:grid; place-items:center; flex:none; margin-bottom:23px; color:#fff; background:#97c357; border-radius:50%; font-size:20px; line-height:1; }
.bb-service-ref-offers .offer-2 b { background:#b6b5dc; }
.bb-service-ref-offers .offer-3 b { background:#e8b83a; }
.bb-service-ref-offers .offer img { display:block; width:100%; height:auto; margin-bottom:17px; object-fit:contain; }
.bb-service-ref-offers .offer-2 img { height:188px; }
.bb-service-ref-offers .offer-3 img { height:290px; }
.bb-service-ref-offers .offer h3 { margin:0 0 14px; padding:0; color:#22303f; font-size:20px; line-height:1.5; font-weight:700; }
.bb-service-ref-offers .offer p { margin:0 0 24px; color:#666; font-size:16px; line-height:1.8; }
.bb-service-ref-offers .offer a { padding:12px 20px; color:#fff; background:#8cc32f; font-size:16px; line-height:1.7; }
.bb-service-ref-offers .offer-2 a { background:#b6b5dc; }
.bb-service-ref-offers .offer-3 a { background:#e8b83a; }

@media (max-width:980px) {
  .bb-service-ref-hero-row { gap:4%; }
  .bb-service-ref-hero-row > img { width:48%; }
  .bb-service-ref-offers .offer-2 { right:0; }
}

@media (max-width:600px) {
  .bb-service-ref-wrap { width:90%; max-width:90%; }
  .bb-service-ref-hero-section,.bb-service-ref-hero { height:570px; }
  .bb-service-ref-hero-section:after { height:105px; background-size:100% 105px; }
  .bb-service-ref-hero-row { height:570px; display:block; text-align:center; }
  .bb-service-ref-hero-row .copy { padding-top:43px; }
  .bb-service-ref-hero-row h1 { font-size:42px; }
  .bb-service-ref-hero-row h3 { font-size:14px; }
  .bb-service-ref-hero-row > img { width:330px; max-width:100%; height:294px; top:172px; right:50%; transform:translateX(50%); }
  .bb-service-ref-contact-section,.bb-service-ref-contacts { height:auto; }
  .bb-service-ref-contacts { grid-template-columns:1fr; gap:42px; padding:52px 0 58px; }
  .bb-service-ref-offers-section,.bb-service-ref-offers { height:auto; }
  .bb-service-ref-offers { padding:56px 0 70px; }
  .bb-service-ref-intro { width:100%; position:static; margin-bottom:55px; text-align:center; }
  .bb-service-ref-intro p { font-size:15px; }
  .bb-service-ref-intro h2 { font-size:24px; }
  .bb-service-ref-intro h3 { font-size:15px; }
  .bb-service-ref-offers .offer,.bb-service-ref-offers .offer-1,.bb-service-ref-offers .offer-2,.bb-service-ref-offers .offer-3 { width:100%; position:static; margin:0 auto 72px; }
  .bb-service-ref-offers .offer:last-child { margin-bottom:0; }
  .bb-service-ref-offers .offer img { width:244px; max-width:78%; }
  .bb-service-ref-offers .offer-2 img { height:auto; }
  .bb-service-ref-offers .offer-3 img { width:269px; height:auto; }
}

/* Complete industry-news article pages */
.single-post #main-content .container { width:1024px; max-width:80%; padding-top:65px; }
.single-post #main-content .container:before { display:none; }
.single-post #left-area { width:100%; float:none; padding:0 0 80px; }
.single-post #sidebar { display:none; }
.single-post .et_post_meta_wrapper { text-align:center; }
.single-post .entry-title { color:#17192c; font-size:43px; line-height:1.35; font-weight:700; }
.bb-news-article { max-width:850px; margin:36px auto 0; color:#4f5360; }
.bb-news-article > figure { width:720px; max-width:100%; margin:0 auto 46px; overflow:hidden; border-radius:3px; box-shadow:0 16px 38px rgba(24,28,48,.12); }
.bb-news-article > figure img { width:100%; height:auto; display:block; aspect-ratio:200/132; object-fit:cover; }
.bb-news-article > header { margin-bottom:48px; text-align:center; }
.bb-news-article > header > span { display:inline-block; margin-bottom:19px; padding:7px 15px; color:#fff; background:#3a6ed7; border-radius:20px; font-size:13px; font-weight:700; letter-spacing:.12em; }
.bb-news-article > header h2 { margin:0 0 20px; padding:0; color:#17192c; font-size:34px; line-height:1.45; font-weight:700; }
.bb-news-article .lead { margin:0 auto; color:#555b68; font-size:19px; line-height:1.95; }
.bb-news-article > section { margin:0 0 45px; }
.bb-news-article > section h2 { margin:0 0 20px; padding:3px 0 3px 18px; color:#17192c; border-left:5px solid #3a6ed7; font-size:27px; line-height:1.5; font-weight:700; }
.bb-news-article > section p { margin:0 0 18px; color:#555b68; font-size:17px; line-height:1.95; }
.bb-news-article > footer { margin-top:55px; padding:22px 26px; background:#f4f5f8; border-left:4px solid #aab43d; }
.bb-news-article > footer p { margin:0; color:#737782; font-size:14px; line-height:1.75; }

@media (max-width:600px) {
  .single-post #main-content .container { width:90%; max-width:90%; padding-top:42px; }
  .single-post .entry-title { font-size:32px; }
  .bb-news-article { margin-top:28px; }
  .bb-news-article > figure { margin-bottom:35px; }
  .bb-news-article > header { margin-bottom:38px; }
  .bb-news-article > header h2 { font-size:26px; }
  .bb-news-article .lead { font-size:17px; text-align:left; }
  .bb-news-article > section { margin-bottom:36px; }
  .bb-news-article > section h2 { font-size:23px; }
  .bb-news-article > section p { font-size:16px; }
}

/* Brand games page */
.bb-brand-games-wrap { width:1024px; max-width:80%; margin:auto; }
.bb-brand-games-hero-section,.bb-brand-game-section { padding:0 !important; overflow:hidden; background:#fff; }
.bb-brand-games-hero-section > .et_pb_row,.bb-brand-game-section > .et_pb_row { width:100%; max-width:none; padding:0; }
.bb-brand-games-hero-section { height:348px; background:#3977bf; }
.bb-brand-games-hero { height:348px; position:relative; }
.bb-brand-games-hero .copy { width:484px; padding-top:38px; position:relative; z-index:2; }
.bb-brand-games-hero h1 { margin:0 0 7px; color:#000; font-size:52px; line-height:1.3; font-weight:700; }
.bb-brand-games-hero p { margin:0 0 22px; color:#000; font-size:25px; line-height:1.45; font-weight:500; }
.bb-brand-games-hero a { display:inline-block; padding:10px 27px; color:#fff; border:3px solid #fff; border-radius:3px; background:#d83b28; font-size:23px; font-weight:700; }
.bb-brand-games-hero img { width:791px; height:411px; max-width:none; position:absolute; top:-42px; left:540px; object-fit:contain; }
.bb-brand-game-section { height:579px; }
.bb-brand-game-live { height:595px; margin-top:-15px; padding-top:60px !important; }
.bb-brand-game-partner { height:484px; }
.bb-brand-game-row { height:100%; display:grid; grid-template-columns:484px 484px; gap:56px; align-items:start; padding-top:22px; }
.bb-brand-game-live .bb-brand-game-row { padding-top:13px; }
.bb-brand-game-row .copy { padding-top:0; }
.bb-brand-game-row h2 { margin:0 0 20px; color:#333; font-size:38px; line-height:1.4; font-weight:700; white-space:nowrap; }
.bb-brand-game-row h2 small { font-size:38px; font-weight:700; letter-spacing:.12em; }
.bb-brand-game-row p { margin:0 0 27px; color:#666; font-size:15px; line-height:1.45; font-weight:700; }
.bb-brand-game-row a { display:inline-block; padding:10px 23px; background:#3977bf; color:#fff; font-size:22px; font-weight:700; }
.bb-brand-game-row .visual { height:484px; display:flex; align-items:flex-start; justify-content:center; }
.bb-brand-game-row img { display:block; width:484px; height:484px; object-fit:contain; object-position:center top; }
.bb-brand-game-live .bb-brand-game-row img { height:449px; }

@media (max-width:980px) {
  .bb-brand-games-hero img { left:48%; opacity:.7; }
  .bb-brand-game-row { grid-template-columns:46% 49%; gap:5%; }
  .bb-brand-game-row h2,.bb-brand-game-row h2 small { font-size:31px; }
  .bb-brand-game-row img { max-width:100%; }
}

@media (max-width:600px) {
  .bb-brand-games-wrap { width:90%; max-width:90%; }
  .bb-brand-games-hero-section { height:460px; }
  .bb-brand-games-hero { height:460px; }
  .bb-brand-games-hero .copy { width:100%; padding-top:42px; }
  .bb-brand-games-hero h1 { font-size:39px; }
  .bb-brand-games-hero p { font-size:19px; }
  .bb-brand-games-hero img { width:500px; height:auto; top:175px; left:5%; opacity:.78; }
  .bb-brand-game-section,.bb-brand-game-live,.bb-brand-game-partner { height:auto; min-height:0; margin-top:0; padding:50px 0 25px !important; }
  .bb-brand-game-row { height:auto; grid-template-columns:1fr; gap:22px; padding-top:0; }
  .bb-brand-game-row h2 { margin-bottom:14px; white-space:normal; }
  .bb-brand-game-row h2,.bb-brand-game-row h2 small { font-size:27px; letter-spacing:.03em; }
  .bb-brand-game-row p { font-size:15px; }
  .bb-brand-game-row a { font-size:18px; }
  .bb-brand-game-row .visual { height:auto; }
  .bb-brand-game-row img,.bb-brand-game-live .bb-brand-game-row img { width:100%; height:auto; max-height:410px; }
}

/* Game detail pages */
body.parent-pageid-23 #page-container { overflow-x:hidden; }
.bb-subgame-wrap { width:1024px; max-width:80%; margin:0 auto; }
.bb-subgame-hero-section,
.bb-subgame-grid-section,
.bb-subgame-cta-section,
.bb-subgame-partner-section,
.bb-sport-section { padding:0 !important; overflow:hidden; background:#fff; }
.bb-subgame-hero-section > .et_pb_row,
.bb-subgame-grid-section > .et_pb_row,
.bb-subgame-cta-section > .et_pb_row,
.bb-subgame-partner-section > .et_pb_row,
.bb-sport-section > .et_pb_row { width:100%; max-width:none; padding:0; }
.bb-subgame-hero-section { height:435px; }
.bb-subgame-hero { width:100%; height:435px; background-repeat:no-repeat; background-position:center; background-size:cover; }
.bb-subgame-grid-section { height:1787px; padding-top:71px !important; }
.bb-subgame-grid-live { height:1087px; }
.bb-subgame-grid-section h1 { margin:0 0 52px; padding:0; color:#333; font-size:42px; line-height:1.25; font-weight:700; text-align:center; }
.bb-subgame-grid { display:grid; grid-template-columns:repeat(3,304px); justify-content:space-between; column-gap:56px; row-gap:62px; }
.bb-subgame-grid article { min-width:0; text-align:center; }
.bb-subgame-grid article img { display:block; width:304px; height:197px; margin:0 auto; object-fit:contain; object-position:center; }
.bb-subgame-grid article h3 { margin:18px 0 0; padding:0; color:#333; font-size:20px; line-height:1.35; font-weight:600; }
.bb-subgame-cta-section { height:521px; position:relative; z-index:3; overflow:visible; background:#fff; }
.bb-subgame-cta { height:392px; top:-21px; position:relative; display:flex; align-items:center; justify-content:center; border:3px solid #222; text-align:center; }
.bb-subgame-cta > div { position:relative; z-index:2; }
.bb-subgame-cta h2 { margin:0 0 31px; padding:0; color:#333; font-size:42px; line-height:1.3; font-weight:700; }
.bb-subgame-cta a { display:inline-block; min-width:151px; padding:13px 24px; color:#fff; background:#3f7fbf; font-size:21px; line-height:1.25; font-weight:700; }
.bb-subgame-cta .decor { position:absolute; z-index:1; display:block; max-width:none; object-fit:contain; }
.bb-subgame-cta .decor.left { width:272px; height:272px; left:-97px; top:-1px; }
.bb-subgame-cta .decor.right { width:407px; height:407px; right:-175px; top:168px; }
.bb-subgame-partner-section { min-height:518px; margin-top:-129px; padding-top:64px !important; position:relative; z-index:2; }
.bb-subgame-partners h2 { margin:0 0 42px; padding:0; color:#333; font-size:42px; line-height:1.3; font-weight:700; text-align:center; }
.bb-subgame-partners > div { display:grid; grid-template-columns:repeat(6,124px); justify-content:space-between; gap:27px 56px; }
.bb-subgame-partners img { display:block; width:124px; height:124px; object-fit:contain; }
.bb-subgame-partner-large { min-height:963px; }
.bb-subgame-partner-lottery { min-height:910px; padding-top:57px !important; }
.bb-subgame-partner-lottery .bb-subgame-partners > div { display:flex; justify-content:center; }
.bb-subgame-partner-lottery .bb-subgame-partners img { width:668px; height:668px; max-width:78vw; }

.bb-sport-primary { height:672px; background:#fff; }
.bb-sport-secondary { height:472px; background:#fff; }
.bb-sport-feature { height:100%; position:relative; }
.bb-sport-feature .visual { position:absolute; z-index:1; width:581px; height:748px; right:-123px; top:0; }
.bb-sport-feature .runner { position:absolute; width:581px; height:748px; max-width:none; inset:0; object-fit:cover; }
.bb-sport-feature .cup { position:absolute; width:309px; height:416px; max-width:none; left:57px; top:39px; object-fit:contain; }
.bb-sport-feature .copy { width:592px; position:relative; z-index:2; padding-top:38px; }
.bb-sport-feature h1,.bb-sport-feature h2 { margin:0 0 26px; padding:0; color:#333; font-size:72px; line-height:1.04; font-style:italic; font-weight:800; }
.bb-sport-feature h3 { margin:0 0 26px; padding:0; color:#333; font-size:23px; line-height:1.3; font-weight:700; }
.bb-sport-feature ul { margin:0; padding-left:17px; color:#666; font-size:15px; line-height:1.75; }
.bb-sport-blue { width:592px; min-height:292px; margin-top:40px; padding:53px 60px 40px; color:#fff; background:#3978bf; }
.bb-sport-blue h3,.bb-sport-yellow h3 { color:#fff; font-size:29px; font-style:italic; }
.bb-sport-blue ul,.bb-sport-yellow ul { color:#fff; }
.bb-sport-new .copy { width:430px; padding-top:54px; }
.bb-sport-new .copy h2 { margin-bottom:35px; font-size:60px; }
.bb-sport-yellow { width:484px; min-height:395px; position:absolute; top:46px; right:0; padding:49px 61px 40px; background:#ffce42; }

@media (max-width:980px) {
  .bb-subgame-grid { grid-template-columns:repeat(3,minmax(0,1fr)); gap:48px 5%; }
  .bb-subgame-grid article img { width:100%; height:auto; aspect-ratio:304/197; }
  .bb-subgame-cta .decor.left { left:-10%; }
  .bb-subgame-cta .decor.right { right:-16%; }
  .bb-subgame-partners > div { grid-template-columns:repeat(4,124px); justify-content:center; }
  .bb-sport-feature .visual { right:-250px; }
  .bb-sport-feature .copy { width:60%; }
  .bb-sport-blue { width:100%; padding-left:35px; padding-right:35px; }
  .bb-sport-yellow { width:52%; }
}

@media (max-width:600px) {
  .bb-subgame-wrap { width:90%; max-width:90%; }
  .bb-subgame-hero-section,.bb-subgame-hero { height:235px; }
  .bb-subgame-hero { background-size:cover; background-position:center; }
  .bb-subgame-grid-section,.bb-subgame-grid-live { height:auto; padding:44px 0 60px !important; }
  .bb-subgame-grid-section h1 { margin-bottom:34px; font-size:32px; }
  .bb-subgame-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:34px 18px; }
  .bb-subgame-page-livecasino .bb-subgame-grid,
  .bb-subgame-page-slot .bb-subgame-grid,
  .bb-subgame-page-lottery .bb-subgame-grid,
  .bb-subgame-page-cardgame .bb-subgame-grid { grid-template-columns:minmax(0,1fr); gap:34px; }
  .bb-subgame-grid article img { width:100%; height:auto; aspect-ratio:304/197; object-fit:contain; }
  .bb-subgame-grid article h3 { margin-top:12px; font-size:16px; }
  .bb-subgame-cta-section { height:360px; overflow:hidden; }
  .bb-subgame-cta { width:90%; max-width:90%; height:300px; top:30px; }
  .bb-subgame-cta h2 { margin-bottom:24px; font-size:30px; }
  .bb-subgame-cta a { min-width:130px; padding:11px 20px; font-size:18px; }
  .bb-subgame-cta .decor.left { width:165px; height:165px; left:-78px; top:-2px; }
  .bb-subgame-cta .decor.right { width:220px; height:220px; right:-105px; top:140px; }
  .bb-subgame-partner-section,.bb-subgame-partner-large,.bb-subgame-partner-lottery { min-height:0; height:auto; margin-top:0; padding:45px 0 58px !important; }
  .bb-subgame-partners h2 { margin-bottom:30px; font-size:31px; }
  .bb-subgame-partners > div { grid-template-columns:repeat(3,minmax(0,1fr)); gap:20px 16px; }
  .bb-subgame-partners img { width:100%; height:auto; aspect-ratio:1; }
  .bb-subgame-partner-lottery .bb-subgame-partners img { width:100%; height:auto; max-width:100%; }
  .bb-sport-primary,.bb-sport-secondary { height:auto; }
  .bb-sport-feature,.bb-sport-new { height:auto; padding:42px 0; }
  .bb-sport-feature .visual { width:340px; height:438px; position:relative; right:auto; top:auto; margin:0 auto -55px; }
  .bb-sport-feature .runner { width:340px; height:438px; }
  .bb-sport-feature .cup { width:181px; height:244px; left:34px; top:23px; }
  .bb-sport-feature .copy,.bb-sport-new .copy { width:100%; padding:28px 0 0; }
  .bb-sport-feature h1,.bb-sport-feature h2 { font-size:44px; }
  .bb-sport-blue,.bb-sport-yellow { width:100%; min-height:0; position:static; margin-top:30px; padding:35px 28px; }
  .bb-sport-blue h3,.bb-sport-yellow h3 { font-size:25px; }
}

/* Reference partner, service and news pages */
.bb-ref-wrap { width:1024px; max-width:80%; margin:0 auto; }
.bb-ref-partner-hero-section,.bb-ref-partner-content-section,
.bb-ref-service-hero-section,.bb-ref-faq-section,.bb-ref-contact-section,
.bb-ref-report-section,.bb-ref-about-intro-section,.bb-ref-about-stories-section,
.bb-ref-about-records-section,.bb-ref-agent-advantages-section,.bb-ref-agent-plans-section,
.bb-ref-agent-contact-section,.bb-ref-news-section { padding:0 !important; background:#fff; overflow:hidden; }
.bb-ref-partner-hero-section > .et_pb_row,.bb-ref-partner-content-section > .et_pb_row,
.bb-ref-service-hero-section > .et_pb_row,.bb-ref-faq-section > .et_pb_row,.bb-ref-contact-section > .et_pb_row,
.bb-ref-report-section > .et_pb_row,.bb-ref-about-intro-section > .et_pb_row,.bb-ref-about-stories-section > .et_pb_row,
.bb-ref-about-records-section > .et_pb_row,.bb-ref-agent-advantages-section > .et_pb_row,.bb-ref-agent-plans-section > .et_pb_row,
.bb-ref-agent-contact-section > .et_pb_row,.bb-ref-news-section > .et_pb_row { width:100%; max-width:none; padding:0; }

.bb-ref-partner-hero-section { height:504px; }
.bb-ref-partner-hero { height:504px; position:relative; color:#fff; background-position:center; background-size:cover; overflow:hidden; }
.bb-ref-partner-hero { background-image:linear-gradient(90deg,#000dff 25%,rgba(0,13,255,.7) 75%),url('/wp-content/uploads/2026/08/ref-partner-001.jpg'); }
.bb-ref-partner-hero .bb-ref-wrap { position:relative; z-index:2; padding-top:88px; }
.bb-ref-partner-hero p { margin:0 0 19px; font-size:18px; letter-spacing:.25em; font-weight:600; }
.bb-ref-partner-hero h1 { margin:0 0 23px; padding:0; color:#fff; font-size:48px; line-height:1.2; font-weight:700; }
.bb-ref-partner-hero a { display:inline-block; padding:10px 20px; background:#fff; color:#3978bf; border-radius:2px; box-shadow:8px 8px 0 rgba(0,0,0,.18); font-size:18px; font-weight:700; }
.bb-ref-partner-hero > strong { position:absolute; z-index:1; left:0; bottom:-75px; color:#fff; font-size:220px; line-height:1; letter-spacing:-.05em; font-weight:800; }
.bb-ref-partner-content-section { min-height:2109px; padding-top:50px !important; }
.bb-ref-partner-group { margin:0 0 55px; }
.bb-ref-partner-group h2 { margin:0 0 26px; padding:0; color:#333; font-size:38px; line-height:1.65; font-weight:700; }
.bb-ref-partner-group.grid > div { display:grid; grid-template-columns:repeat(6,124px); justify-content:space-between; gap:26px 56px; }
.bb-ref-partner-group.grid img { display:block; width:124px; height:77px; object-fit:contain; }
.bb-ref-partner-group.feature { margin-bottom:37px; }
.bb-ref-partner-group.feature > div { display:flex; justify-content:center; }
.bb-ref-partner-group.feature img { display:block; width:668px; height:417px; object-fit:contain; }

.bb-ref-service-hero-section { height:486px; }
.bb-ref-service-hero { height:486px; position:relative; background-position:center; background-size:cover; overflow:hidden; }
.bb-ref-service-hero.bb-ref-faq-hero { background-image:linear-gradient(#000,rgba(0,0,0,0)),url('/wp-content/uploads/2026/08/ref-faq-002.webp'); }
.bb-ref-service-hero.bb-ref-report-hero { background-image:linear-gradient(#000,rgba(0,0,0,0)),url('/wp-content/uploads/2026/08/ref-report-003.webp'); }
.bb-ref-service-hero.bb-ref-agent-hero { background-image:linear-gradient(#000,rgba(0,0,0,0)),url('/wp-content/uploads/2026/08/ref-agent-001.png'); }
.bb-ref-service-hero.bb-ref-news-hero { background-image:linear-gradient(#000,rgba(0,0,0,0)),url('/wp-content/uploads/2026/08/ref-news-001.png'); }
.bb-ref-service-hero .bb-ref-wrap { position:relative; z-index:2; padding-top:37px; text-align:center; }
.bb-ref-service-hero h1 { margin:0; padding:0; color:#fecf10; font-size:120px; line-height:1.18; font-weight:700; }
.bb-ref-service-hero p { margin:4px 0 0; color:#fff; font-size:18px; font-weight:500; }
.bb-ref-service-hero > img { width:100%; height:327px; max-width:none; position:absolute; z-index:1; left:0; bottom:0; object-fit:cover; }

.bb-ref-faq-section { min-height:307px; padding:32px 0 36px !important; }
.bb-ref-faq-group h2 { margin:0 0 23px; padding:0; color:#000; font-size:36px; line-height:1.65; text-align:center; font-weight:700; }
.bb-ref-faq-grid { display:grid; grid-template-columns:1fr 1fr; gap:15px 56px; }
.bb-ref-faq-grid details { min-height:61px; border:1px solid #222; background:#fff; }
.bb-ref-faq-grid summary { min-height:59px; position:relative; padding:18px 52px 16px 20px; color:#111; font-size:16px; line-height:1.5; font-weight:700; cursor:pointer; list-style:none; }
.bb-ref-faq-grid summary::-webkit-details-marker { display:none; }
.bb-ref-faq-grid summary:after { content:'+'; width:19px; height:19px; position:absolute; right:20px; top:19px; display:grid; place-items:center; color:#fff; background:#111; border-radius:50%; font-size:15px; line-height:1; }
.bb-ref-faq-grid details[open] summary:after { content:'−'; }
.bb-ref-faq-grid details p { margin:0; padding:0 20px 18px; color:#666; font-size:14px; line-height:1.7; }
.bb-ref-contact-section { min-height:270px; }
.bb-ref-contact-callout { padding-top:45px; text-align:center; }
.bb-ref-contact-callout h3 { margin:0 0 17px; font-size:18px; font-weight:700; }
.bb-ref-contact-callout p { margin:0 0 22px; color:#666; }
.bb-ref-contact-callout a { display:inline-block; padding:11px 22px; color:#fff; background:#3978bf; font-weight:700; }

.bb-ref-report-section { min-height:480px; }
.bb-ref-report-issue-1 { min-height:549px; }
.bb-ref-report-row { min-height:inherit; display:grid; grid-template-columns:484px 484px; gap:56px; align-items:center; }
.bb-ref-report-row .copy small { display:block; margin-bottom:4px; color:#0400f0; font-size:16px; font-weight:700; }
.bb-ref-report-row .copy h2 { margin:0 0 15px; padding:0; color:#000; font-size:54px; line-height:1.2; font-weight:700; }
.bb-ref-report-row .copy p { color:#111; font-size:15px; font-weight:600; }
.bb-ref-report-card { min-height:435px; padding:38px 41px 32px; border:4px solid #111; }
.bb-ref-report-card h3 { margin:0 0 25px; color:#000; font-size:22px; font-weight:700; }
.bb-ref-report-card ol { margin:0 0 22px; padding-left:20px; color:#666; font-size:15px; line-height:2.55; }
.bb-ref-report-card p { margin:0; color:#666; font-size:14px; }
.bb-ref-report-card a { display:inline-block; margin-top:18px; padding:8px 20px; color:#fff; background:#3978bf; font-weight:700; }
.bb-ref-report-final-section { min-height:652px; }
.bb-ref-report-final { position:relative; align-items:start; padding-top:212px; }
.bb-ref-report-final > img { width:484px; height:519px; position:absolute; right:0; top:112px; object-fit:contain; }
.bb-ref-report-final .contacts { margin-top:36px; }
.bb-ref-report-final .contacts p { margin:0 0 14px; font-size:18px; }

.bb-ref-about-intro-section { height:552px; }
.bb-ref-about-intro { height:552px; padding-top:38px; text-align:center; }
.bb-ref-about-intro img { display:block; margin-left:auto; margin-right:auto; object-fit:contain; }
.bb-ref-about-intro .best { width:805px; height:155px; }
.bb-ref-about-intro .since { width:190px; height:75px; margin-top:28px; }
.bb-ref-about-intro .line { margin:16px 0 13px; color:#c94545; font-size:13px; }
.bb-ref-about-intro h2 { margin:0 0 18px; color:#333; font-size:26px; font-weight:700; }
.bb-ref-about-intro > p:last-child { margin:0; color:#666; font-size:15px; line-height:1.75; }
.bb-ref-about-stories-section { height:953px; }
.bb-ref-about-stories { height:953px; display:grid; grid-template-columns:1fr 2fr; }
.bb-ref-about-stories article { position:relative; color:#fff; background-position:center; background-size:cover; }
.bb-ref-about-stories article:first-child { background-image:url('/wp-content/uploads/2026/08/ref-about-001.jpg'); }
.bb-ref-about-stories article:last-child { background-image:url('/wp-content/uploads/2026/08/ref-about-002.png'); }
.bb-ref-about-stories article:first-child > div { width:300px; position:absolute; left:64px; bottom:70px; }
.bb-ref-about-stories article:last-child > div { width:300px; position:absolute; left:64px; top:190px; }
.bb-ref-about-stories h2 { margin:0 0 12px; padding:0; color:#fff; font-size:36px; line-height:1.05; font-weight:800; }
.bb-ref-about-stories h3 { margin:0 0 12px; color:#fff; font-size:20px; font-weight:700; }
.bb-ref-about-stories p { color:#fff; font-size:14px; line-height:1.8; }
.bb-ref-about-records-section { min-height:1532px; padding-top:136px !important; }
.bb-ref-stats { display:grid; grid-template-columns:repeat(4,1fr); gap:56px; }
.bb-ref-stats article { min-height:161px; display:flex; flex-direction:column; align-items:center; justify-content:center; background:#fff; border-left:6px solid #316cd6; box-shadow:0 10px 22px rgba(0,0,0,.06); }
.bb-ref-stats article:nth-child(2){border-color:#58d4c2}.bb-ref-stats article:nth-child(3){border-color:#41aacf}.bb-ref-stats article:nth-child(4){border-color:#f17a32}
.bb-ref-stats strong { color:#222; font-size:49px; line-height:1.1; }
.bb-ref-stats span { margin-top:13px; color:#666; font-size:18px; font-weight:600; }
.bb-ref-about-records > h3 { margin:53px 0 42px 40px; color:#333; font-size:20px; letter-spacing:.2em; }
.bb-ref-awards { width:550px; margin-left:237px; }
.bb-ref-awards article { min-height:126px; display:grid; grid-template-columns:90px 1fr; gap:15px; align-items:center; }
.bb-ref-awards img { width:90px; height:88px; object-fit:contain; }
.bb-ref-awards div { display:flex; flex-direction:column; gap:10px; }
.bb-ref-awards strong { color:#222; font-size:16px; letter-spacing:.08em; }
.bb-ref-awards span { color:#666; font-size:15px; }

.bb-ref-agent-advantages-section { height:341px; background:#f7f7f7; }
.bb-ref-agent-advantages { height:341px; display:grid; grid-template-columns:repeat(4,1fr); gap:56px; align-items:start; }
.bb-ref-agent-advantages article { height:300px; padding:43px 25px 20px; background:#fff; text-align:center; box-shadow:0 9px 24px rgba(0,0,0,.05); }
.bb-ref-agent-advantages img { width:64px; height:64px; object-fit:contain; }
.bb-ref-agent-advantages h3 { margin:27px 0 10px; color:#02063e; font-size:20px; line-height:1.45; font-weight:700; }
.bb-ref-agent-advantages p { color:#666; font-size:13px; line-height:1.6; }
.bb-ref-agent-plans-section { height:940px; padding-top:0 !important; }
.bb-ref-agent-plan { height:314px; display:grid; grid-template-columns:720px 304px; overflow:hidden; }
.bb-ref-agent-plan .copy { display:grid; grid-template-columns:300px 1fr; align-items:center; padding:40px 60px; color:#fff; background:#3978d3; }
.bb-ref-agent-plan.condition .copy { color:#111; background:#e8e8e8; }
.bb-ref-agent-plan.more .copy { color:#333; background:#fff; }
.bb-ref-agent-plan h3 { margin:0 0 10px; color:inherit; font-size:28px; line-height:1.4; font-weight:700; }
.bb-ref-agent-plan strong { color:inherit; font-size:58px; line-height:1; }
.bb-ref-agent-plan ul { margin:0; padding:0; list-style:none; font-size:16px; line-height:2.5; font-weight:600; }
.bb-ref-agent-plan li:before { content:'✓'; display:inline-grid; place-items:center; width:24px; height:24px; margin-right:18px; border:2px solid currentColor; border-radius:50%; font-size:14px; }
.bb-ref-agent-plan > img { width:304px; height:314px; object-fit:cover; }
.bb-ref-agent-contact-section { height:438px; background:#000 url('/wp-content/uploads/2026/08/ref-agent-002.png') center top/contain no-repeat; }
.bb-ref-agent-contact { height:438px; padding-top:217px; display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); column-gap:56px; align-items:start; box-sizing:border-box; color:#fff; text-align:center; }
.bb-ref-agent-contact-item { display:flex; flex-direction:column; align-items:center; }
.bb-ref-agent-contact-icon { display:inline-block; margin-bottom:30px; padding:25px; border-radius:100%; background:#0d62d4; color:#fff; font-family:"BBgames Font Awesome Brands" !important; font-size:32px; line-height:32px; font-style:normal; font-weight:400; }
.bb-ref-agent-contact b { display:block; padding:0 0 10px; color:#fecf10; font-size:22px; line-height:1.4; }
.bb-ref-agent-contact-time { display:block; color:#fff; font-size:16px; line-height:1.8; }

.bb-ref-news-section { padding:38px 0 56px !important; }
.bb-ref-news-group h2 { margin:0 0 49px; padding:0; color:#333; font-size:48px; line-height:1.8; text-align:center; font-weight:700; text-decoration:underline 5px #aab43d; text-underline-offset:8px; }
.bb-ref-news-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:56px; }
.bb-ref-news-card { min-height:291px; padding:20px 52px 28px; display:block; background:#fff; color:#111; text-align:center; box-shadow:0 12px 28px rgba(0,0,0,.06); }
.bb-ref-news-card img { width:200px; height:132px; object-fit:cover; }
.bb-ref-news-card h3 { margin:20px 0 12px; padding:0; color:#05062f; font-size:20px; line-height:1.45; font-weight:700; }
.bb-ref-news-card time { color:#777; font-size:12px; letter-spacing:.12em; }

@media (max-width:980px) {
  .bb-ref-partner-group.grid > div { grid-template-columns:repeat(4,124px); justify-content:center; }
  .bb-ref-report-row { grid-template-columns:47% 48%; gap:5%; }
  .bb-ref-agent-advantages { gap:18px; }
  .bb-ref-agent-plan { grid-template-columns:70% 30%; }
  .bb-ref-agent-plan .copy { grid-template-columns:42% 58%; padding:32px; }
  .bb-ref-news-grid { gap:24px; }
  .bb-ref-news-card { padding-left:24px; padding-right:24px; }
}

@media (max-width:600px) {
  .bb-ref-wrap { width:90%; max-width:90%; }
  .bb-ref-partner-hero-section,.bb-ref-partner-hero { height:420px; }
  .bb-ref-partner-hero .bb-ref-wrap { padding-top:62px; }
  .bb-ref-partner-hero h1 { font-size:39px; }
  .bb-ref-partner-hero > strong { bottom:-32px; font-size:112px; }
  .bb-ref-partner-content-section { min-height:0; height:auto; padding:42px 0 !important; }
  .bb-ref-partner-group h2 { font-size:29px; }
  .bb-ref-partner-group.grid > div { grid-template-columns:repeat(3,minmax(0,1fr)); gap:20px 15px; }
  .bb-ref-partner-group.grid img { width:100%; height:auto; aspect-ratio:124/77; }
  .bb-ref-partner-group.feature img { width:100%; height:auto; }
  .bb-ref-service-hero-section,.bb-ref-service-hero { height:330px; }
  .bb-ref-service-hero .bb-ref-wrap { padding-top:40px; }
  .bb-ref-service-hero h1 { font-size:60px; }
  .bb-ref-service-hero p { font-size:15px; }
  .bb-ref-service-hero > img { height:180px; }
  .bb-ref-faq-section { min-height:0; height:auto; padding:38px 0 !important; }
  .bb-ref-faq-group h2 { font-size:30px; }
  .bb-ref-faq-grid { grid-template-columns:1fr; gap:12px; }
  .bb-ref-contact-section { min-height:260px; }
  .bb-ref-report-section,.bb-ref-report-final-section { min-height:0; height:auto; padding:42px 0 !important; }
  .bb-ref-report-row { min-height:0; grid-template-columns:1fr; gap:30px; }
  .bb-ref-report-row .copy h2 { font-size:39px; }
  .bb-ref-report-card { min-height:0; padding:28px 25px; }
  .bb-ref-report-final { padding-top:0; }
  .bb-ref-report-final > img { width:100%; height:auto; position:static; }
  .bb-ref-about-intro-section,.bb-ref-about-intro { height:auto; min-height:560px; }
  .bb-ref-about-intro { padding:45px 0; }
  .bb-ref-about-intro .best { width:100%; height:auto; }
  .bb-ref-about-intro > p:last-child { text-align:left; }
  .bb-ref-about-stories-section,.bb-ref-about-stories { height:auto; }
  .bb-ref-about-stories { grid-template-columns:1fr; }
  .bb-ref-about-stories article { min-height:610px; }
  .bb-ref-about-stories article:first-child > div,.bb-ref-about-stories article:last-child > div { width:auto; position:absolute; left:8%; right:8%; top:auto; bottom:38px; }
  .bb-ref-about-records-section { min-height:0; height:auto; padding:55px 0 !important; }
  .bb-ref-stats { grid-template-columns:1fr 1fr; gap:20px; }
  .bb-ref-stats article { min-height:145px; }
  .bb-ref-stats strong { font-size:37px; }
  .bb-ref-stats span { font-size:14px; }
  .bb-ref-about-records > h3 { margin-left:0; }
  .bb-ref-awards { width:100%; margin-left:0; }
  .bb-ref-agent-advantages-section,.bb-ref-agent-advantages { height:auto; }
  .bb-ref-agent-advantages { grid-template-columns:1fr 1fr; gap:18px; padding:30px 0; }
  .bb-ref-agent-advantages article { height:auto; min-height:280px; padding-left:15px; padding-right:15px; }
  .bb-ref-agent-plans-section { height:auto; }
  .bb-ref-agent-plan { height:auto; grid-template-columns:1fr; margin-bottom:20px; }
  .bb-ref-agent-plan .copy { grid-template-columns:1fr; gap:24px; padding:35px 28px; }
  .bb-ref-agent-plan > img { width:100%; height:230px; }
  .bb-ref-agent-contact-section,.bb-ref-agent-contact { height:542px; }
  .bb-ref-agent-contact { width:80%; max-width:80%; padding-top:92px; grid-template-columns:1fr; grid-template-rows:170px 170px; row-gap:30px; }
  .bb-ref-agent-contact-icon { font-size:24px; line-height:24px; }
  .bb-ref-agent-contact-time { font-size:14px; line-height:1.8; }
  .bb-ref-news-section { padding:40px 0 !important; }
  .bb-ref-news-group h2 { margin-bottom:32px; font-size:36px; }
  .bb-ref-news-grid { grid-template-columns:1fr; gap:22px; }
  .bb-ref-news-card { min-height:0; padding:24px; }
  .bb-ref-news-card img { width:100%; height:auto; aspect-ratio:200/132; }
}