:root {
     --bg-badge-multi: var(--ui-brand-200);
     --bg-badge-new: var(--ui-green-normal);
     --bg-badge-promo: var(--ui-orange-normal);
     --bg-betbuilder-inputfield: #334155;
     --bg-betbuilder-main: var(--surface-contrast);
     --bg-betslip-betitem: var(--core-primary);
     --bg-betslip-main: var(--bg-body);
     --bg-betslip-placebetbar: var(--surface-contrast);
     --bg-betslip-tray: var(--bg-betslip-placebetbar);
     --bg-body: var(--surface-light);
     --bg-button-brand-default: var(--ui-brand-100);
     --bg-button-confirm-default: var(--bg-button-brand-default);
     --bg-button-disabled-default: var(--surface-moderate);
     --bg-button-numpad-default: #1E293B;
     --bg-button-numpad-pressed: #334155;
     --bg-button-odds-active: #14B8A6;
     --bg-button-odds-default: var(--surface-moderate);
     --bg-button-odds-disabled: var(--surface-moderate);
     --bg-button-odds-favourite: var(--surface-contrast);
     --bg-button-primary-default: var(--surface-contrast);
     --bg-button-racenav-app-next: var(--bg-raceheader-app-primary);
     --bg-button-racenav-app-previous: var(--bg-raceheader-app-primary);
     --bg-button-racenav-app-selected: var(--bg-button-racenav-selected);
     --bg-button-racenav-next: var(--bg-raceheader-primary);
     --bg-button-racenav-previous: var(--bg-raceheader-primary);
     --bg-button-racenav-selected: var(--ui-brand-100);
     --bg-button-reward: var(--bg-button-secondary-default);
     --bg-button-secondary-default: var(--surface-light);
     --bg-button-success-default: var(--ui-green-normal);
     --bg-button-topnav-primary: var(--ui-brand-100);
     --bg-button-topnav-secondary: #1E293B;
     --bg-button-vision: var(--ui-brand-200);
     --bg-checkbox-active: var(--ui-brand-200);
     --bg-checkbox-default: var(--core-primary);
     --bg-checkbox-disabled: var(--surface-light);
     --bg-checkbox-hover: var(--ui-brand-50);
     --bg-filter-active: var(--ui-brand-50);
     --bg-filter-default: var(--surface-light);
     --bg-flucs-down-active: var(--ui-red-normal);
     --bg-flucs-down-default: var(--ui-red-normal);
     --bg-flucs-up-active: var(--ui-green-normal);
     --bg-flucs-up-default: var(--ui-green-normal);
     --bg-hover: var(--surface-feather);
     --bg-inputfield-default: var(--core-primary);
     --bg-inputfield-disabled: var(--surface-feather);
     --bg-margin: var(--surface-moderate);
     --bg-navigation-bottomnav: var(--ui-white-normal);
     --bg-navigation-footer: var(--surface-moderate);
     --bg-navigation-leftnav-child: var(--bg-navigation-leftnav-main);
     --bg-navigation-leftnav-hover: var(--surface-feather);
     --bg-navigation-leftnav-main: var(--ui-white-normal);
     --bg-navigation-leftnav-selected: var(--bg-navigation-leftnav-main);
     --bg-navigation-topnav: #0F172A;
     --bg-navigation-upnext: var(--surface-contrast);
     --bg-numpad-main: var(--surface-contrast);
     --bg-raceheader-app-dropdown: var(--bg-raceheader-dropdown);
     --bg-raceheader-app-primary: var(--bg-raceheader-primary);
     --bg-raceheader-dropdown: var(--bg-button-topnav-secondary);
     --bg-raceheader-primary: var(--bg-navigation-topnav);
     --bg-racenumber-active: var(--ui-brand-100);
     --bg-racenumber-inactive: var(--surface-feather);
     --bg-racerow-inset-container: var(--surface-feather);
     --bg-racerow-inset-flucs: var(--surface-feather);
     --bg-racerow-inset-form: var(--surface-moderate);
     --bg-racerow-racelab-leftgradient: var(--surface-contrast);
     --bg-racerow-racelab-rating: var(--surface-moderate);
     --bg-racerow-racelab-rightgradient: var(--ui-brand-200);
     --bg-resultplace-first: #22D3EE;
     --bg-resultplace-fourth: #E2E8F0;
     --bg-resultplace-second: #A7F3D0;
     --bg-resultplace-third: #5EEAD4;
     --bg-reward-bonus: #10B981;
     --bg-reward-boost: #A78BFA;
     --bg-reward-depositmatch: #38BDF8;
     --bg-reward-moneyback: #2DD4BF;
     --bg-search-highlight: #67E8F9;
     --bg-segment-active: var(--core-primary);
     --bg-segment-main: var(--surface-moderate);
     --bg-signup-bottomgradient: var(--surface-contrast);
     --bg-signup-topgradient: var(--surface-strong);
     --bg-speedmap-positionbox: var(--surface-light);
     --bg-speedmap-primary: var(--ui-brand-100);
     --bg-sportheader-app-primary: var(--bg-sportheader-primary);
     --bg-sportheader-app-secondary: var(--bg-sportheader-secondary);
     --bg-sportheader-app-tertiary: var(--bg-sportheader-tertiary);
     --bg-sportheader-primary: var(--bg-navigation-topnav);
     --bg-sportheader-secondary: var(--ui-brand-100);
     --bg-sportheader-tertiary: var(--core-primary);
     --bg-story-main: #0F172A;
     --bg-story-skeleton: var(--bg-button-topnav-secondary);
     --bg-switch-active: var(--ui-brand-200);
     --bg-switch-default: var(--surface-moderate);
     --bg-tab-primary: var(--surface-contrast);
     --bg-tab-secondary: var(--surface-strong);
     --bg-table-highlight: var(--ui-brand-50);
     --bg-table-main: var(--surface-contrast);
     --bg-table-resulted: var(--surface-light);
     --bg-tag-active: var(--ui-brand-50);
     --bg-tag-default: var(--core-primary);
     --bg-timer-alert: var(--ui-red-light);
     --bg-timer-closed: var(--surface-feather);
     --bg-timer-live: var(--ui-green-light);
     --bg-timer-upcoming: var(--surface-light);
     --bg-toast-alert: var(--surface-contrast);
     --bg-toast-success: var(--surface-contrast);
     --bg-toggle-active: var(--ui-brand-50);
     --bg-toggle-default: var(--core-primary);
     --bg-tooltip: var(--ui-brand-200);
     --bg-widget: var(--surface-contrast);
     --border-accordion: var(--ui-brand-100);
     --border-app-topnav: var(--border-topnav);
     --border-carousel-active: var(--ui-brand-200);
     --border-carousel-inactive: var(--surface-moderate);
     --border-filter-active: var(--ui-brand-100);
     --border-input-active: var(--ui-brand-100);
     --border-leftnav: var(--border-primary);
     --border-odds: var(--text-white);
     --border-primary: var(--surface-moderate);
     --border-progressbar: var(--ui-brand-200);
     --border-secondary: var(--surface-light);
     --border-story-active: var(--bg-button-vision);
     --border-story-inactive: var(--surface-bold);
     --border-tag-active: var(--ui-brand-100);
     --border-toggle-active: var(--ui-brand-100);
     --border-topnav: var(--bg-navigation-topnav);
     --border-upnext-active: var(--ui-brand-100);
     --border-widget: var(--ui-brand-100);
     --core-primary: #ffffff;
     --core-secondary: #ffffff;
     --shadow-color-main: rgba(15, 23, 42, 0.10);
     --shadow-color-md: rgba(15, 23, 42, 0.12);
     --surface-bold: #64748B;
     --surface-contrast: #111827;
     --surface-feather: #F8FAFC;
     --surface-light: #F1F5F9;
     --surface-moderate: #E2E8F0;
     --surface-strong: #475569;
     --text-betslipheader: var(--text-white);
     --text-black: var(--surface-contrast);
     --text-button-brand: var(--text-white);
     --text-button-confirm: var(--text-button-brand);
     --text-button-disabled: var(--text-tertiary);
     --text-button-odds-active: var(--text-white);
     --text-button-odds-default: var(--text-primary);
     --text-button-odds-disabled: var(--text-tertiary);
     --text-button-primary: var(--text-white);
     --text-button-racenav-app-dropdown: var(--text-button-racenav-dropdown);
     --text-button-racenav-app-next: var(--text-button-racenav-next);
     --text-button-racenav-app-previous: var(--text-button-racenav-previous);
     --text-button-racenav-app-selected: var(--text-button-racenav-selected);
     --text-button-racenav-drop-next: var(--text-button-odds-default);
     --text-button-racenav-dropdown: var(--text-white);
     --text-button-racenav-next: var(--text-white);
     --text-button-racenav-previous: var(--text-tertiary);
     --text-button-racenav-selected: var(--text-white);
     --text-button-secondary: var(--text-primary);
     --text-button-success: var(--text-white);
     --text-button-vision: var(--text-white);
     --text-checkbox-active: var(--text-white);
     --text-checkbox-disabled: var(--text-white);
     --text-filter-active: var(--text-primary);
     --text-filter-default: var(--text-primary);
     --text-inverse: var(--text-white);
     --text-link: var(--ui-brand-200);
     --text-navigation-betslip-count: var(--text-white);
     --text-navigation-betslip-icon: var(--ui-brand-100);
     --text-navigation-bottomnav-active: var(--ui-brand-200);
     --text-navigation-bottomnav-default: var(--text-primary);
     --text-navigation-bottomnav-mybets-active: var(--bg-navigation-bottomnav);
     --text-navigation-bottomnav-mybets-default: var(--text-white);
     --text-navigation-leftnav: var(--text-primary);
     --text-navigation-topnav-primary: var(--text-white);
     --text-navigation-topnav-secondary: var(--text-white);
     --text-navigation-topnav-tertiary: var(--text-white);
     --text-primary: var(--surface-contrast);
     --text-racenumber-active: var(--text-white);
     --text-racenumber-inactive: var(--text-tertiary);
     --text-search-highlight: var(--text-primary);
     --text-secondary: var(--surface-strong);
     --text-status-error: var(--text-white);
     --text-status-success: var(--text-white);
     --text-story: var(--text-navigation-topnav-tertiary);
     --text-tab-active: var(--text-white);
     --text-tab-default: var(--surface-strong);
     --text-tag-active: var(--text-primary);
     --text-tag-default: var(--text-primary);
     --text-tertiary: var(--surface-bold);
     --text-timer-alert: var(--ui-red-normal);
     --text-timer-closed: var(--text-black);
     --text-timer-live: var(--ui-green-normal);
     --text-timer-upcoming: var(--text-primary);
     --text-toast: var(--text-white);
     --text-toggle-active: var(--text-primary);
     --text-toggle-default: var(--text-primary);
     --text-tooltip: var(--text-white);
     --text-white: var(--ui-white-normal);
     --ui-brand-100: #14B8A6;
     --ui-brand-200: #0F766E;
     --ui-brand-50: #CCFBF1;
     --ui-green-light: #D1FAE5;
     --ui-green-normal: #10B981;
     --ui-orange-light: #fff8e7;
     --ui-orange-normal: #0EA5E9;
     --ui-red-light: #FFE4E6;
     --ui-red-normal: #E11D48;
     --ui-white-normal: #ffffff;
     --bb-navy: #111827;
     --bb-navy-2: #1E293B;
     --bb-orange: #14B8A6;
     --bb-orange-2: #0891B2;
     --bb-bg: #F8FAFC;
     --bb-card: #ffffff;
     --bb-text: #0F172A;
     --bb-muted: #64748B;
     --bb-line: rgba(15, 23, 42, 0.12);
     --bb-shadow: 0 18px 55px rgba(15, 23, 42, 0.24);
     --bb-radius: 14px;
 }

 body.bb-lock-scroll {
     overflow: hidden;
 }

 .bb-overlay {
     position: fixed;
     inset: 0;
     z-index: 9998;
     display: none;
     align-items: center;
     justify-content: center;
     padding: 18px;
     background: rgba(15, 23, 42, 0.72);
     backdrop-filter: blur(7px);
 }

 .bb-overlay.is-visible {
     display: flex;
 }

 .bb-age-card,
 .bb-cookie-panel,
 .bb-cookie-settings {
     font-family: Inter, Arial, sans-serif;
     color: var(--bb-text);
     background: var(--bb-card);
     border-radius: var(--bb-radius);
     box-shadow: var(--bb-shadow);
 }

 .bb-age-card {
     width: min(440px, 100%);
     overflow: hidden;
     border: 1px solid rgba(255, 255, 255, 0.2);
     animation: bbPop 0.22s ease-out;
 }

 .bb-age-head {
     display: flex;
     align-items: center;
     gap: 12px;
     padding: 18px 20px;
     color: #fff;
     background: linear-gradient(135deg, var(--bb-navy), var(--bb-navy-2));
     border-bottom: 4px solid var(--bb-orange);
 }

 .bb-logo-mark {
     display: grid;
     place-items: center;
     width: 42px;
     height: 42px;
     flex: 0 0 auto;
     border-radius: 50%;
     background: var(--bb-orange);
     font-weight: 900;
     font-size: 18px;
     box-shadow: inset 0 -3px 0 rgba(0, 0, 0, 0.14);
 }

 .bb-age-head h2,
 .bb-cookie-title h3,
 .bb-settings-head h3 {
     margin: 0;
     font-size: 20px;
     line-height: 1.15;
 }

 .bb-age-head p,
 .bb-cookie-title p,
 .bb-settings-head p {
     margin: 4px 0 0;
     color: rgba(255, 255, 255, 0.76);
     font-size: 13px;
 }

 .bb-age-body {
     padding: 22px 20px 20px;
 }

 .bb-age-badge {
     display: inline-flex;
     align-items: center;
     gap: 8px;
     margin-bottom: 14px;
     padding: 8px 12px;
     border-radius: 999px;
     background: #ECFEFF;
     color: var(--bb-orange-2);
     font-weight: 800;
     font-size: 13px;
 }

 .bb-age-body p {
     margin: 0 0 16px;
     color: var(--bb-muted);
     font-size: 14px;
     line-height: 1.5;
 }

 .bb-actions {
     display: grid;
     grid-template-columns: 1fr 1fr;
     gap: 10px;
     margin-top: 18px;
 }

 .bb-btn {
     appearance: none;
     border: 0;
     border-radius: 999px;
     padding: 12px 16px;
     cursor: pointer;
     font-weight: 800;
     font-size: 14px;
     transition: transform 0.15s ease, box-shadow 0.15s ease, background 0.15s ease;
 }

 .bb-btn:hover {
     transform: translateY(-1px);
 }

 .bb-btn:focus-visible {
     outline: 3px solid rgba(20, 184, 166, 0.35);
     outline-offset: 2px;
 }

 .bb-btn-primary {
     color: #fff;
     background: var(--bb-orange);
     box-shadow: 0 8px 18px rgba(20, 184, 166, 0.28);
 }

 .bb-btn-primary:hover {
     background: var(--bb-orange-2);
 }

 .bb-btn-secondary {
     color: var(--bb-navy);
     background: #E0F2FE;
 }

 .bb-btn-secondary:hover {
     background: #BAE6FD;
 }

 .bb-btn-ghost {
     color: var(--bb-navy);
     background: transparent;
     border: 1px solid var(--bb-line);
 }

 .bb-underage-message {
     display: none;
     margin-top: 14px;
     padding: 12px;
     border-radius: 10px;
     background: #ECFEFF;
     color: #0F766E;
     font-size: 13px;
     line-height: 1.4;
 }

 .bb-underage-message.is-visible {
     display: block;
 }

 .bb-cookie-panel {
     position: fixed;
     right: 18px;
     bottom: 18px;
     z-index: 9997;
     display: none;
     width: min(430px, calc(100vw - 36px));
     overflow: hidden;
     border: 1px solid var(--bb-line);
     animation: bbSlideUp 0.24s ease-out;
 }

 .bb-cookie-panel.is-visible {
     display: block;
 }

 .bb-cookie-top {
     display: flex;
     gap: 12px;
     padding: 16px 18px;
     color: #fff;
     background: var(--bb-navy);
     border-bottom: 3px solid var(--bb-orange);
 }

 .bb-cookie-icon {
     display: grid;
     place-items: center;
     width: 40px;
     height: 40px;
     flex: 0 0 auto;
     border-radius: 50%;
     background: rgba(20, 184, 166, 0.16);
     font-size: 22px;
 }

 .bb-cookie-body {
     padding: 16px 18px 18px;
 }

 .bb-cookie-body p {
     margin: 0 0 14px;
     color: var(--bb-muted);
     font-size: 13px;
     line-height: 1.48;
 }

 .bb-cookie-actions {
     display: flex;
     flex-wrap: wrap;
     gap: 9px;
 }

 .bb-cookie-actions .bb-btn {
     flex: 1 1 120px;
     padding: 11px 14px;
 }

 .bb-settings-overlay {
     position: fixed;
     inset: 0;
     z-index: 9999;
     display: none;
     align-items: center;
     justify-content: center;
     padding: 18px;
     background: rgba(15, 23, 42, 0.62);
     backdrop-filter: blur(6px);
 }

 .bb-settings-overlay.is-visible {
     display: flex;
 }

 .bb-cookie-settings {
     width: min(520px, 100%);
     overflow: hidden;
     animation: bbPop 0.22s ease-out;
 }

 .bb-settings-head {
     padding: 18px 20px;
     color: #fff;
     background: linear-gradient(135deg, var(--bb-navy), var(--bb-navy-2));
     border-bottom: 4px solid var(--bb-orange);
 }

 .bb-settings-body {
     padding: 16px 20px 20px;
 }

 .bb-cookie-row {
     display: flex;
     align-items: center;
     justify-content: space-between;
     gap: 16px;
     padding: 14px 0;
     border-bottom: 1px solid var(--bb-line);
 }

 .bb-cookie-row:last-of-type {
     border-bottom: 0;
 }

 .bb-cookie-row h4 {
     margin: 0 0 4px;
     font-size: 15px;
 }

 .bb-cookie-row p {
     margin: 0;
     color: var(--bb-muted);
     font-size: 12.5px;
     line-height: 1.38;
 }

 .bb-switch {
     position: relative;
     width: 52px;
     height: 30px;
     flex: 0 0 auto;
 }

 .bb-switch input {
     position: absolute;
     opacity: 0;
     pointer-events: none;
 }

 .bb-slider {
     position: absolute;
     inset: 0;
     cursor: pointer;
     border-radius: 999px;
     background: #CBD5E1;
     transition: background 0.18s ease;
 }

 .bb-slider::before {
     content: "";
     position: absolute;
     top: 4px;
     left: 4px;
     width: 22px;
     height: 22px;
     border-radius: 50%;
     background: #fff;
     box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);
     transition: transform 0.18s ease;
 }

 .bb-switch input:checked+.bb-slider {
     background: var(--bb-orange);
 }

 .bb-switch input:checked+.bb-slider::before {
     transform: translateX(22px);
 }

 .bb-switch input:disabled+.bb-slider {
     cursor: not-allowed;
     opacity: 0.7;
 }

 .bb-settings-actions {
     display: flex;
     flex-wrap: wrap;
     gap: 10px;
     margin-top: 18px;
 }

 .bb-settings-actions .bb-btn {
     flex: 1 1 130px;
 }

 .bb-cookie-reopen {
     position: fixed;
     right: 18px;
     bottom: 18px;
     z-index: 9996;
     display: none;
     width: 46px;
     height: 46px;
     border-radius: 50%;
     border: 0;
     color: #fff;
     background: var(--bb-navy);
     box-shadow: 0 10px 24px rgba(15, 23, 42, 0.28);
     cursor: pointer;
     font-size: 20px;
 }

 .bb-cookie-reopen.is-visible {
     display: grid;
     place-items: center;
 }

 @keyframes bbPop {
     from {
         opacity: 0;
         transform: scale(0.96) translateY(8px);
     }

     to {
         opacity: 1;
         transform: scale(1) translateY(0);
     }
 }

 @keyframes bbSlideUp {
     from {
         opacity: 0;
         transform: translateY(18px);
     }

     to {
         opacity: 1;
         transform: translateY(0);
     }
 }

 @media (max-width: 520px) {

     .bb-actions,
     .bb-settings-actions {
         grid-template-columns: 1fr;
     }

     .bb-cookie-panel {
         right: 12px;
         bottom: 12px;
         width: calc(100vw - 24px);
     }
 }
