/* Betbricks public landing page. Scoped to avoid changing sibling brand layouts. */
.bb7.bb7-redesign {
  --bb7-primary-color: #579aff;
  --bb7-text-primary-color: #fff;
  background: #172b39;
  color: #e1e8ed;
  min-height: 100vh;
  font-family: "Noto Sans", Arial, sans-serif;
}
.bb7.bb7-redesign .bb7-layout {
  display: grid;
  grid-template-columns: 255px minmax(0, 1fr) 285px;
  align-items: start;
  gap: 20px;
  max-width: 1680px;
  margin: 0 auto;
  padding: 22px 0 60px;
}
.bb7.bb7-redesign .bb7-main { min-width: 0; padding: 0; }
.bb7.bb7-redesign .bb7-main > .container { width: 100%; max-width: none; padding-left: 0; padding-right: 0; }
.bb7.bb7-redesign .bb7-main > .container:first-child:has(:only-child) { padding-top: 0 !important; }
.bb7.bb7-redesign .bb7-main > .container:first-child:empty { display: none; }
.bb7.bb7-redesign .pt-30 { padding-top: 24px !important; }
.bb7.bb7-redesign .bb7-main > section:nth-child(2) { padding-top: 0 !important; }
.bb7.bb7-redesign header { height: auto; min-height: 72px; background: #172b39; border-bottom: 1px solid #ffffff08; }
.bb7.bb7-redesign header > .container { max-width: 1300px; width: 100%; }
.bb7.bb7-redesign header .navbar { padding: 12px 0; width: 100%; }
.bb7.bb7-redesign header .header-logo img { max-width: 165px; max-height: 38px; }
.bb7.bb7-redesign header .navbar-collapse { padding-left: 26px; }
.bb7.bb7-redesign header .navbar-expand-lg .navbar-nav .nav-item:not(:last-child) .nav-link { margin-right: 12px; }
.bb7.bb7-redesign header .nav-link { font-size: 13px; white-space: nowrap; }
.bb7.bb7-redesign header .header-buttons { gap: 8px; margin-left: auto; }
.bb7.bb7-redesign header .header-buttons .btn { border-radius: 7px; padding: 9px 18px; margin: 0; font-size: 13px; }
.bb7.bb7-redesign header .header-buttons .btn_1 { background: #579aff; color: #fff; border-color: #579aff; box-shadow: none; }
.bb7.bb7-redesign header .header-buttons .btn_2 { background: transparent; border-color: #579aff; color: #579aff; }
.bb7.bb7-redesign header .header-buttons .btn-demo { background: #ffcb04; color: #172b39; border-color: #ffcb04; }
.bb7.bb7-redesign .bb7-sidebar { position: sticky; top: 94px; min-width: 0; max-height: calc(100vh - 110px); overflow-y: auto; scrollbar-width: thin; scrollbar-color: #365162 transparent; }
.bb7.bb7-redesign .bb7-side-card { background: #10232f; border-radius: 6px; overflow: hidden; margin-bottom: 20px; }
.bb7.bb7-redesign .bb7-side-title { font-size: 12px; line-height: 1.5; letter-spacing: .7px; text-transform: uppercase; font-weight: 700; padding: 11px 13px; margin: 0; background: #1b303e; border-left: 3px solid #579aff; color: #d9e4ea; }
.bb7.bb7-redesign .bb7-sidebar-right .bb7-side-title { border-left: 0; }
/* Match Wolf's compact fixture viewport and override shared Hooper height:auto. */
.bb7.bb7-redesign .bb7-sidebar-left .bb7-side-card .hooper { height: 46px !important; }
.bb7.bb7-redesign .bb7-sidebar-left .hooper.is-vertical .hooper-track { height: 100%; }
.bb7.bb7-redesign .bb7-fixture { display: flex; align-items: center; gap: 10px; background: none; border: 0; color: inherit; width: 100%; height: 46px; padding: 5px 14px; text-align: left; }
.bb7.bb7-redesign .bb7-fixture > span { min-width: 0; }
.bb7.bb7-redesign .bb7-fixture strong { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 12px; }
.bb7.bb7-redesign .bb7-fixture small { display: block; color: #90a3b0; font-size: 10px; margin-top: 5px; }
.bb7.bb7-redesign .bb7-sport-link { display: flex; align-items: center; gap: 12px; width: 100%; padding: 12px 15px; color: #b9c9d3; background: none; border: 0; border-bottom: 1px solid #ffffff06; font-size: 12px; text-align: left; }
.bb7.bb7-redesign .bb7-sport-link.active, .bb7.bb7-redesign .bb7-sport-link:hover { color: #fff; background: #213b4c; box-shadow: inset 3px 0 #579aff; }
.bb7.bb7-redesign .bb7-sport-link .d-icon { color: #9db4cb; font-size: 16px; }
.bb7.bb7-redesign .bb7-winner { display: flex; justify-content: space-between; align-items: start; gap: 8px; padding: 12px 14px; border-bottom: 1px solid #ffffff08; }
.bb7.bb7-redesign .bb7-winner strong { font-size: 12px; }
.bb7.bb7-redesign .bb7-winner small { color: #90a3b0; font-size: 10px; }
.bb7.bb7-redesign .bb7-win-amount { display: block; color: #4bd380; font-size: 13px; font-weight: 700; margin-top: 3px; }
.bb7.bb7-redesign .bb7-trending { padding: 0; }
.bb7.bb7-redesign .bb7-trending button { border: 0; padding: 0; background: transparent; border-radius: 6px; overflow: hidden; }
.bb7.bb7-redesign .bb7-trending img { display: block; width: 100%; height: auto; }
.bb7.bb7-redesign .home .sport-list .sport-title, .bb7.bb7-redesign .home .proud-partners .sport-title, .bb7.bb7-redesign .home .payment .sport-title { justify-content: flex-start; text-align: left; color: #ffcb04; font-size: 18px; font-weight: 700; text-shadow: none; margin: 0; }
.bb7.bb7-redesign .home .sport-list .sport-title i { font-size: 20px; }
.bb7.bb7-redesign .home .sport-list .all-sports-list { padding-top: 18px !important; }
.bb7.bb7-redesign .home .sport-list .all-sports-list .sport-list-item { width: calc(100% - 10px); height: 110px; border: 0; border-radius: 8px; background: #10232f; color: #e1e8ed; font-size: 12px; padding: 14px 5px; box-shadow: none; }
.bb7.bb7-redesign .home .sport-list .all-sports-list .sport-list-item i { font-size: 28px; }
.bb7.bb7-redesign .home .proud-partners .pp-banner { padding-top: 16px !important; }
.bb7.bb7-redesign .pp-banner img { border-radius: 10px; }
.bb7.bb7-redesign .bb7-game-section + .bb7-game-section { margin-top: 28px; }
.bb7.bb7-redesign .bb7-row-heading { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-bottom: 16px; }
.bb7.bb7-redesign .bb7-row-heading h2 { font-size: 14px; line-height: 1.4; font-weight: 700; margin: 0; color: #e1e8ed; }
.bb7.bb7-redesign .bb7-row-controls { display: flex; gap: 8px; }
.bb7.bb7-redesign .bb7-row-controls button { border: 1px solid #304755; border-radius: 50%; width: 24px; height: 24px; background: transparent; color: #9aafbd; font-size: 10px; padding: 0; }
.bb7.bb7-redesign .bb7-game-card { display: block; width: 100%; min-width: 0; border: 0; border-radius: 7px; overflow: hidden; padding: 0; background: #10232f; color: #e1e8ed; }
.bb7.bb7-redesign .bb7-game-card img { width: 100%; aspect-ratio: 1.85; object-fit: contain; display: block; }
.bb7.bb7-redesign .bb7-game-card span { display: block; padding: 8px 5px; font-size: 11px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.bb7.bb7-redesign button { cursor: pointer; }
.bb7.bb7-redesign button:focus-visible, .bb7.bb7-redesign a:focus-visible { outline: 2px solid #ffcb04; outline-offset: -2px; }
.bb7.bb7-redesign .home .sport-odds-list-tabs .nav-pills .nav-link { padding: 10px 12px; border-radius: 6px; background: #10232f; font-size: 12px; }
.bb7.bb7-redesign .home .sport-odds-list-tabs .nav-pills .nav-link.active { background: #579aff; color: #fff; }
.bb7.bb7-redesign .home .sport-odds .bet-table { background: #10232f; border-radius: 5px; padding: 0; }
.bb7.bb7-redesign .home .sport-odds .bet-table-header { background: #1b303e; border-radius: 0; }
.bb7.bb7-redesign .home .sport-odds .bet-table-row { padding: 8px 10px; }
.bb7.bb7-redesign .home .sport-odds .bl-box { border-radius: 3px; }
.bb7.bb7-redesign .home .sport-odds .back { background: #a7d5ff; color: #10232f; box-shadow: none; }
.bb7.bb7-redesign .home .sport-odds .lay { background: #b1efd2; color: #10232f; box-shadow: none; }
.bb7.bb7-redesign .bb7-content-title { color: #ffcb04; font-size: 18px; line-height: 1.5; background: none; padding-left: 0; }
.bb7.bb7-redesign .bb7-home-content { color: #a8bac6; font-size: 14px; line-height: 1.8; background: none; padding: 16px 0 0 !important; }
.bb7.bb7-redesign .bb7-home-content h3, .bb7.bb7-redesign .bb7-home-content h4 { color: #e1e8ed; font-size: 17px; font-weight: 700; }
.bb7.bb7-redesign footer { background: #091923; padding: 32px 15px; color: #93a6b4; }
.bb7.bb7-redesign footer > .container { max-width: 1080px; }
@media (max-width: 1750px) {
  .bb7.bb7-redesign .bb7-layout { margin: 0 28px; grid-template-columns: 220px minmax(0, 1fr) 250px; gap: 18px; }
}
@media (max-width: 1399px) {
  .bb7.bb7-redesign .bb7-layout { margin: 0 20px; grid-template-columns: 185px minmax(0, 1fr) 210px; gap: 16px; }
  .bb7.bb7-redesign header .navbar-collapse { padding-left: 16px; }
  .bb7.bb7-redesign header .navbar-expand-lg .navbar-nav .nav-item:not(:last-child) .nav-link { margin-right: 5px; }
  .bb7.bb7-redesign header .header-buttons .btn { padding: 8px 12px; }
}
@media (max-width: 1199px) {
  .bb7.bb7-redesign .bb7-layout { grid-template-columns: 180px minmax(0, 1fr); }
  .bb7.bb7-redesign .bb7-sidebar-right { grid-column: 2; position: static; max-height: none; display: grid; grid-template-columns: 1fr 1fr; gap: 16px; }
  .bb7.bb7-redesign header .header-logo img { max-width: 130px; }
  .bb7.bb7-redesign header .nav-link { font-size: 11px; }
}
@media (max-width: 991px) {
  .bb7.bb7-redesign header .navbar { flex-wrap: wrap; gap: 10px; }
  .bb7.bb7-redesign header .navbar-collapse { display: flex !important; flex-basis: 100%; flex-wrap: wrap; padding-left: 0; }
  .bb7.bb7-redesign header .navbar-nav { flex-direction: row; order: 2; width: 100%; overflow-x: auto; gap: 15px; margin-top: 10px; }
  .bb7.bb7-redesign header .navbar-nav .nav-link { font-size: 12px; }
  .bb7.bb7-redesign header .header-buttons { position: absolute; right: 0; top: 10px; }
  .bb7.bb7-redesign .bb7-layout { grid-template-columns: minmax(0, 1fr); margin: 0 16px; padding-top: 16px; }
  .bb7.bb7-redesign .bb7-sidebar-left { position: static; max-height: none; }
  .bb7.bb7-redesign .bb7-sidebar-left .bb7-side-card { margin-bottom: 10px; }
  .bb7.bb7-redesign .bb7-sidebar-left .bb7-side-card:first-child:has(.hooper), .bb7.bb7-redesign .bb7-sidebar-left .bb7-side-card:has(> .bb7-sport-link) { display: none; }
  .bb7.bb7-redesign .bb7-sport-menu { display: flex; overflow-x: auto; }
  .bb7.bb7-redesign .bb7-sport-menu .bb7-sport-link { width: auto; flex: 0 0 auto; }
  .bb7.bb7-redesign .bb7-sidebar-right { grid-column: 1; }
}
@media (max-width: 575px) {
  .bb7.bb7-redesign .bb7-layout { margin: 0 10px; gap: 10px; padding-bottom: 30px; }
  .bb7.bb7-redesign header > .container { padding: 0 10px; }
  .bb7.bb7-redesign header .header-logo img { max-width: 105px; }
  .bb7.bb7-redesign header .header-buttons { gap: 5px; }
  .bb7.bb7-redesign header .header-buttons .btn { padding: 7px 9px; font-size: 11px; }
  .bb7.bb7-redesign .pt-30 { padding-top: 20px !important; }
  .bb7.bb7-redesign .bb7-sidebar-right { grid-template-columns: minmax(0, 1fr); }
  .bb7.bb7-redesign .home .sport-list .sport-title, .bb7.bb7-redesign .home .proud-partners .sport-title, .bb7.bb7-redesign .home .payment .sport-title { font-size: 16px; }
  .bb7.bb7-redesign .home .sport-list .all-sports-list .sport-list-item { height: 88px; font-size: 10px; }
  .bb7.bb7-redesign .bb7-home-content { font-size: 12px; }
  .bb7.bb7-redesign .bb7-content-title { font-size: 16px; }
}

.bb7.bb7-redesign header .header-right .header-buttons { margin-left: 16px; }
.bb7.bb7-redesign header .header-right .header-buttons .btn { padding: 9px 16px; margin-right: 0; border-radius: 7px; box-shadow: none; }
.bb7.bb7-redesign header .header-right .header-buttons .btn_1 { background: #579aff; border-color: #579aff; }
.bb7.bb7-redesign header .header-right .header-buttons .btn_2 { background: transparent; border: 1px solid #579aff; color: #579aff; }
.bb7.bb7-redesign header .navbar-expand-lg .navbar-nav .nav-link svg { height: 26px; }
.bb7.bb7-redesign .bb7-home-content { border: 0; }
.bb7.bb7-redesign .bb7-content-title { text-decoration: none; }
.bb7.bb7-redesign footer .footer-top-left { justify-content: center; align-items: center; gap: 15px; }
@media (max-width: 991px) {
  .bb7.bb7-redesign header .header-logo { order: 0; }
  .bb7.bb7-redesign header .navbar-collapse { order: 2; min-width: 0; }
  .bb7.bb7-redesign header .header-right { order: 1; width: auto; }
  .bb7.bb7-redesign header .header-right .header-buttons { margin-left: 0; }
  .bb7.bb7-redesign header .navbar-nav { margin-top: 0; }
}
@media (max-width: 575px) {
  .bb7.bb7-redesign header .header-right .header-buttons .btn { padding: 7px 8px; font-size: 11px; line-height: 18px; }
  .bb7.bb7-redesign header .dwld-apk { width: 18px; height: 24px; }
}

/* Hooper owns slide positioning and touch gestures in the game rows and sidebar. */
.bb7.bb7-redesign .bb7-game-slider { height: auto; }
.bb7.bb7-redesign .bb7-game-slider .hooper-slide { padding-right: 14px; }
.bb7.bb7-redesign .bb7-side-card .hooper.bb7-winners { height: calc(var(--bb7-sidebar-slides, 3) * 76px) !important; }
.bb7.bb7-redesign .bb7-winner { height: 100%; }
/* The shared .hooper rule uses height:auto !important. An aspect ratio and
   positioned viewport keep the vertical slider measurable at every sidebar width. */
.bb7.bb7-redesign .bb7-side-card .hooper.bb7-trending {
  height: auto !important;
  aspect-ratio: 1.6 / var(--bb7-sidebar-slides, 3);
}
.bb7.bb7-redesign .bb7-trending .hooper-list { position: absolute; inset: 0; }
.bb7.bb7-redesign .bb7-trending.is-vertical .hooper-track,
.bb7.bb7-redesign .bb7-winners.is-vertical .hooper-track { height: 100%; }
.bb7.bb7-redesign .bb7-trending .hooper-slide { padding: 0 0 20px; }
.bb7.bb7-redesign .bb7-trending button { display: block; width: 100%; height: 100%; border-radius: 0; }
.bb7.bb7-redesign .bb7-trending img { height: 100%; object-fit: contain; object-position: top center; }
@media (max-width: 575px) {
  .bb7.bb7-redesign .bb7-game-slider .hooper-slide { padding-right: 10px; }
}

/* Sports cards match the wider tiles in the reference, with whole-word labels. */
.bb7.bb7-redesign .home .sport-list .all-sports-list { overflow: visible; padding-top: 24px !important; }
.bb7.bb7-redesign .home .sport-list .all-sports-list .hooper { height: 120px !important; }
.bb7.bb7-redesign .home .sport-list .all-sports-list .hooper-slide { padding-right: 12px; }
.bb7.bb7-redesign .home .sport-list .all-sports-list .sport-list-item {
  display: flex; flex-direction: column; align-items: center; justify-content: center;
  gap: 12px; width: 100%; height: 118px; margin: 0; padding: 12px 8px;
  border: 1px solid #ffffff14; border-radius: 11px;
  font-size: 13px; font-weight: 700; line-height: 1.45;
}
.bb7.bb7-redesign .home .sport-list .all-sports-list .sport-list-item .text-center {
  margin-top: 0 !important; max-width: 100%; word-break: normal; overflow-wrap: normal; white-space: normal;
}
.bb7.bb7-redesign .home .sport-list .all-sports-list .sport-list-item i { font-size: 26px; line-height: 30px; }
.bb7.bb7-redesign .all-sports-list .hooper-prev,
.bb7.bb7-redesign .all-sports-list .hooper-next {
  width: 32px; height: 32px; padding: 3px; border-radius: 50%; border: 1px solid #ffffff26;
  background: #10232f; color: #e1e8ed; z-index: 2;
}
.bb7.bb7-redesign .all-sports-list .hooper-navigation svg { fill: currentColor; }
.bb7.bb7-redesign .all-sports-list .hooper-navigation .is-disabled { visibility: hidden; }
@media (max-width: 575px) {
  .bb7.bb7-redesign .home .sport-list .all-sports-list .sport-list-item { font-size: 12px; padding: 10px 6px; }
  .bb7.bb7-redesign .home .sport-list .all-sports-list .hooper-slide { padding-right: 10px; }
}

/* Keep odds tabs evenly spaced inside Hooper's calculated slide widths. */
.bb7.bb7-redesign .home .sport-odds-list-tabs {
  padding: 8px;
  border-radius: 10px;
}
.bb7.bb7-redesign .home .sport-odds-list-tabs .nav-pills {
  margin: 0;
  padding: 0;
}
.bb7.bb7-redesign .home .sport-odds-list-tabs .hooper-slide {
  padding: 0 4px;
  align-items: stretch;
}
.bb7.bb7-redesign .home .sport-odds-list-tabs .nav-pills .nav-item {
  width: 100%;
  min-width: 0;
  margin: 0 !important;
}
.bb7.bb7-redesign .home .sport-odds-list-tabs .nav-pills .nav-link {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 38px;
  height: 100%;
  padding: 8px 10px;
  line-height: 18px;
  white-space: normal;
  word-break: normal;
}
.bb7.bb7-redesign .home .sport-odds-list-tabs .nav-link .d-icon {
  flex-shrink: 0;
}
@media (max-width: 575px) {
  .bb7.bb7-redesign .home .sport-odds-list-tabs { padding: 6px 4px; }
  .bb7.bb7-redesign .home .sport-odds-list-tabs .hooper-slide { padding: 0 3px; }
  .bb7.bb7-redesign .home .sport-odds-list-tabs .nav-pills .nav-link { padding: 7px 6px; font-size: 11px; }
}

/* Reserve space for odds-tab navigation without covering the tab buttons. */
.bb7.bb7-redesign .home .sport-odds-list-tabs { padding-left: 38px; padding-right: 38px; }
.bb7.bb7-redesign .sport-odds-list-tabs .hooper-prev,
.bb7.bb7-redesign .sport-odds-list-tabs .hooper-next {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  padding: 2px;
  border: 1px solid #ffffff26;
  border-radius: 50%;
  background: #10232f;
  color: #e1e8ed;
  z-index: 2;
}
.bb7.bb7-redesign .sport-odds-list-tabs .hooper-prev { left: -32px; }
.bb7.bb7-redesign .sport-odds-list-tabs .hooper-next { right: -32px; }
.bb7.bb7-redesign .sport-odds-list-tabs .hooper-navigation svg { fill: currentColor; }
.bb7.bb7-redesign .sport-odds-list-tabs .hooper-navigation .is-disabled { opacity: .35; cursor: default; }

/* White header navigation text; the selected menu keeps its blue highlight. */
.bb7.bb7-redesign header .navbar-expand-lg .navbar-nav .nav-link,
.bb7.bb7-redesign header .navbar-expand-lg .navbar-nav .nav-link:hover,
.bb7.bb7-redesign header .navbar-expand-lg .navbar-nav .nav-link:focus {
  color: #fff;
  text-shadow: none;
}

.bb7.bb7-redesign header .navbar-expand-lg .navbar-nav .nav-link.active {
  color: var(--bb7-primary-color);
}

/* Collapse the Betbricks navigation into a hamburger below the desktop breakpoint. */
.bb7.bb7-redesign .bb7-menu-toggle,
.bb7.bb7-redesign .bb7-mobile-auth,
.bb7.bb7-redesign .bb7-menu-heading,
.bb7.bb7-redesign .bb7-menu-backdrop { display: none; }
@media (max-width: 991px) {
  .bb7.bb7-redesign header .navbar {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto 32px;
    gap: 8px;
    align-items: center;
  }
  .bb7.bb7-redesign .bb7-menu-toggle {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    grid-column: 3;
    grid-row: 1;
    width: 32px;
    height: 36px;
    padding: 0;
    border: 1px solid #ffffff26;
    border-radius: 6px;
    background: #10232f;
    color: #fff;
    font-size: 17px;
  }
  .bb7.bb7-redesign header .header-logo { grid-column: 1; grid-row: 1; min-width: 0; }
  .bb7.bb7-redesign header .header-logo img { max-width: 100%; width: 130px; height: auto; }
  .bb7.bb7-redesign header .header-right { grid-column: 2; grid-row: 1; }
  .bb7.bb7-redesign header .header-right .header-buttons { position: static; margin: 0; }
  .bb7.bb7-redesign header .navbar-collapse {
    display: none !important;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    width: min(300px, 88vw);
    padding: 20px;
    overflow-y: auto;
    overscroll-behavior: contain;
    background: #10232f;
    box-shadow: -8px 0 30px #0005;
    z-index: 2;
  }
  .bb7.bb7-redesign header .navbar-collapse.bb7-menu-open { display: block !important; }
  .bb7.bb7-redesign header .navbar-nav {
    display: flex;
    flex-direction: column;
    gap: 0;
    margin: 0;
    padding: 0;
    width: 100%;
    max-height: none;
    overflow: visible;
    border: 0;
    border-radius: 0;
    background: #10232f;
  }
  .bb7.bb7-redesign header .navbar-expand-lg .navbar-nav .nav-item .nav-link {
    display: flex;
    align-items: center;
    justify-content: space-between;
    min-height: 56px;
    padding: 14px 0;
    margin-right: 0;
    border-bottom: 1px solid #ffffff10;
    border-radius: 0;
    font-size: 16px;
    font-weight: 700;
  }
  .bb7.bb7-redesign header .navbar-nav .nav-link.active { background: #1b303e; }
  .bb7.bb7-redesign header .bb7-header-signup,
  .bb7.bb7-redesign header .bb7-header-apk { display: none; }
  .bb7.bb7-redesign .bb7-menu-backdrop { display: block; position: fixed; inset: 0; width: 100%; height: 100%; border: 0; background: #0008; z-index: 1; }
  .bb7.bb7-redesign .bb7-menu-heading { display: flex; align-items: center; justify-content: space-between; gap: 16px; padding-bottom: 18px; border-bottom: 1px solid #ffffff16; }
  .bb7.bb7-redesign .bb7-menu-heading img { width: 140px; max-width: 75%; height: auto; }
  .bb7.bb7-redesign .bb7-menu-heading button { background: none; border: 0; color: #fff; padding: 6px; font-size: 20px; }
  .bb7.bb7-redesign header .navbar-nav > .nav-item:not(.bb7-mobile-auth) .nav-link::after { content: '→'; color: #84939c; font-size: 14px; margin-left: auto; }
  .bb7.bb7-redesign header .navbar-nav .aviator svg { display: none; }
  .bb7.bb7-redesign header .navbar-nav .aviator span { margin-left: 0 !important; }
  .bb7.bb7-redesign header .bb7-mobile-auth { display: block; margin-top: 8px; }
  .bb7.bb7-redesign header .nav-item:not(.bb7-mobile-auth) + .bb7-mobile-auth { margin-top: 18px; }
  .bb7.bb7-redesign header .bb7-menu-action { display: block; width: 100%; min-height: 44px; padding: 10px 12px; border: 1px solid transparent; border-radius: 6px; font: inherit; text-align: center; }
  .bb7.bb7-redesign header .bb7-menu-login { background: #579aff; color: #fff; }
  .bb7.bb7-redesign header .bb7-menu-signup { background: transparent; border-color: #579aff; color: #579aff; }
  .bb7.bb7-redesign header .bb7-menu-demo { background: #ffcb04; color: #10232f; }
  .bb7.bb7-redesign header .bb7-menu-action:disabled { opacity: .5; }
  .bb7.bb7-redesign header .bb7-menu-download { border-top: 1px solid #ffffff16; padding-top: 10px; }
  .bb7.bb7-redesign header .bb7-menu-download-link { display: flex; justify-content: center; align-items: center; gap: 8px; min-height: 36px; color: #ffcb04; font-weight: 600; }
  .bb7.bb7-redesign header .bb7-menu-apk-icon { width: 18px; height: 22px; fill: currentColor; }
}
@media (max-width: 380px) {
  .bb7.bb7-redesign header > .container { padding: 0 6px; }
  .bb7.bb7-redesign header .navbar { gap: 5px; }
  .bb7.bb7-redesign header .header-right .header-buttons { gap: 4px; }
  .bb7.bb7-redesign header .header-right .header-buttons .btn { padding: 7px 6px; }
}

/* Keep the sidebar sports tree on desktop only. */
@media (max-width: 991px) {
  .bb7.bb7-redesign .bb7-sidebar-left { display: none; }
}



/* Show complete event and competition names on desktop and mobile. */
.bb7.bb7-redesign .sport-odds .game-name {
  min-width: 0;
}
.bb7.bb7-redesign .sport-odds .team-name {
  height: auto;
  max-height: none;
  white-space: normal;
  overflow: visible;
  text-overflow: clip;
  word-break: normal;
  overflow-wrap: anywhere;
  -webkit-line-clamp: unset;
}

/* Reference promo bar, scoped to the dynamic Betbricks news. */
.bb7.bb7-redesign.bb7-has-news {
  padding-bottom: calc(48px + env(safe-area-inset-bottom, 0px));
}
.bb7.bb7-redesign .bb7-main > .promo-bar {
  position: fixed;
  left: 0;
  bottom: 0;
  width: 100%;
  z-index: 1200;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 16px;
  margin: 0;
  padding: 12px 44px calc(12px + env(safe-area-inset-bottom, 0px)) 16px !important;
  background: linear-gradient(180deg, #0e1e29, #0a161f);
  border-top: 1px solid rgba(57, 255, 136, .45);
  overflow: hidden;
  animation: bb7-promo-bar-pulse 2s ease-in-out infinite;
}
.bb7.bb7-redesign .promo-bar .news-bar { display: contents; }
.bb7.bb7-redesign .promo-bar .news-title { display: none; }
.bb7.bb7-redesign .promo-bar::before {
  content: "";
  position: absolute;
  top: 0;
  left: -60%;
  width: 40%;
  height: 100%;
  pointer-events: none;
  background: linear-gradient(115deg, transparent, rgba(255, 255, 255, .18), transparent);
  transform: skewX(-20deg);
  animation: bb7-promo-shine 3.2s ease-in-out infinite;
}
.bb7.bb7-redesign .promo-bar-text {
  position: relative;
  margin: 0;
  text-align: center;
  font-size: 15px;
  font-weight: 700;
  line-height: 24px;
  letter-spacing: .2px;
  color: #39ff88;
  white-space: nowrap;
  text-shadow: 0 0 6px rgba(57, 255, 136, .6);
  animation: bb7-promo-glow 1.6s ease-in-out infinite;
  display: inline-block;
  transform-origin: center center;
}
.bb7.bb7-redesign .promo-bar-link { color: #baffd4; text-underline-offset: 2px; }
@keyframes bb7-promo-glow {
    0%, 100% {
      opacity: .7;
      text-shadow: 0 0 3px rgba(57, 255, 136, .35);
      transform: scale(.94);
    }
    50% {
      opacity: 1;
      text-shadow: 0 0 22px #39ff88, 0 0 10px rgba(57, 255, 136, .9), 0 0 2px #fff;
      transform: scale(1.04);
    }
}
@keyframes bb7-promo-bar-pulse {
  0%, 100% { box-shadow: 0 -4px 24px rgba(0, 0, 0, .35), 0 -1px 12px rgba(57, 255, 136, .15); }
  50% { box-shadow: 0 -4px 30px rgba(0, 0, 0, .35), 0 -2px 26px rgba(57, 255, 136, .55); }
}
@keyframes bb7-promo-shine {
  0% { left: -60%; }
  45%, 100% { left: 130%; }
}
@media (max-width: 575.98px) {
  .bb7.bb7-redesign .bb7-main > .promo-bar { padding: 10px 40px calc(10px + env(safe-area-inset-bottom, 0px)) 12px !important; }
  .bb7.bb7-redesign .promo-bar-text { font-size: 12px; line-height: 18px; white-space: normal; text-align: left; }
  .bb7.bb7-redesign.bb7-has-news { padding-bottom: calc(56px + env(safe-area-inset-bottom, 0px)); }
}