/* FBB_PREDICTION_PC_GLOBAL_MENU_FINAL_20260704 */
/* FBB_FIX_NESTED_MENU_INSIDE_LANG_SWITCH_20260704 */

html,
body {
  margin: 0 !important;
  padding: 0 !important;
}

body.normal-fbb-layout {
  margin: 0 !important;
  padding-top: 0 !important;
}

body.normal-fbb-layout > header {
  position: relative !important;
  top: 0 !important;
  margin-top: 0 !important;
  z-index: 99999 !important;

  display: flex !important;
  align-items: center !important;

  width: 100% !important;
  max-width: 100% !important;
  min-height: 68px !important;
  height: 68px !important;

  padding: 6px 14px !important;
  box-sizing: border-box !important;
  overflow: visible !important;

  background: #1f1f1f !important;
}

body.normal-fbb-layout > header > .logo {
  flex: 0 0 auto !important;
  display: inline-flex !important;
  align-items: center !important;
  margin: 0 !important;
}

body.normal-fbb-layout > header > .spacer {
  display: block !important;
  flex: 1 1 auto !important;
  min-width: 8px !important;
}

body.normal-fbb-layout > header > .header-actions {
  position: relative !important;
  z-index: 100000 !important;

  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  gap: 8px !important;

  margin: 0 !important;
  margin-left: auto !important;
  padding: 0 !important;

  overflow: visible !important;
}

body.normal-fbb-layout > header .lang-switch {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: visible !important;
}

body.normal-fbb-layout > header .lang-btn,
body.normal-fbb-layout > header .lang-switch button {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  width: 42px !important;
  min-width: 42px !important;
  max-width: 42px !important;
  height: 40px !important;

  margin: 0 !important;
  padding: 0 !important;

  cursor: pointer !important;
  pointer-events: auto !important;
  white-space: nowrap !important;
  overflow: visible !important;
}

/* Kill old legacy dropdown */
body.normal-fbb-layout > header .dropdown,
body.normal-fbb-layout > header .dropdown-toggle,
body.normal-fbb-layout > header .dropdown-menu,
body.normal-fbb-layout > header .fbb-legacy-header-dropdown {
  display: none !important;
}

/* Global-style Menu button beside EN/PT, not inside lang-switch */
body.normal-fbb-layout > header #fbb-global-desktop-nav {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  z-index: 100001 !important;
  overflow: visible !important;
  margin: 0 !important;
  padding: 0 !important;
}

body.normal-fbb-layout > header #fbb-global-desktop-nav .fbb-nav-button {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  min-width: 82px !important;
  height: 40px !important;
  padding: 0 14px !important;

  cursor: pointer !important;
  pointer-events: auto !important;
  white-space: nowrap !important;
}

/* Header menu stays hidden; body portal is the visible dropdown */
body.normal-fbb-layout > header #fbb-global-desktop-nav .fbb-nav-menu {
  display: none !important;
}

/* Body-level dropdown portal */
body > #fbb-final-menu-portal {
  position: fixed !important;
  top: 76px !important;
  right: 18px !important;
  left: auto !important;

  z-index: 2147483647 !important;

  min-width: 240px !important;
  max-width: min(320px, calc(100vw - 28px)) !important;
  max-height: 70vh !important;
  overflow: auto !important;

  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  pointer-events: none !important;

  padding: 8px !important;
  border-radius: 14px !important;
  background: #1f1f1f !important;
  border: 1px solid rgba(0,177,255,.45) !important;
  box-shadow: 0 18px 45px rgba(0,0,0,.65) !important;
}

body > #fbb-final-menu-portal[data-open="true"] {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  pointer-events: auto !important;
}

body > #fbb-final-menu-portal .fbb-nav-link {
  display: block !important;
  padding: 10px 12px !important;
  border-radius: 10px !important;
  color: #fff !important;
  text-decoration: none !important;
  font-weight: 800 !important;
}

body > #fbb-final-menu-portal .fbb-nav-link:hover {
  background: rgba(0,177,255,.18) !important;
}

/* Real mobile/touch: hide Menu */
@media (hover: none) and (pointer: coarse) {
  body.normal-fbb-layout > header #fbb-global-desktop-nav,
  body.normal-fbb-layout > header #fbb-global-desktop-nav .fbb-nav-button,
  body > #fbb-final-menu-portal {
    display: none !important;
  }
}

@media (max-width: 520px) {
  body.normal-fbb-layout > header #fbb-global-desktop-nav,
  body.normal-fbb-layout > header #fbb-global-desktop-nav .fbb-nav-button,
  body > #fbb-final-menu-portal {
    display: none !important;
  }
}