/* Functional betting UI additions */
.bb-market-area {
    padding: 0 12px;
}

.bb-market-board {
    display: block;
}

.bb-market-board.is-hidden,
.bb-event-card.is-hidden {
    display: none;
}

.bb-market-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin-bottom: 10px;
    padding: 2px 2px 0;
}

.bb-market-kicker,
.bb-market-date {
    color: var(--text-secondary);
    font-size: 12px;
    font-weight: 800;
    letter-spacing: .02em;
    text-transform: uppercase;
}

.bb-market-header h2 {
    margin: 2px 0 0;
    color: var(--text-primary);
    font-size: 20px;
    line-height: 1.2;
    font-weight: 900;
}

.bb-event-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
    gap: 12px;
}

.bb-event-card {
    border: 1px solid var(--border-primary);
    border-radius: 14px;
    background: var(--core-primary);
    box-shadow: 0 10px 24px rgba(15, 23, 42, .06);
    padding: 12px;
    transition: border-color .16s ease, box-shadow .16s ease, transform .16s ease;
}

.bb-event-card:hover,
.bb-event-card.is-active {
    border-color: var(--ui-brand-100);
    box-shadow: 0 12px 30px rgba(15, 23, 42, .1);
}

.bb-event-card.is-active {
    transform: translateY(-1px);
}