/* FBB_MENU_COLOR_MATCH_GLOBAL_20260704
   Match FindBestBet global dark/blue/green header style.
   Design only. No structure changes.
*/

body.normal-fbb-layout > header #fbb-global-desktop-nav .fbb-nav-button {
  color: #ffffff !important;
  font-weight: 900 !important;
  letter-spacing: .2px !important;

  background:
    linear-gradient(135deg, rgba(0,177,255,.26), rgba(0,255,135,.12)) !important;

  border: 1px solid rgba(0,177,255,.55) !important;
  border-radius: 999px !important;

  box-shadow:
    0 0 0 1px rgba(255,255,255,.04) inset,
    0 8px 22px rgba(0,0,0,.28),
    0 0 16px rgba(0,177,255,.18) !important;

  transition:
    transform .16s ease,
    box-shadow .16s ease,
    border-color .16s ease,
    background .16s ease !important;
}

body.normal-fbb-layout > header #fbb-global-desktop-nav .fbb-nav-button:hover,
body.normal-fbb-layout > header #fbb-global-desktop-nav[data-open="true"] .fbb-nav-button {
  transform: translateY(-1px) !important;
  border-color: rgba(0,255,135,.7) !important;

  background:
    linear-gradient(135deg, rgba(0,177,255,.36), rgba(0,255,135,.20)) !important;

  box-shadow:
    0 0 0 1px rgba(255,255,255,.06) inset,
    0 10px 26px rgba(0,0,0,.34),
    0 0 22px rgba(0,255,135,.20),
    0 0 20px rgba(0,177,255,.22) !important;
}

body > #fbb-final-menu-portal {
  background:
    radial-gradient(circle at top left, rgba(0,177,255,.16), transparent 42%),
    linear-gradient(180deg, #1f1f1f 0%, #161616 100%) !important;

  border: 1px solid rgba(0,177,255,.42) !important;
  border-radius: 16px !important;

  box-shadow:
    0 18px 48px rgba(0,0,0,.72),
    0 0 0 1px rgba(255,255,255,.04) inset,
    0 0 24px rgba(0,177,255,.16) !important;
}

body > #fbb-final-menu-portal .fbb-nav-link {
  color: #ffffff !important;
  font-weight: 850 !important;
  letter-spacing: .15px !important;

  border: 1px solid transparent !important;
  background: transparent !important;

  transition:
    background .14s ease,
    border-color .14s ease,
    color .14s ease,
    transform .14s ease !important;
}

body > #fbb-final-menu-portal .fbb-nav-link:hover,
body > #fbb-final-menu-portal .fbb-nav-link:focus {
  color: #ffffff !important;
  transform: translateX(2px) !important;

  background:
    linear-gradient(135deg, rgba(0,177,255,.22), rgba(0,255,135,.10)) !important;

  border-color: rgba(0,177,255,.35) !important;
}

body > #fbb-final-menu-portal .fbb-nav-link.fbb-active,
body > #fbb-final-menu-portal .fbb-nav-link[aria-current="page"] {
  color: #ffffff !important;

  background:
    linear-gradient(135deg, rgba(0,177,255,.32), rgba(0,255,135,.16)) !important;

  border-color: rgba(0,255,135,.42) !important;
}

/* FBB_MENU_BUTTON_SHAPE_FIX_20260704
   Make Menu match EN/PT buttons: rounded rectangle, not pill.
*/

body.normal-fbb-layout > header #fbb-global-desktop-nav .fbb-nav-button {
  height: 40px !important;
  min-width: 78px !important;
  padding: 0 16px !important;

  border-radius: 12px !important;

  background: rgba(255,255,255,.035) !important;
  border: 1px solid rgba(0,177,255,.55) !important;
  color: #ffffff !important;

  font-size: 14px !important;
  font-weight: 900 !important;
  line-height: 1 !important;

  box-shadow:
    0 0 0 1px rgba(255,255,255,.03) inset,
    0 6px 16px rgba(0,0,0,.22),
    0 0 14px rgba(0,177,255,.18) !important;
}

body.normal-fbb-layout > header #fbb-global-desktop-nav .fbb-nav-button:hover,
body.normal-fbb-layout > header #fbb-global-desktop-nav[data-open="true"] .fbb-nav-button {
  border-radius: 12px !important;
  background: rgba(0,177,255,.18) !important;
  border-color: rgba(0,177,255,.8) !important;

  box-shadow:
    0 0 0 1px rgba(255,255,255,.04) inset,
    0 8px 20px rgba(0,0,0,.28),
    0 0 18px rgba(0,177,255,.24) !important;
}

/* Also keep EN/PT same family */
body.normal-fbb-layout > header .lang-btn,
body.normal-fbb-layout > header .lang-switch button {
  border-radius: 12px !important;
  background: rgba(255,255,255,.035) !important;
  border: 1px solid rgba(255,255,255,.08) !important;
  color: #ffffff !important;
  font-size: 13px !important;
  font-weight: 900 !important;
}

body.normal-fbb-layout > header .lang-btn:hover,
body.normal-fbb-layout > header .lang-switch button:hover {
  background: rgba(0,177,255,.14) !important;
  border-color: rgba(0,177,255,.45) !important;
}

/* FBB_MENU_BUTTON_SHAPE_FIX_20260704
   Make Menu match EN/PT buttons: rounded rectangle, not pill.
*/

body.normal-fbb-layout > header #fbb-global-desktop-nav .fbb-nav-button {
  height: 40px !important;
  min-width: 78px !important;
  padding: 0 16px !important;

  border-radius: 12px !important;

  background: rgba(255,255,255,.035) !important;
  border: 1px solid rgba(0,177,255,.55) !important;
  color: #ffffff !important;

  font-size: 14px !important;
  font-weight: 900 !important;
  line-height: 1 !important;

  box-shadow:
    0 0 0 1px rgba(255,255,255,.03) inset,
    0 6px 16px rgba(0,0,0,.22),
    0 0 14px rgba(0,177,255,.18) !important;
}

body.normal-fbb-layout > header #fbb-global-desktop-nav .fbb-nav-button:hover,
body.normal-fbb-layout > header #fbb-global-desktop-nav[data-open="true"] .fbb-nav-button {
  border-radius: 12px !important;
  background: rgba(0,177,255,.18) !important;
  border-color: rgba(0,177,255,.8) !important;

  box-shadow:
    0 0 0 1px rgba(255,255,255,.04) inset,
    0 8px 20px rgba(0,0,0,.28),
    0 0 18px rgba(0,177,255,.24) !important;
}

/* Also keep EN/PT same family */
body.normal-fbb-layout > header .lang-btn,
body.normal-fbb-layout > header .lang-switch button {
  border-radius: 12px !important;
  background: rgba(255,255,255,.035) !important;
  border: 1px solid rgba(255,255,255,.08) !important;
  color: #ffffff !important;
  font-size: 13px !important;
  font-weight: 900 !important;
}

body.normal-fbb-layout > header .lang-btn:hover,
body.normal-fbb-layout > header .lang-switch button:hover {
  background: rgba(0,177,255,.14) !important;
  border-color: rgba(0,177,255,.45) !important;
}

/* FBB_PREDICTION_MOBILE_POLISH_20260704
   Mobile-only optimization for normal prediction pages.
   Text, cards, images, tables and spacing.
*/