.bb-event-top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    color: var(--text-secondary);
    font-size: 12px;
    font-weight: 800;
}

.bb-badge {
    display: inline-flex;
    align-items: center;
    border-radius: 999px;
    padding: 5px 9px;
    color: var(--text-white);
    background: var(--bg-button-topnav-primary);
    font-size: 11px;
    font-weight: 900;
    text-transform: uppercase;
}

.bb-badge-promo {
    background: var(--bg-badge-promo);
}

.bb-event-card h3 {
    margin: 12px 0 4px;
    color: var(--text-primary);
    font-size: 16px;
    line-height: 1.25;
    font-weight: 900;
}

.bb-event-card p {
    margin: 0 0 12px;
    color: var(--text-secondary);
    font-size: 13px;
    line-height: 1.35;
}

.bb-odds-row {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(110px, 1fr));
    gap: 8px;
}

.bb-odds-btn {
    appearance: none;
    border: 1px solid transparent;
    border-radius: 10px;
    min-height: 54px;
    padding: 8px;
    cursor: pointer;
    color: var(--text-button-odds-default);
    background: var(--bg-button-odds-default);
    font-family: Inter, Arial, sans-serif;
    text-align: left;
    transition: background .15s ease, color .15s ease, border-color .15s ease, transform .15s ease;
}