@media (max-width: 768px) {
  html,
  body {
    width: 100% !important;
    max-width: 100% !important;
    overflow-x: hidden !important;
  }

  body.normal-fbb-layout {
    font-size: 15px !important;
    line-height: 1.55 !important;
  }

  body.normal-fbb-layout * {
    box-sizing: border-box !important;
  }

  body.normal-fbb-layout img,
  body.normal-fbb-layout picture,
  body.normal-fbb-layout video,
  body.normal-fbb-layout iframe {
    max-width: 100% !important;
  }

  body.normal-fbb-layout img {
    height: auto !important;
    object-fit: contain !important;
  }

  body.normal-fbb-layout > header {
    height: 62px !important;
    min-height: 62px !important;
    padding: 6px 10px !important;
  }

  body.normal-fbb-layout > header > .logo img {
    width: 132px !important;
    max-width: 132px !important;
    height: auto !important;
  }

  body.normal-fbb-layout > header > .header-actions {
    gap: 6px !important;
  }

  body.normal-fbb-layout > header .lang-btn,
  body.normal-fbb-layout > header .lang-switch button {
    width: 38px !important;
    min-width: 38px !important;
    max-width: 38px !important;
    height: 38px !important;
    font-size: 12px !important;
    border-radius: 10px !important;
  }

  body.normal-fbb-layout main,
  body.normal-fbb-layout #main-content {
    width: 100% !important;
    max-width: 100% !important;
    padding-left: 12px !important;
    padding-right: 12px !important;
    overflow-x: hidden !important;
  }

  body.normal-fbb-layout section,
  body.normal-fbb-layout article,
  body.normal-fbb-layout .hero,
  body.normal-fbb-layout .card,
  body.normal-fbb-layout .panel,
  body.normal-fbb-layout .prediction-card,
  body.normal-fbb-layout .content-card,
  body.normal-fbb-layout .match-card,
  body.normal-fbb-layout .info-card,
  body.normal-fbb-layout .analysis-card,
  body.normal-fbb-layout .ai-card,
  body.normal-fbb-layout .stats-card,
  body.normal-fbb-layout .team-card {
    width: 100% !important;
    max-width: 100% !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding-left: 14px !important;
    padding-right: 14px !important;
    overflow: hidden !important;
  }

  body.normal-fbb-layout .hero {
    margin-top: 14px !important;
    padding-top: 16px !important;
    padding-bottom: 16px !important;
    border-radius: 18px !important;
  }

  body.normal-fbb-layout h1,
  body.normal-fbb-layout h2,
  body.normal-fbb-layout h3 {
    max-width: 100% !important;
    overflow-wrap: anywhere !important;
    word-break: normal !important;
    text-wrap: balance !important;
    line-height: 1.16 !important;
  }

  body.normal-fbb-layout h1 {
    font-size: clamp(25px, 7vw, 34px) !important;
  }

  body.normal-fbb-layout h2 {
    font-size: clamp(22px, 6vw, 30px) !important;
  }

  body.normal-fbb-layout h3 {
    font-size: clamp(18px, 5vw, 23px) !important;
  }

  body.normal-fbb-layout p,
  body.normal-fbb-layout li,
  body.normal-fbb-layout span,
  body.normal-fbb-layout div {
    overflow-wrap: anywhere !important;
  }

  body.normal-fbb-layout p {
    font-size: 15px !important;
    line-height: 1.62 !important;
    max-width: 100% !important;
  }

  body.normal-fbb-layout .badge,
  body.normal-fbb-layout .chip,
  body.normal-fbb-layout .tag,
  body.normal-fbb-layout .pill,
  body.normal-fbb-layout .status,
  body.normal-fbb-layout .status-chip {
    max-width: 100% !important;
    white-space: normal !important;
    line-height: 1.25 !important;
  }

  body.normal-fbb-layout .grid,
  body.normal-fbb-layout .cards-grid,
  body.normal-fbb-layout .stats-grid,
  body.normal-fbb-layout .team-grid,
  body.normal-fbb-layout .prediction-grid,
  body.normal-fbb-layout .match-grid,
  body.normal-fbb-layout .two-column,
  body.normal-fbb-layout .three-column,
  body.normal-fbb-layout .columns {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 12px !important;
  }

  body.normal-fbb-layout table {
    width: 100% !important;
    min-width: 0 !important;
    font-size: 13px !important;
  }

  body.normal-fbb-layout .table-wrap,
  body.normal-fbb-layout .table-wrapper,
  body.normal-fbb-layout .stats-table,
  body.normal-fbb-layout .odds-table {
    width: 100% !important;
    max-width: 100% !important;
    overflow-x: auto !important;
    -webkit-overflow-scrolling: touch !important;
  }

  body.normal-fbb-layout th,
  body.normal-fbb-layout td {
    padding: 8px 7px !important;
    white-space: normal !important;
  }

  body.normal-fbb-layout .team-logo,
  body.normal-fbb-layout .club-logo,
  body.normal-fbb-layout .match-logo {
    max-width: 54px !important;
    max-height: 54px !important;
    object-fit: contain !important;
  }

  body.normal-fbb-layout .hero img,
  body.normal-fbb-layout .card img,
  body.normal-fbb-layout .panel img,
  body.normal-fbb-layout .prediction-card img {
    max-height: 260px !important;
    object-fit: contain !important;
  }

  body.normal-fbb-layout .cta,
  body.normal-fbb-layout .button-row,
  body.normal-fbb-layout .actions,
  body.normal-fbb-layout .share-row {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 10px !important;
    width: 100% !important;
  }

  body.normal-fbb-layout button,
  body.normal-fbb-layout .btn,
  body.normal-fbb-layout a.btn,
  body.normal-fbb-layout .cta a {
    max-width: 100% !important;
    white-space: normal !important;
  }
}

@media (max-width: 420px) {
  body.normal-fbb-layout > header > .logo img {
    width: 118px !important;
    max-width: 118px !important;
  }

  body.normal-fbb-layout main,
  body.normal-fbb-layout #main-content {
    padding-left: 10px !important;
    padding-right: 10px !important;
  }

  body.normal-fbb-layout section,
  body.normal-fbb-layout article,
  body.normal-fbb-layout .hero,
  body.normal-fbb-layout .card,
  body.normal-fbb-layout .panel,
  body.normal-fbb-layout .prediction-card,
  body.normal-fbb-layout .content-card {
    padding-left: 12px !important;
    padding-right: 12px !important;
  }

  body.normal-fbb-layout h1 {
    font-size: clamp(23px, 7.5vw, 31px) !important;
  }

  body.normal-fbb-layout h2 {
    font-size: clamp(21px, 6.6vw, 28px) !important;
  }

  body.normal-fbb-layout p {
    font-size: 14.5px !important;
  }
}

/* FBB_PREDICTION_STRONG_MOBILE_CLEANUP_20260704
   Fixes mobile overflow, text wrapping, images, cards, grids, footer and empty blocks.
   Mobile only.
*/

@media (max-width: 768px) {
  html,
  body {
    width: 100% !important;
    max-width: 100% !important;
    overflow-x: hidden !important;
  }

  body.normal-fbb-layout,
  body.fbb-responsive-optimized,
  body.fbb-prediction-detail-page {
    width: 100% !important;
    max-width: 100% !important;
    overflow-x: hidden !important;
  }

  body.normal-fbb-layout * {
    box-sizing: border-box !important;
    min-width: 0 !important;
  }

  body.normal-fbb-layout main,
  body.normal-fbb-layout #main-content,
  body.normal-fbb-layout .prediction-layout,
  body.normal-fbb-layout .fbb-seo-alignment-parent,
  body.normal-fbb-layout .fbb-seo-full-row,
  body.normal-fbb-layout .fbb-stable-prediction-grid,
  body.normal-fbb-layout .fbb-editorial-transparency,
  body.normal-fbb-layout .fbb-more-predictions,
  body.normal-fbb-layout #fbbSeoIntro,
  body.normal-fbb-layout #fbbPredictionLeagueGrid,
  body.normal-fbb-layout #fbbEditorialTransparency,
  body.normal-fbb-layout #matchHighlights,
  body.normal-fbb-layout #fbbMorePredictions {
    width: 100% !important;
    max-width: 100% !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding-left: 10px !important;
    padding-right: 10px !important;
    overflow-x: hidden !important;
  }

  body.normal-fbb-layout .prediction-layout,
  body.normal-fbb-layout .fbb-seo-alignment-parent,
  body.normal-fbb-layout .fbb-stable-prediction-grid,
  body.normal-fbb-layout .fbb-grid,
  body.normal-fbb-layout .grid,
  body.normal-fbb-layout .cards-grid,
  body.normal-fbb-layout .two-column,
  body.normal-fbb-layout .three-column,
  body.normal-fbb-layout .columns {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 12px !important;
  }

  body.normal-fbb-layout section,
  body.normal-fbb-layout article,
  body.normal-fbb-layout aside,
  body.normal-fbb-layout .card,
  body.normal-fbb-layout .hero,
  body.normal-fbb-layout .panel,
  body.normal-fbb-layout .fbb-card,
  body.normal-fbb-layout .content-card,
  body.normal-fbb-layout .prediction-card,
  body.normal-fbb-layout .match-card,
  body.normal-fbb-layout .analysis-card,
  body.normal-fbb-layout .stats-card,
  body.normal-fbb-layout .team-card,
  body.normal-fbb-layout .fbb-seo-card,
  body.normal-fbb-layout .fbb-related-card {
    width: 100% !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding: 14px !important;
    border-radius: 16px !important;
    overflow: hidden !important;
  }

  body.normal-fbb-layout .hero {
    margin-top: 12px !important;
    margin-bottom: 14px !important;
    padding-top: 16px !important;
    padding-bottom: 16px !important;
  }

  body.normal-fbb-layout h1,
  body.normal-fbb-layout h2,
  body.normal-fbb-layout h3,
  body.normal-fbb-layout h4 {
    max-width: 100% !important;
    overflow-wrap: anywhere !important;
    word-break: normal !important;
    line-height: 1.14 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  body.normal-fbb-layout h1 {
    font-size: clamp(25px, 7.2vw, 34px) !important;
  }

  body.normal-fbb-layout h2 {
    font-size: clamp(21px, 6vw, 29px) !important;
  }

  body.normal-fbb-layout h3 {
    font-size: clamp(18px, 5.2vw, 23px) !important;
  }

  body.normal-fbb-layout p,
  body.normal-fbb-layout li,
  body.normal-fbb-layout a,
  body.normal-fbb-layout span,
  body.normal-fbb-layout strong,
  body.normal-fbb-layout small,
  body.normal-fbb-layout div {
    overflow-wrap: anywhere !important;
  }

  body.normal-fbb-layout p,
  body.normal-fbb-layout li {
    font-size: 14.5px !important;
    line-height: 1.58 !important;
  }

  body.normal-fbb-layout img,
  body.normal-fbb-layout svg,
  body.normal-fbb-layout picture,
  body.normal-fbb-layout video,
  body.normal-fbb-layout iframe {
    max-width: 100% !important;
  }

  body.normal-fbb-layout img {
    height: auto !important;
    object-fit: contain !important;
  }

  body.normal-fbb-layout .team-logo,
  body.normal-fbb-layout .club-logo,
  body.normal-fbb-layout .match-logo,
  body.normal-fbb-layout .league-logo,
  body.normal-fbb-layout .country-flag,
  body.normal-fbb-layout .flag,
  body.normal-fbb-layout [class*="logo"],
  body.normal-fbb-layout [class*="Logo"] {
    max-width: 64px !important;
    max-height: 64px !important;
    object-fit: contain !important;
  }

  body.normal-fbb-layout .fbb-ai-avatar,
  body.normal-fbb-layout .reporter-avatar,
  body.normal-fbb-layout .avatar,
  body.normal-fbb-layout .author-avatar {
    width: 72px !important;
    max-width: 72px !important;
    height: 72px !important;
    max-height: 72px !important;
    flex: 0 0 72px !important;
    object-fit: contain !important;
  }

  body.normal-fbb-layout .fbb-reporter-card,
  body.normal-fbb-layout .reporter-card,
  body.normal-fbb-layout .ai-reporter-card,
  body.normal-fbb-layout .author-box {
    display: grid !important;
    grid-template-columns: 72px 1fr !important;
    gap: 12px !important;
    align-items: start !important;
  }

  body.normal-fbb-layout .badge,
  body.normal-fbb-layout .chip,
  body.normal-fbb-layout .tag,
  body.normal-fbb-layout .pill,
  body.normal-fbb-layout .status,
  body.normal-fbb-layout .status-chip,
  body.normal-fbb-layout .meta-chip {
    max-width: 100% !important;
    white-space: normal !important;
    line-height: 1.25 !important;
    font-size: 12px !important;
    padding: 7px 10px !important;
  }

  body.normal-fbb-layout .button-row,
  body.normal-fbb-layout .actions,
  body.normal-fbb-layout .cta,
  body.normal-fbb-layout .share-row,
  body.normal-fbb-layout .fbb-actions {
    display: flex !important;
    flex-wrap: wrap !important;
    width: 100% !important;
    gap: 9px !important;
  }

  body.normal-fbb-layout button,
  body.normal-fbb-layout .btn,
  body.normal-fbb-layout a.btn,
  body.normal-fbb-layout .cta a,
  body.normal-fbb-layout .fbb-button {
    max-width: 100% !important;
    white-space: normal !important;
    text-align: center !important;
  }

  body.normal-fbb-layout table {
    width: 100% !important;
    min-width: 0 !important;
    font-size: 12.5px !important;
  }

  body.normal-fbb-layout .table-wrap,
  body.normal-fbb-layout .table-wrapper,
  body.normal-fbb-layout .stats-table,
  body.normal-fbb-layout .odds-table,
  body.normal-fbb-layout [class*="table"] {
    width: 100% !important;
    max-width: 100% !important;
    overflow-x: auto !important;
    -webkit-overflow-scrolling: touch !important;
  }

  body.normal-fbb-layout th,
  body.normal-fbb-layout td {
    padding: 7px 6px !important;
    white-space: normal !important;
  }

  /* Empty blocks should not create ugly mobile gaps */
  body.normal-fbb-layout #matchHighlights[data-fbb-empty-highlights="0"],
  body.normal-fbb-layout #matchHighlights:empty,
  body.normal-fbb-layout .fbb-media-highlights:empty,
  body.normal-fbb-layout .empty:empty {
    display: none !important;
    min-height: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
  }

  /* Related / explore cards at bottom */
  body.normal-fbb-layout #fbbMorePredictions,
  body.normal-fbb-layout .fbb-more-predictions {
    margin-bottom: 86px !important;
  }

  body.normal-fbb-layout #fbbMorePredictions a,
  body.normal-fbb-layout .fbb-more-predictions a {
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    width: 100% !important;
    max-width: 100% !important;
    overflow: hidden !important;
  }

  body.normal-fbb-layout #fbbMorePredictions a *,
  body.normal-fbb-layout .fbb-more-predictions a * {
    min-width: 0 !important;
    overflow-wrap: anywhere !important;
  }

  body.normal-fbb-layout footer,
  body.normal-fbb-layout .fbb-footer {
    padding-bottom: 92px !important;
  }

  body.normal-fbb-layout .back-to-top,
  body.normal-fbb-layout #backToTop {
    right: 12px !important;
    bottom: 86px !important;
    width: 42px !important;
    height: 42px !important;
  }

  body.normal-fbb-layout .bottom-nav,
  body.normal-fbb-layout .mobile-nav,
  body.normal-fbb-layout .fbb-mobile-nav,
  body.normal-fbb-layout nav[aria-label*="bottom" i] {
    max-width: 100% !important;
    overflow: hidden !important;
  }
}