.bb-odds-btn:hover,
.bb-odds-btn.is-selected {
    color: var(--text-button-odds-active);
    background: var(--bg-button-odds-active);
    border-color: var(--border-odds);
    transform: translateY(-1px);
}

.bb-odds-btn span,
.bb-odds-btn strong {
    display: block;
}

.bb-odds-btn span {
    overflow: hidden;
    color: inherit;
    font-size: 11px;
    line-height: 1.2;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.bb-odds-btn strong {
    margin-top: 5px;
    font-size: 16px;
    line-height: 1;
    font-weight: 900;
}

.bb-betslip-clear {
    border: 0;
    border-radius: 999px;
    padding: 6px 10px;
    color: var(--text-white);
    background: rgba(255, 255, 255, .16);
    cursor: pointer;
    font-size: 12px;
    font-weight: 900;
}

.bb-betslip-content {
    display: flex;
    min-height: 100%;
    flex-direction: column;
    padding: 12px;
    color: var(--text-primary);
}

.bb-betslip-empty {
    display: flex;
    min-height: 320px;
    flex: 1;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 6px;
    text-align: center;
}

.bb-betslip-empty-icon {
    width: 136px;
    height: 45px;
    margin-bottom: 10px;
    border-radius: 9px;
    background: linear-gradient(90deg, var(--core-primary), var(--surface-moderate));
    border: 1px solid var(--border-primary);
}

.bb-betslip-empty strong {
    font-size: 15px;
}

.bb-betslip-empty span {
    color: var(--text-secondary);
    font-size: 12px;
}

.bb-betslip-list {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.bb-slip-item {
    border: 1px solid var(--border-primary);
    border-radius: 12px;
    background: var(--core-primary);
    padding: 10px;
}

.bb-slip-item-head {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 8px;
}

.bb-slip-item h4 {
    margin: 0;
    font-size: 13px;
    line-height: 1.25;
    font-weight: 900;
}

.bb-slip-item p {
    margin: 4px 0 0;
    color: var(--text-secondary);
    font-size: 11px;
    line-height: 1.3;
}

.bb-slip-remove {
    border: 0;
    border-radius: 999px;
    width: 24px;
    height: 24px;
    color: var(--text-secondary);
    background: var(--surface-moderate);
    cursor: pointer;
    font-weight: 900;
}

.bb-slip-odds {
    display: inline-flex;
    margin-top: 8px;
    border-radius: 999px;
    padding: 5px 9px;
    color: var(--text-white);
    background: var(--bg-button-odds-active);
    font-size: 12px;
    font-weight: 900;
}

.bb-stake-box {
    margin-top: 12px;
    border-radius: 12px;
    background: var(--core-primary);
    padding: 10px;
    border: 1px solid var(--border-primary);
}

.bb-stake-box label {
    display: block;
    color: var(--text-secondary);
    font-size: 12px;
    font-weight: 900;
}

.bb-stake-box input {
    width: 100%;
    margin-top: 6px;
    border: 1px solid var(--border-primary);
    border-radius: 10px;
    padding: 10px 11px;
    color: var(--text-primary);
    background: var(--surface-feather);
    font: inherit;
    font-weight: 800;
}

.bb-slip-summary {
    display: grid;
    gap: 6px;
    margin-top: 10px;
    color: var(--text-secondary);
    font-size: 12px;
}

.bb-slip-summary div {
    display: flex;
    justify-content: space-between;
    gap: 8px;
}

.bb-slip-summary strong {
    color: var(--text-primary);
}

.bb-place-bet {
    width: 100%;
    margin-top: 12px;
    border: 0;
    border-radius: 12px;
    padding: 12px;
    cursor: pointer;
    color: var(--text-white);
    background: var(--bg-button-topnav-primary);
    font-weight: 900;
    text-transform: uppercase;
}

.bb-slip-message {
    display: none;
    margin-top: 10px;
    border-radius: 10px;
    padding: 10px;
    background: var(--ui-green-light);
    color: var(--ui-green-normal);
    font-size: 12px;
    font-weight: 800;
    line-height: 1.35;
}

.bb-slip-message.is-visible {
    display: block;
}

.bb-auth-overlay {
    position: fixed;
    inset: 0;
    z-index: 10000;
    display: none;
    align-items: center;
    justify-content: center;
    padding: 18px;
    background: rgba(15, 23, 42, .68);
    backdrop-filter: blur(7px);
}

.bb-auth-overlay.is-visible {
    display: flex;
}

.bb-auth-card {
    position: relative;
    width: min(430px, 100%);
    overflow: hidden;
    border-radius: var(--bb-radius);
    color: var(--bb-text);
    background: var(--bb-card);
    box-shadow: var(--bb-shadow);
    animation: bbPop .22s ease-out;
}

.bb-auth-close {
    position: absolute;
    top: 12px;
    right: 12px;
    width: 30px;
    height: 30px;
    border: 0;
    border-radius: 50%;
    color: #fff;
    background: rgba(255, 255, 255, .16);
    cursor: pointer;
    font-size: 22px;
    line-height: 1;
}

.bb-auth-head {
    padding: 20px;
    color: #fff;
    background: linear-gradient(135deg, var(--bb-navy), var(--bb-navy-2));
    border-bottom: 4px solid var(--bb-orange);
}

.bb-auth-head h2,
.bb-auth-head h3 {
    margin: 0;
    font-size: 21px;
    line-height: 1.15;
}

.bb-auth-head p {
    margin: 5px 0 0;
    color: rgba(255, 255, 255, .76);
    font-size: 13px;
}

.bb-auth-form {
    display: grid;
    gap: 12px;
    padding: 18px 20px 20px;
}

.bb-auth-field {
    display: grid;
    gap: 6px;
    font-size: 13px;
    font-weight: 800;
}

.bb-auth-field.is-hidden {
    display: none;
}

.bb-auth-field input {
    border: 1px solid var(--bb-line);
    border-radius: 12px;
    padding: 12px 13px;
    color: var(--bb-text);
    background: #F8FAFC;
    font: inherit;
    font-weight: 600;
}

.bb-auth-field input:focus {
    outline: 3px solid rgba(20, 184, 166, .25);
    border-color: var(--bb-orange);
}

.bb-auth-submit,
.bb-auth-form .bb-btn {
    width: 100%;
    appearance: none;
    border: 0;
    border-radius: 999px;
    padding: 12px 16px;
    cursor: pointer;
    font-weight: 800;
    font-size: 14px;
    text-align: center;
}

.bb-auth-submit {
    color: #fff;
    background: var(--bb-orange);
    box-shadow: 0 8px 18px rgba(20, 184, 166, .28);
}

.bb-auth-submit:hover {
    background: var(--bb-orange-2);
}

.bb-auth-message {
    display: none;
    border-radius: 10px;
    padding: 11px 12px;
    font-size: 13px;
    line-height: 1.4;
    font-weight: 800;
}

.bb-auth-message.is-visible {
    display: block;
}

.bb-auth-message.is-success {
    background: var(--ui-green-light);
    color: var(--ui-green-normal);
}

.bb-auth-message.is-error {
    background: var(--ui-red-light);
    color: var(--ui-red-normal);
}

@media (max-width: 1279px) {
    #betSlipPanel.is-open {
        position: fixed;
        inset: 0;
        z-index: 9995;
        width: 100% !important;
        background: rgba(15, 23, 42, .42);
    }

    #betSlipPanel.is-open > div {
        margin-left: auto;
        background: var(--bg-betslip-main);
    }
}

@media (max-width: 640px) {
    .bb-market-area {
        padding: 0 8px;
    }

    .bb-event-grid {
        grid-template-columns: 1fr;
    }
}

/* Mobile behavior fixes: allow page scroll and prevent the cookie/settings button from covering bottom nav. */
@media (max-width: 47.999rem) {
    html,
    body {
        min-height: 100%;
        overflow-y: auto;
        -webkit-overflow-scrolling: touch;
    }

    ._container_182i6_1 {
        min-height: 100svh;
        height: auto;
    }

    ._main_182i6_113 {
        overflow-y: visible !important;
        overflow-x: hidden !important;
        min-height: calc(100svh - 7rem);
        padding-bottom: 5rem;
    }

    ._navigation_182i6_85 {
        position: sticky;
        bottom: 0;
        z-index: 60;
    }

    .bb-cookie-reopen {
        right: 14px;
        bottom: 4.75rem;
        z-index: 49;
    }

    #betSlipPanel:not(.is-open) {
        pointer-events: none;
    }

    #betSlipPanel.is-open {
        pointer-events: auto;
    }
}