@media (max-width: 420px) {
  body.normal-fbb-layout main,
  body.normal-fbb-layout #main-content,
  body.normal-fbb-layout .prediction-layout,
  body.normal-fbb-layout .fbb-seo-alignment-parent,
  body.normal-fbb-layout .fbb-seo-full-row,
  body.normal-fbb-layout #fbbSeoIntro,
  body.normal-fbb-layout #fbbMorePredictions {
    padding-left: 8px !important;
    padding-right: 8px !important;
  }

  body.normal-fbb-layout section,
  body.normal-fbb-layout article,
  body.normal-fbb-layout .card,
  body.normal-fbb-layout .hero,
  body.normal-fbb-layout .panel,
  body.normal-fbb-layout .fbb-card,
  body.normal-fbb-layout .content-card,
  body.normal-fbb-layout .prediction-card,
  body.normal-fbb-layout .match-card {
    padding: 12px !important;
    border-radius: 15px !important;
  }

  body.normal-fbb-layout h1 {
    font-size: clamp(23px, 7.4vw, 31px) !important;
  }

  body.normal-fbb-layout h2 {
    font-size: clamp(20px, 6.4vw, 27px) !important;
  }

  body.normal-fbb-layout p,
  body.normal-fbb-layout li {
    font-size: 14px !important;
  }

  body.normal-fbb-layout .fbb-ai-avatar,
  body.normal-fbb-layout .reporter-avatar,
  body.normal-fbb-layout .avatar,
  body.normal-fbb-layout .author-avatar {
    width: 58px !important;
    max-width: 58px !important;
    height: 58px !important;
    max-height: 58px !important;
    flex-basis: 58px !important;
  }

  body.normal-fbb-layout .fbb-reporter-card,
  body.normal-fbb-layout .reporter-card,
  body.normal-fbb-layout .ai-reporter-card,
  body.normal-fbb-layout .author-box {
    grid-template-columns: 58px 1fr !important;
  }
}

/* FBB_HIDE_EMPTY_WIN_RATE_CARD_20260704 */

body.normal-fbb-layout .fbb-win-rate-card:empty,
body.normal-fbb-layout .fbb-win-rate-card[data-fbb-empty="true"],
body.normal-fbb-layout .fbb-win-rate-card.fbb-empty-card {
  display: none !important;
  visibility: hidden !important;
  min-height: 0 !important;
  height: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  border: 0 !important;
  overflow: hidden !important;
}

/* FBB_SAFE_EMPTY_BLOCK_CLEANUP_20260704
   Hide only blocks confirmed empty by JS.
*/

body.normal-fbb-layout [data-fbb-empty-cleanup="true"],
body.normal-fbb-layout .fbb-empty-cleanup {
  display: none !important;
  visibility: hidden !important;
  min-height: 0 !important;
  height: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  border: 0 !important;
  overflow: hidden !important;
}

/* FBB_MOBILE_LEAGUE_STATS_NAV_20260704
   Optimizes:
   <div class="wc-hub-nav fbb-league-stats-nav">
   Mobile: compact 2x2 grid, no overflow, readable buttons.
*/

@media (max-width: 768px) {
  body.normal-fbb-layout .wc-hub-nav.fbb-league-stats-nav,
  body.normal-fbb-layout .fbb-league-stats-nav {
    width: 100% !important;
    max-width: 100% !important;

    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 8px !important;

    margin: 12px 0 14px !important;
    padding: 0 !important;

    overflow: visible !important;
  }

  body.normal-fbb-layout .wc-hub-nav.fbb-league-stats-nav button,
  body.normal-fbb-layout .fbb-league-stats-nav button {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;

    min-height: 44px !important;
    height: auto !important;

    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 5px !important;

    padding: 9px 8px !important;

    border-radius: 13px !important;
    border: 1px solid rgba(0,177,255,.34) !important;

    background:
      linear-gradient(135deg, rgba(0,177,255,.14), rgba(255,255,255,.035)) !important;

    color: #ffffff !important;

    font-size: 12.5px !important;
    font-weight: 850 !important;
    line-height: 1.18 !important;
    text-align: center !important;

    white-space: normal !important;
    overflow-wrap: anywhere !important;
    word-break: normal !important;

    box-shadow:
      0 0 0 1px rgba(255,255,255,.025) inset,
      0 7px 18px rgba(0,0,0,.22) !important;

    cursor: pointer !important;
  }

  body.normal-fbb-layout .wc-hub-nav.fbb-league-stats-nav button:hover,
  body.normal-fbb-layout .wc-hub-nav.fbb-league-stats-nav button:focus,
  body.normal-fbb-layout .fbb-league-stats-nav button:hover,
  body.normal-fbb-layout .fbb-league-stats-nav button:focus {
    border-color: rgba(0,255,135,.48) !important;

    background:
      linear-gradient(135deg, rgba(0,177,255,.22), rgba(0,255,135,.10)) !important;

    box-shadow:
      0 0 0 1px rgba(255,255,255,.04) inset,
      0 8px 20px rgba(0,0,0,.28),
      0 0 16px rgba(0,177,255,.16) !important;
  }
}

@media (max-width: 390px) {
  body.normal-fbb-layout .wc-hub-nav.fbb-league-stats-nav,
  body.normal-fbb-layout .fbb-league-stats-nav {
    gap: 7px !important;
  }

  body.normal-fbb-layout .wc-hub-nav.fbb-league-stats-nav button,
  body.normal-fbb-layout .fbb-league-stats-nav button {
    min-height: 42px !important;
    padding: 8px 6px !important;
    font-size: 11.8px !important;
    border-radius: 12px !important;
  }
}

/* Very tiny screens: keep readable */
@media (max-width: 330px) {
  body.normal-fbb-layout .wc-hub-nav.fbb-league-stats-nav,
  body.normal-fbb-layout .fbb-league-stats-nav {
    grid-template-columns: 1fr !important;
  }
}

/* FBB_MOBILE_LEAGUE_STATS_NAV_20260704
   Optimizes:
   <div class="wc-hub-nav fbb-league-stats-nav">
   Mobile: compact 2x2 grid, no overflow, readable buttons.
*/

@media (max-width: 768px) {
  body.normal-fbb-layout .wc-hub-nav.fbb-league-stats-nav,
  body.normal-fbb-layout .fbb-league-stats-nav {
    width: 100% !important;
    max-width: 100% !important;

    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 8px !important;

    margin: 12px 0 14px !important;
    padding: 0 !important;

    overflow: visible !important;
  }

  body.normal-fbb-layout .wc-hub-nav.fbb-league-stats-nav button,
  body.normal-fbb-layout .fbb-league-stats-nav button {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;

    min-height: 44px !important;
    height: auto !important;

    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 5px !important;

    padding: 9px 8px !important;

    border-radius: 13px !important;
    border: 1px solid rgba(0,177,255,.34) !important;

    background:
      linear-gradient(135deg, rgba(0,177,255,.14), rgba(255,255,255,.035)) !important;

    color: #ffffff !important;

    font-size: 12.5px !important;
    font-weight: 850 !important;
    line-height: 1.18 !important;
    text-align: center !important;

    white-space: normal !important;
    overflow-wrap: anywhere !important;
    word-break: normal !important;

    box-shadow:
      0 0 0 1px rgba(255,255,255,.025) inset,
      0 7px 18px rgba(0,0,0,.22) !important;

    cursor: pointer !important;
  }

  body.normal-fbb-layout .wc-hub-nav.fbb-league-stats-nav button:hover,
  body.normal-fbb-layout .wc-hub-nav.fbb-league-stats-nav button:focus,
  body.normal-fbb-layout .fbb-league-stats-nav button:hover,
  body.normal-fbb-layout .fbb-league-stats-nav button:focus {
    border-color: rgba(0,255,135,.48) !important;

    background:
      linear-gradient(135deg, rgba(0,177,255,.22), rgba(0,255,135,.10)) !important;

    box-shadow:
      0 0 0 1px rgba(255,255,255,.04) inset,
      0 8px 20px rgba(0,0,0,.28),
      0 0 16px rgba(0,177,255,.16) !important;
  }
}

@media (max-width: 390px) {
  body.normal-fbb-layout .wc-hub-nav.fbb-league-stats-nav,
  body.normal-fbb-layout .fbb-league-stats-nav {
    gap: 7px !important;
  }

  body.normal-fbb-layout .wc-hub-nav.fbb-league-stats-nav button,
  body.normal-fbb-layout .fbb-league-stats-nav button {
    min-height: 42px !important;
    padding: 8px 6px !important;
    font-size: 11.8px !important;
    border-radius: 12px !important;
  }
}

/* Very tiny screens: keep readable */
@media (max-width: 330px) {
  body.normal-fbb-layout .wc-hub-nav.fbb-league-stats-nav,
  body.normal-fbb-layout .fbb-league-stats-nav {
    grid-template-columns: 1fr !important;
  }
}