/* Desktop account, wallet and footer styling aligned with the supplied UsBahis reference. */
@font-face { font-family: AirIndia; src: url('/assets/usbahis/fonts/AirIndia-Regular.woff2') format('woff2'); font-style: normal; font-weight: 400 600; font-display: swap; }
@font-face { font-family: ReferenceSolid; src: url('/assets/usbahis/vendor/css/media/fa-solid-900.woff2') format('woff2'); font-style: normal; font-weight: 900; font-display: block; }
.reference-provider-logo { display: block; height: 36px; background-image: url('/assets/cdnjunction/Websites/images/footer-provider-images.webp'); background-repeat: no-repeat; flex-shrink: 0; }
/* Match the reference loader without changing navigation or adding delays. */
.site-loader { background: #05070e !important; }
.site-loader-inner { width: 160px !important; transform: none !important; }
.site-loader-brand { height: 40px !important; min-height: 40px !important; background: url('/assets/usbahis/logos/logo.png?v=u2') center / contain no-repeat; }
.site-loader-brand > span { display: none !important; }
.site-loader-brand > img { content: url('/assets/usbahis/logos/logo.png?v=u2'); width: 100% !important; height: 100% !important; object-fit: contain !important; }
.site-loader-track { height: 4px !important; margin-top: 10px !important; border-radius: 4px !important; background: linear-gradient(90deg,#ff0000 33.333%,#fff 0 66.667%,#ff0000 0) 100% 100% / 300% 4px no-repeat !important; animation: reference-loader-line 2.5s ease-in-out -1.25s infinite !important; }
.site-loader-track i { display: none !important; }
@keyframes reference-loader-line { 0% { background-position: 100% 100%; } 100% { background-position: 0 100%; } }
@media (max-width: 1199px) {
  .reference-menu-icon,
  .reference-inbox-link,
  .reference-original-icon,
  .reference-solid-icon,
  .reference-payment-caption { display: none !important; }
}
@media (min-width: 1200px) {
  .usbahis-header,
  .account-zone,
  .usbahis-footer {
    font-family: Poppins, Arial, sans-serif !important;
    font-weight: 400;
    -webkit-font-smoothing: antialiased;
  }
  .usbahis-header button,
  .account-zone button,
  .account-zone input,
  .account-zone select,
  .account-zone textarea { font-family: inherit !important; }
  .usbahis-header { background: #0b1421 !important; }

  .usbahis-header-container { width: 70% !important; min-width: min(1040px, 92%) !important; max-width: 1580px !important; }
  .usbahis-top-strip { min-height: 40px !important; font-size: 13px !important; }
  .usbahis-top-strip .language-control { display: inline-flex !important; align-items: center !important; gap: 6px !important; font-size: 0 !important; }
  .usbahis-top-strip .language-control::after { content: "TR"; display: inline-grid; place-items: center; min-width: 34px; height: 17px; border: 1px solid #ff0000; border-radius: 999px; color: #fff; font: 400 11px/1 Poppins, Arial, sans-serif; }
  .usbahis-top-strip .turkey-flag { width: 18px !important; height: 18px !important; flex: 0 0 18px !important; padding: 0 !important; border: 0 !important; background: url('/assets/cdnjunction/Websites/images/flag/tr.svg') center / contain no-repeat !important; font-size: 0 !important; color: transparent !important; box-shadow: none !important; }
  .usbahis-top-strip .turkey-flag::before, .usbahis-top-strip .turkey-flag::after, .usbahis-top-strip .turkey-flag > * { display: none !important; }
  .site-loader-inner { width: 230px !important; }
  .site-loader-brand { height: 58px !important; min-height: 58px !important; }
  .usbahis-tv-link .reference-tv-icon { width: 18px !important; height: 20px !important; }
  .usbahis-main-header { min-height: 90px !important; padding: 0 10px !important; gap: 24px !important; }
  .usbahis-brand { flex: 0 0 auto; }
  .usbahis-brand img { width: 230px !important; }
  .usbahis-header-actions { gap: 12px !important; flex-shrink: 0; }
  .usbahis-provider-switch { display: flex !important; gap: 0 !important; border: 1px solid #ff0000 !important; border-radius: 8px !important; overflow: hidden; }
  .usbahis-provider-switch button { display: block !important; position: relative; width: auto !important; min-width: 0 !important; height: 33px !important; padding: 0 8px !important; border: 0 !important; border-radius: 0 !important; background: transparent !important; color: #fff !important; font-size: 13px !important; line-height: 33px !important; font-weight: 600 !important; letter-spacing: 0 !important; }
  .usbahis-provider-switch button:not(:last-child) { border-right: 1px solid #ff0000 !important; }
  .usbahis-provider-switch button::before { content: none !important; }
  .usbahis-provider-switch button.active { padding: 0 8px !important; background: #ff0000 !important; }
  .usbahis-provider-switch button.active::before { content: "" !important; position: static !important; display: inline-block !important; width: 6px !important; height: 6px !important; border-radius: 50%; margin: 0 3px 2px 0 !important; background: #0dff00 !important; vertical-align: middle; transform: none !important; }
  .usbahis-primary-nav { grid-template-columns: repeat(5, minmax(0, 1fr)) minmax(0, 1.2fr) minmax(0, .85fr) minmax(0, 1.2fr) !important; }
  .usbahis-primary-nav,
  .usbahis-primary-nav > .usbahis-nav-entry > a { min-height: 70px !important; height: 70px !important; }
  .usbahis-primary-nav > .usbahis-nav-entry > a { gap: 10px !important; padding: 0 7px !important; font-size: 16px !important; font-weight: 400 !important; line-height: 20px !important; transform: none !important; }
  .usbahis-primary-nav img { width: 35px !important; height: 35px !important; }
  .usbahis-primary-nav span { overflow: hidden !important; }
  .usbahis-primary-nav small,
  .usbahis-primary-nav b { overflow: hidden !important; text-overflow: ellipsis !important; }

  .account-inner,
  .account-home {
    min-height: calc(100vh - 180px) !important;
    padding: 20px 5% 42px !important;
    background: #06090f !important;
  }

  .account-inner .account-shell,
  .account-home .account-shell {
    width: 100% !important;
    max-width: 2400px !important;
    margin: 0 auto !important;
    display: grid !important;
    grid-template-columns: 300px minmax(0, 1fr) !important;
    gap: 10px !important;
    align-items: stretch !important;
  }

  .account-inner .account-sidebar,
  .account-home .account-sidebar {
    display: block !important;
    min-height: 650px !important;
    padding: 0 14px 25px !important;
    border: 1px solid #202733 !important;
    border-radius: 16px !important;
    background: #0b1421 !important;
    color: #fff !important;
    overflow: hidden !important;
  }

  .account-sidebar details { border-bottom: 1px solid #1b2431 !important; }
  .account-sidebar summary {
    min-height: 44px !important;
    height: auto !important;
    gap: 10px !important;
    color: #eef1f5 !important;
    font-size: 15px !important;
    font-weight: 500 !important;
  }
  .account-sidebar summary svg { width: 21px !important; height: 21px !important; flex: 0 0 21px; }
  .account-sidebar summary span { min-width: 0; }
  .account-sidebar summary > svg:last-child { width: 16px !important; height: 16px !important; flex-basis: 16px; }
  .account-sidebar details[open] summary { color: #ff151c !important; }
  .account-sidebar details > div { padding: 5px 0 11px 10px !important; }
  .account-sidebar details a,
  .account-sidebar .account-exit {
    min-height: 44px !important;
    height: 44px !important;
    padding: 0 12px 0 42px !important;
    border-radius: 9px !important;
    color: #c7cbd2 !important;
    font-size: 15px !important;
    font-weight: 400 !important;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .account-sidebar details a { display: block !important; line-height: 44px !important; }
  .account-sidebar details a::before {
    content: "" !important;
    position: absolute !important;
    left: 1px !important;
    top: 0 !important;
    width: 1px !important;
    height: 100% !important;
    background: #242c39 !important;
    border-radius: 0 !important;
  }
  .account-sidebar .account-exit { padding-left: 0 !important; color: #ff3545 !important; text-align: left; }
  .account-sidebar details a.active {
    position: relative !important;
    background: linear-gradient(90deg, #17151e, #291520) !important;
    color: #fff !important;
    font-weight: 600 !important;
  }
  .account-sidebar details a.active::before {
    content: "";
    position: absolute;
    left: 0 !important;
    top: 12px !important;
    width: 4px !important;
    height: 20px !important;
    border-radius: 4px !important;
    background: #ff1018 !important;
  }
  .account-sidebar a .reference-menu-icon { position: absolute; left: 15px; top: 12px; width: 20px; height: 20px; color: #91a4ad; }
  .account-sidebar a.active .reference-menu-icon { color: #ff1018; }
  .account-sidebar .reference-inbox-link { display: flex; align-items: center; gap: 10px; min-height: 44px; border-bottom: 1px solid #1b2431; color: #eef1f5; font-size: 15px; text-decoration: none; }
  .reference-inbox-link svg { width: 21px; height: 21px; color: #91a4ad; }
  .reference-inbox-link svg:last-child { margin-left: auto; width: 16px; }
  .account-sidebar summary:focus:not(:focus-visible) { outline: none; }
  .reference-solid-icon { display: inline-block; flex: 0 0 auto; font-family: ReferenceSolid !important; font-style: normal; font-weight: 900 !important; font-size: 14px; line-height: 1; width: 16px; text-align: center; }
  .member-notification > .reference-solid-icon { position: static !important; width: 16px !important; height: 17px !important; padding: 0 !important; border: 0 !important; border-radius: 0 !important; background: transparent !important; color: #fff !important; font-size: 17px !important; line-height: 17px !important; }
  .reference-has-solid-icon > svg:first-of-type { display: none !important; }
  .reference-has-original-icon > svg:not(.reference-original-icon):first-of-type,
  .account-sidebar a.reference-has-original-icon > .reference-menu-icon { display: none !important; }
  .account-sidebar .reference-original-icon { width: 20px !important; height: 20px !important; flex: 0 0 20px !important; stroke: none !important; }
  .account-sidebar .reference-original-icon .sidebar-icon-color { fill: #fff !important; }
  .account-sidebar details[open] > summary .active-primary-color,
  .account-sidebar a.active .reference-original-icon .active-primary-color { fill: #ff0000 !important; }
  .account-sidebar details a .reference-original-icon { position: absolute; left: 15px; top: 12px; }
  .account-sidebar details a { position: relative !important; }
  .account-sidebar details a.active { letter-spacing: .8px !important; }
  .account-sidebar .account-exit { display: flex !important; align-items: center !important; gap: 10px !important; font-size: 0 !important; }
  .account-sidebar .account-exit::after { content: 'Çıkış'; font: 400 15px Poppins, sans-serif; }
  .account-sidebar summary.reference-has-original-icon > svg.lucide:not(:last-child),
  .reference-inbox-link.reference-has-original-icon > svg:not(.reference-original-icon):not(:last-child) { display: none !important; }

  .account-inner .account-content,
  .account-home .account-content {
    display: block !important;
    min-height: 650px !important;
    min-width: 0 !important;
    border: 1px solid #1b2431 !important;
    border-radius: 14px !important;
    background: #0b1421 !important;
    overflow: hidden !important;
  }
  .account-inner .account-content > header,
  .account-home .account-content > header {
    display: flex !important;
    height: 38px !important;
    padding: 0 20px !important;
    border: 0 !important;
    background: #18212d !important;
  }
  .account-content > header h1 {
    margin: 0 !important;
    color: #fff !important;
    font-size: 15px !important;
    font-weight: 600 !important;
  }

  .profile-detail {
    max-width: none !important;
    padding: 40px max(20px, 5.4%) 75px !important;
    background: #0b1421 !important;
  }
  .profile-action { height: 34px !important; }
  .profile-action a {
    height: 34px !important;
    padding: 0 15px !important;
    border-radius: 999px !important;
    background: linear-gradient(90deg, #b50000, #f20b12) !important;
    color: #fff !important;
    font-size: 14px !important;
    font-weight: 400 !important;
  }
  .profile-columns {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 16px !important;
    margin-top: 16px !important;
  }
  .profile-row,
  .money-row {
    min-height: 43px !important;
    margin-bottom: 19px !important;
    padding: 0 20px !important;
    grid-template-columns: minmax(110px, 150px) 8px minmax(0, 1fr) !important;
    border-radius: 5px !important;
    background: #18212d !important;
    color: #f3f4f6 !important;
    font-size: 13px !important;
  }
  .money-row { grid-template-columns: minmax(110px, 150px) 8px minmax(0, 1fr) 16px !important; }
  .profile-row b,
  .money-row b { font-weight: 400 !important; }
  .profile-row span,
  .money-row span { color: #a9adb5 !important; }

  .account-inner .finance-page,
  .account-inner .withdraw-page {
    width: 100% !important;
    min-height: 690px !important;
    padding: 20px 16px 55px !important;
    background: #0b1421 !important;
  }
  .payment-tabs {
    width: 100% !important;
    min-height: 58px !important;
    height: auto !important;
    padding: 10px 13px !important;
    gap: 0 !important;
    border: 1px solid #27344a !important;
    border-radius: 7px !important;
    background: #10131e !important;
  }
  .finance-page:has(> .payment-tabs) { display: flex !important; flex-direction: column; }
  .finance-page > .inline-payment-form { order: 10; }
  .reference-payment-setup { display: block !important; scroll-margin-top: 20px; }
  .reference-payment-setup > p { max-width: 650px; margin: 18px 0; font: 400 13px/1.7 Poppins, sans-serif; color: #c7cad1; }
  .payment-tabs button {
    height: 38px !important;
    padding: 0 18px !important;
    border-right: 1px solid #2c3443 !important;
    background: transparent !important;
    color: #c7cad1 !important;
    font-family: AirIndia, Poppins, sans-serif !important;
    font-size: 16px !important;
    font-weight: 500 !important;
  }
  .payment-tabs button.active {
    border: 1px solid #e1131a !important;
    border-radius: 7px !important;
    background: linear-gradient(90deg, #36171e, #241620) !important;
    color: #fff !important;
    box-shadow: inset 0 -2px #e1131a !important;
  }
  .payment-tabs button svg { color: #f01820 !important; }
  .payment-group { margin-top: 20px !important; }
  .payment-group h2 {
    height: 30px !important;
    margin-bottom: 20px !important;
    border-bottom: 0 !important;
    color: #fff !important;
    font-family: AirIndia, Poppins, sans-serif !important;
    font-size: 18px !important;
    font-weight: 400 !important;
  }
  .payment-group h2::after { content: ""; flex: 1; min-width: 20px; border-top: 1px dashed #18344d; margin-left: 10px; }
  .payment-group h2 svg { color: #f01820 !important; }
  .payment-grid {
    grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
    gap: 15px !important;
  }
  .payment-grid button {
    min-width: 0 !important;
    height: 80px !important;
    position: relative !important;
    padding: 0 !important;
    display: flex !important;
    flex-direction: column !important;
    overflow: hidden !important;
    border: 1px solid #29313c !important;
    border-radius: 8px !important;
    background: #222a36 !important;
  }
  .payment-grid button.selected {
    border-color: #29313c !important;
    box-shadow: inset 0 -2px 0 #e1131a, inset 1px 0 0 #85151b, inset -1px 0 0 #85151b !important;
  }
  .payment-grid button::before { content: ""; position: absolute; top: 0; left: 10%; width: 80%; height: 4px; background: #ffffff1a; border-radius: 0 0 8px 8px; }
  .payment-grid strong { display: flex !important; align-items: center !important; justify-content: center !important; width: 100% !important; min-height: 54px !important; height: 54px !important; padding: 10px 5px 2px !important; background: transparent !important; }
  .payment-grid strong img { width: 100% !important; max-width: 100% !important; height: 42px !important; max-height: 42px !important; padding: 3px 5px !important; object-fit: contain !important; }
  .payment-grid button > span {
    min-height: 25px !important;
    padding: 3px 8px !important;
    display: block !important;
    width: 100% !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    border-top: 1px solid #ffffff14 !important;
    background: #ffffff08 !important;
    color: #eceef2 !important;
    font-size: 12px !important;
  }
  .inline-payment-form {
    grid-template-columns: minmax(0, 40%) minmax(0, 1fr) !important;
    gap: 15px 30px !important;
    margin-top: 38px !important;
    padding: 0 5px 45px !important;
  }
  .method-form-head {
    min-height: 52px !important;
    padding: 0 8px 0 20px !important;
    border: 0 !important;
    border-left: 2px solid #a20910 !important;
    border-radius: 7px !important;
    background: linear-gradient(90deg, #30151e, #171825 72%) !important;
  }
  .method-form-head > strong { font-size: 16px !important; font-weight: 400 !important; }
  .method-form-head > span { height: 35px !important; border-color: #ef1118 !important; }
  .method-form-head > span b,
  .method-form-head > span i { min-width: 140px !important; font-size: 13px !important; font-weight: 400 !important; }
  .method-form-head > span b { background: #c30a10 !important; color: #fff !important; }
  .inline-payment-form label { gap: 6px !important; color: #c7cad1 !important; font-size: 13px !important; }
  .inline-payment-form input,
  .inline-payment-form select,
  .inline-payment-form textarea {
    height: 35px !important;
    padding: 0 12px !important;
    border: 1px solid #26354b !important;
    border-radius: 6px !important;
    background: #0b1421 !important;
    color: #fff !important;
    font-size: 13px !important;
  }
  .inline-payment-form textarea { height: 60px !important; padding-top: 10px !important; }
  .inline-payment-form .amount-input { height: 35px !important; }
  .inline-payment-form .amount-input input { text-align: right; border: 0 !important; background: transparent !important; }
  .inline-payment-form .amount-input > span { font-size: 13px !important; }
  .inline-payment-form .method-limits { color: #878d98 !important; font-size: 14px !important; font-weight: 400; line-height: 1.5 !important; }
  .inline-payment-form > button {
    min-width: 108px !important;
    min-height: 35px !important;
    height: 35px !important;
    padding: 0 14px !important;
    border-radius: 100px !important;
    background: linear-gradient(90deg, #ad0000, #ef0b12) !important;
    color: #fff !important;
    font-size: 13px !important;
     justify-self: center !important;
    transform: translateX(-72px);
  }

  .depositwithdrawbtn { gap: 12px !important; margin-right: 8px !important; }
  .hdr-btn-deposit {
    width: 100px !important;
    min-width: 100px !important;
    height: 35px !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: url('/assets/usbahis/reference5/deposit.webp') center / contain no-repeat !important;
    color: #fff !important;
    font-size: 12px !important;
    font-weight: 400 !important;
    gap: 4px !important;
  }
  .hdr-btn-deposit::before { content: none !important; }
  .hdr-btn-deposit > * { position: absolute !important; width: 1px !important; height: 1px !important; overflow: hidden !important; clip-path: inset(50%) !important; }
  .hdr-btn-deposit .reference-wallet-icon { box-sizing: border-box; width: 26px; height: 23px; padding: 3px; border-right: 1px solid #e51018; border-radius: 3px; background: #31161b; }
  .hdr-btn-withdraw {
    min-width: 83px !important;
    height: 30px !important;
    padding: 0 14px !important;
    border-radius: 999px !important;
    background: #2b3242 !important;
    color: #fff !important;
    font-size: 13px !important;
    font-weight: 400 !important;
  }
  .member-tools { height: 42px !important; gap: 0 !important; }
  .member-dropdown { height: 30px !important; }
  .member-dropdown > summary { height: 30px !important; gap: 6px !important; padding: 0 8px !important; font-size: 12px !important; font-weight: 400 !important; }
  .member-dropdown > summary svg { width: 14px !important; height: 14px !important; }
  .balance-dropdown > summary { min-width: 104px !important; }
  .notification-dropdown { margin-left: 0 !important; }
  .member-notification { display: flex !important; align-items: center; justify-content: center; height: 30px !important; width: 42px !important; }
  .account-dropdown > summary { min-width: 98px !important; }
  .account-dropdown > summary span { display: inline !important; }
  .account-dropdown:hover > summary,
  .account-dropdown:focus-within > summary { color: #ff1018 !important; }
  .member-bets { display: flex !important; height: 30px !important; padding: 0 8px !important; font-size: 12px !important; font-weight: 400 !important; }
  .account-popover {
    top: 29px !important;
    right: 0 !important;
    width: 164px !important;
    min-width: 0 !important;
    padding: 4px 6px !important;
    border: 1px solid #23334c !important;
    background: #05070e !important;
  }
  .account-popover a,
  .account-popover button {
    display: flex !important;
    align-items: center !important;
    height: 32px !important;
    min-height: 0 !important;
    padding: 0 7px !important;
    gap: 7px !important;
    font-size: 13px !important;
    font-weight: 400 !important;
    line-height: 18px !important;
    white-space: nowrap;
  }
  .account-popover svg { width: 16px !important; height: 16px !important; flex: 0 0 16px !important; }
  .account-popover .reference-solid-icon { font-size: 16px; }
  .profile-action .reference-solid-icon { font-size: 14px; width: 18px; }
  .payment-group .reference-solid-icon { color: #ff0000; font-size: 16px; }
  .payment-tabs .reference-solid-icon { color: #c7cad1; font-size: 15px; margin-right: 4px; }
  .payment-tabs button.active .reference-solid-icon { color: #ff0000; }
  .account-content:has(.finance-page, .withdraw-page) > header h1 { font-family: AirIndia, Poppins, sans-serif !important; font-size: 16px !important; font-weight: 400 !important; }
  .inline-payment-form .provider-result { grid-column: 1 / -1; padding: 18px 20px !important; border: 1px solid #273445 !important; border-radius: 8px !important; background: #18212d !important; font-size: 13px !important; line-height: 1.6 !important; }
  .inline-payment-form .provider-result { width: 100%; max-width: 610px; overflow-wrap: anywhere; }
  .profile-completion-notice { grid-column: 1 / -1; max-width: 610px; padding: 15px 18px; border: 1px solid #7f2730; border-radius: 8px; background: #251720; color: #ddd; font-size: 13px; }
  .profile-completion-notice p { margin: 0 0 10px; }
  .profile-completion-notice a { display: inline-flex; padding: 8px 14px; background: #d40000; color: #fff; border-radius: 100px; }
  .inline-payment-form .provider-result > b { color: #fff !important; font-size: 15px !important; font-weight: 500 !important; }
  .inline-payment-form .provider-result button, .inline-payment-form .provider-result a { min-height: 35px; border-radius: 100px; font-size: 13px; }
  .account-dropdown:hover > .account-popover,
  .account-dropdown:focus-within > .account-popover { display: block !important; }

  .usbahis-footer.footer { background: #232a32 !important; border-top: 0 !important; }
  .usbahis-footer .provider-footer-strip {
    max-width: 1300px !important;
    margin: 0 auto !important;
    padding: 32px 20px 18px !important;
    gap: 6px !important;
    border: 0 !important;
  }
  .usbahis-footer .provider-footer-strip > span {
    width: auto !important;
    min-width: 70px !important;
    height: 38px !important;
    padding: 3px 7px !important;
    border: 1px solid #45505c !important;
    border-radius: 5px !important;
    background: #35404b !important;
  }
  .usbahis-footer .provider-footer-strip img {
    display: block !important;
    width: auto !important;
    max-width: 88px !important;
    height: 28px !important;
    object-fit: contain !important;
    filter: none !important;
  }
  .usbahis-footer .usbahis-provider-icon { height: 40px !important; }
  .usbahis-footer .footer-grid {
    display: grid !important;
    width: calc(100% - 100px) !important;
    max-width: 1300px !important;
    margin: 0 auto !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) minmax(0, 1.1fr) !important;
    gap: 40px !important;
    padding: 12px 0 24px !important;
    border: 0 !important;
  }
  .usbahis-footer .footer-grid h3 {
    margin: 0 0 15px !important;
    color: #ff171d !important;
    font-size: 16px !important;
    font-weight: 600 !important;
    line-height: 1.5 !important;
    text-decoration: underline !important;
    text-underline-offset: 4px !important;
  }
  .usbahis-footer .footer-grid a,
  .usbahis-footer .footer-grid p { color: #e0e2e5 !important; font-size: 12px !important; font-weight: 400 !important; line-height: 1.6 !important; }
  .usbahis-footer .footer-grid > div { min-width: 0 !important; }
  .usbahis-footer .footer-grid .footer-brand { display: flex !important; flex-direction: column !important; align-items: flex-start !important; width: 100% !important; max-width: 100% !important; min-width: 0 !important; margin: 0 !important; padding: 0 !important; gap: 12px !important; }
  .usbahis-footer .footer-brand h3 { margin-bottom: 0 !important; }
  .usbahis-footer .footer-brand > a { display: block !important; width: 100% !important; max-width: 100% !important; height: auto !important; margin: 0 !important; }
  .usbahis-footer .footer-brand .powered-by,
  .usbahis-footer .footer-brand .footer-gamecheck { display: block !important; width: 100% !important; max-width: 215px !important; height: auto !important; margin: 0 !important; object-fit: contain !important; object-position: left center; filter: none !important; }
  .usbahis-footer .footer-license-title { display: none !important; }
  .usbahis-footer .responsible { display: block !important; width: auto !important; max-width: 100% !important; }
  .usbahis-footer .responsible-copy { display: flex !important; align-items: center !important; gap: 10px !important; }
  .usbahis-footer .responsible-copy p { min-width: 0; margin: 0 !important; }
  .usbahis-footer .responsible-copy > img { width: 40px !important; height: 40px !important; flex: 0 0 40px; }
  .usbahis-footer .footer-bottom,
  .usbahis-footer > small,
  .usbahis-footer > .copyright {
    min-height: 39px !important;
    padding: 10px !important;
    border-top: 1px solid #3a434e !important;
    color: #d7d9dc !important;
    text-align: center !important;
    font-size: 11px !important;
  }
}

@media (min-width: 1200px) and (max-width: 1499px) {
  .usbahis-brand img { width: 220px !important; }
  .usbahis-primary-nav > .usbahis-nav-entry > a { gap: 6px !important; padding-inline: 6px !important; font-size: 14px !important; }
  .usbahis-primary-nav img { width: 35px !important; height: 35px !important; }
  .account-inner .account-shell,
  .account-home .account-shell { grid-template-columns: 240px minmax(0, 1fr) !important; }
  .account-sidebar summary,
  .account-sidebar details a,
  .account-sidebar .reference-inbox-link { font-size: 14px !important; }
  .profile-detail { padding-inline: 25px !important; }
  .profile-row,
  .money-row { padding-inline: 14px !important; font-size: 13px !important; }
  .payment-grid { grid-template-columns: repeat(4, minmax(0, 1fr)) !important; }
  .payment-tabs { overflow-x: auto; }
  .payment-tabs button { white-space: nowrap; flex-shrink: 0; padding-inline: 13px !important; }
  .usbahis-footer .footer-grid { gap: 25px !important; }
}
@media (min-width: 1440px) and (max-width: 1499px) {
  .account-inner .account-shell, .account-home .account-shell { grid-template-columns: 300px minmax(0, 1fr) !important; }
}

/* Keep imported promotion paragraphs and list items on the same text rhythm. */
.usbahis-promo-copy { overflow-wrap: break-word; }
.usbahis-promo-copy p,
.usbahis-promo-copy ul,
.usbahis-promo-copy ol { margin: 0 0 10px !important; line-height: 1.6 !important; }
.usbahis-promo-copy ul,
.usbahis-promo-copy ol { padding-inline-start: 20px !important; }
.usbahis-promo-copy li { margin: 0 0 8px !important; padding-inline-start: 2px; }
.usbahis-promo-copy li:last-child { margin-bottom: 0 !important; }
.usbahis-promo-copy.reference-promo-has-list > p { padding-inline-start: 22px; }
.usbahis-promo-copy > :last-child { margin-bottom: 0 !important; }

/* Reference desktop homepage. Keep the existing mobile layout independent. */
@media (min-width: 1200px) {
  .lake-app.usbahis-home {
    background: #0c192d url('/assets/usbahis/dashboard/dashboard-bg.webp') center top / 100% auto no-repeat fixed !important;
  }
  #usbahis-root .usbahis-home .usbahis-hero {
    width: 100% !important; max-width: 1500px !important; height: calc(27.0758vw - 69.8556px) !important;
    aspect-ratio: auto !important; margin: 20px auto 0 !important;
    border: 0 !important; border-radius: 0 !important; background: transparent !important;
  }
  #usbahis-root .usbahis-home .usbahis-hero img { object-fit: fill !important; }
  .usbahis-home .usbahis-hero .hero-nav { opacity: 0; transition: opacity .15s; }
  .usbahis-home .usbahis-hero:hover .hero-nav,
  .usbahis-home .usbahis-hero:focus-within .hero-nav { opacity: 1; }
  #usbahis-root .usbahis-home .usbahis-mobile-quick-actions {
    width: calc(80% - 20px); max-width: none; grid-template-columns: repeat(7, minmax(0, 1fr));
    gap: 30px; margin: 40px auto; padding: 0; background: transparent;
  }
  #usbahis-root .usbahis-home .usbahis-mobile-quick-actions a {
    height: auto; aspect-ratio: 1.27; gap: 12px; padding: 15px 8px;
    background: linear-gradient(180deg, #2c5599 0%, #103c81 55%, #002155 100%) !important;
    border: 1px solid #42649b; border-radius: 15px; box-shadow: none;
  }
  #usbahis-root .usbahis-home .usbahis-mobile-quick-actions span { width: 48px; height: 48px; background: none; }
  #usbahis-root .usbahis-home .usbahis-mobile-quick-actions svg,
  #usbahis-root .usbahis-home .usbahis-mobile-quick-actions img { width: 46px; height: 46px; object-fit: contain; }
  #usbahis-root .usbahis-home .usbahis-mobile-quick-actions img { filter: brightness(0) invert(1); }
  #usbahis-root .usbahis-home .usbahis-mobile-quick-actions b {
    display: block; width: 100%; padding: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
    font: 400 clamp(12px, 1.05vw, 18px)/1.25 Poppins, Arial, sans-serif; letter-spacing: -.3px;
  }
  .usbahis-home .shell { width: calc(80% - 20px) !important; max-width: none !important; margin-inline: auto !important; padding-inline: 0 !important; }
  .usbahis-home .section-title { margin: 0 0 28px !important; }
  .usbahis-home .section-title h2 {
    padding-left: 20px !important; border-left: 3px solid #ff1018;
    font: 400 24px/1.3 AirIndia, Sora, sans-serif !important; text-transform: uppercase;
  }
  .usbahis-home .section-title h2 span { color: #ff1018 !important; }
  .usbahis-home .usbahis-feature-list { display: grid; grid-template-columns: repeat(9, minmax(0, 1fr)); gap: 15px; margin-top: 0; }
  .usbahis-home .usbahis-feature-list li { min-width: 0; }
  .usbahis-home .usbahis-feature-list img { width: 100%; height: auto; aspect-ratio: 136/191; border-radius: 0; }
  .usbahis-home .usbahis-feature-games { padding-block: 0 38px; }
  .usbahis-home .usbahis-prematch { display: none !important; }
  .usbahis-home .usbahis-live-featured { padding: 0 0 38px; }
  .usbahis-home .usbahis-live-featured .section-title p { display: none; }
  .usbahis-home .usbahis-showall { padding: 9px 16px; border-radius: 30px; background: linear-gradient(90deg,#970000,#e00000); color: white; font: 400 13px Poppins, sans-serif; }

  .usbahis-slot-workspace { background: #0b1421 !important; }
  .usbahis-slot-providers { background: #0b1421 !important; }
  .usbahis-slot-provider-list { scrollbar-color: #650b10 #0b1421; padding-top: 12px; }
  .usbahis-slot-provider-list button {
    border: 2px solid #ff171d !important; color: #fff !important;
    background: linear-gradient(#18191bdd,#18191bdd), url('/assets/usbahis/images/c2e057b744-casino-provider-bg.webp') center/cover !important;
  }
  .usbahis-slot-provider-list button.active { background-image: linear-gradient(#ff171db3,#ff171db3), url('/assets/usbahis/images/c2e057b744-casino-provider-bg.webp') !important; }
  .usbahis-slot-provider-header button { background: #d0d2d6; color: #0b111a; border-radius: 4px; padding: 5px 10px; font-size: 13px; font-weight: 600; }
  .usbahis-slot-provider-search input { background: #1e2332 !important; border-color: #303643 !important; }
  .usbahis-slot-categories { background: #26313d !important; }
  .usbahis-slot-categories .strip-arrow { background: #1e2332 !important; }
  .usbahis-slot-categories > div > button { font-family: Poppins, sans-serif; font-weight: 400; }
  .usbahis-slot-catalog .game-controls, .usbahis-live-controls { background: #0b1421 !important; }
  .usbahis-slot-catalog .game-controls label, .usbahis-live-controls label {
    background: #19232f !important; border: 1px solid #29313d !important; padding: 0; overflow: hidden;
  }
  .usbahis-slot-catalog .game-controls input, .usbahis-live-controls input { padding-left: 12px; font: 400 14px Poppins, sans-serif; }
  .usbahis-slot-catalog .game-controls label > svg { width: 35px; height: 34px; padding: 9px; background: white; color: #111; flex-shrink: 0; }
  .usbahis-live-controls label > button { background: white !important; color: #111 !important; }
  .usbahis-slot-catalog .game-controls > button { background: #26313d !important; border-color: #303b49 !important; }
  .usbahis-slot-content { position: relative; }
  .usbahis-slot-content > .usbahis-slot-categories { width: calc(100% - 325px); height: 60px; min-height: 60px; }
  .usbahis-slot-categories > div > button { font: 400 14px/20px Poppins, sans-serif !important; white-space: nowrap; }
  .usbahis-slot-categories > div > button svg { width: 24px; height: 24px; }
  .usbahis-slot-catalog, .usbahis-slot-catalog .pragmatic-catalog { position: static !important; }
  .usbahis-slot-catalog > h2 { display: none; }
  .usbahis-slot-catalog .game-controls { position: absolute; top: 0; right: 0; width: 325px; height: 60px; padding: 10px; display: flex; align-items: center; gap: 7px; }
  .usbahis-slot-catalog .game-controls label { flex: 1; min-width: 0; width: auto; display: flex; }
  .usbahis-slot-catalog .game-controls input { width: 100%; min-width: 0; font-size: 14px !important; }
  .usbahis-slot-catalog .game-controls > span, .usbahis-slot-catalog .game-controls > button:not(.reference-layout-button) { display: none; }
  .usbahis-slot-catalog .game-controls > .reference-layout-button { display: grid; place-items: center; flex: 0 0 24px; width: 24px; height: 34px; border: 0 !important; padding: 0; background: transparent !important; color: #c6c9cf; }
  .reference-layout-button svg { width: 23px; height: 23px; }
  .reference-layout-button[aria-pressed=true] { color: white !important; }
  .usbahis-slot-catalog[data-reference-layout=compact] .casino-grid { grid-template-columns: repeat(8, minmax(0, 1fr)) !important; }
  .usbahis-slot-provider-header h2 { font-size: 18px; font-weight: 400; }

  .usbahis-auth .login .auth-submit,
  .usbahis-auth .login .auth-form:has(input[name=login]:valid):has(input[name=password]:valid) .auth-submit:not(:disabled) {
    display: flex !important; align-items: center; justify-content: center; gap: 6px;
    align-self: flex-end !important; width: auto !important; min-width: 144px; height: 41px !important;
    padding: 8px 20px !important; border-radius: 100px !important;
    background: linear-gradient(90deg,#91090f,#f00000) !important; color: #fff !important;
    font: 500 16px/1.2 Poppins, sans-serif !important;
  }
  .usbahis-auth .login .auth-submit svg { display: block !important; width: 19px; height: 19px; }
  .usbahis-auth .login .auth-submit:disabled,
  .usbahis-auth .login .auth-form:has(input[name=login]:placeholder-shown) .auth-submit,
  .usbahis-auth .login .auth-form:has(input[name=password]:placeholder-shown) .auth-submit {
    background: linear-gradient(90deg,#521c27,#791b28) !important; color: #8e929b !important;
  }
}

/* Original image tiles and homepage sections; no screenshot fragments or mock payouts. */
@media (min-width: 1200px) {
  .usbahis-main-header { background: #0b1421 !important; }
  .usbahis-top-strip, .usbahis-primary-nav-row { background: #14223d !important; }
  #usbahis-root .reference-home .reference-shortcuts a {
    display: block; height: auto; aspect-ratio: auto; padding: 0; border: 0;
    border-radius: 0; background: transparent !important; transition: transform .2s, filter .2s;
  }
  #usbahis-root .reference-home .reference-shortcuts a:hover { transform: translateY(-10px); filter: brightness(1.2); }
  #usbahis-root .reference-home .reference-shortcuts img {
    display: block; width: 100%; height: auto; object-fit: contain; filter: none;
  }
  .reference-home-promotions { margin-block: 0 40px !important; }
  .reference-bonus-banner { display: block; margin-bottom: 40px; }
  .reference-bonus-banner img { display: block; width: 100%; height: auto; }
  .reference-provider-banners { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 25px; align-items: end; }
  .reference-provider-banners a { display: block; min-width: 0; transition: transform .25s; }
  .reference-provider-banners a:hover { transform: scale(1.03); }
  .reference-provider-banners img { display: block; width: 100%; height: auto; }
  .reference-home .section-title { align-items: center; }
  .reference-home a { text-decoration: none; }
  .reference-home .section-title a.usbahis-showall { color: white !important; font: 400 13px/18px Poppins, sans-serif !important; text-transform: none !important; letter-spacing: normal !important; }
  .reference-home .section-title h2 { margin: 0; }
  .reference-live-carousel { position: relative; }
  .reference-live-row { display: flex; gap: 35px; overflow-x: auto; scrollbar-width: none; scroll-snap-type: x mandatory; }
  .reference-live-row::-webkit-scrollbar, .reference-popular-row::-webkit-scrollbar { display: none; }
  .reference-live-card {
    flex: 0 0 345px; min-width: 0; min-height: 355px; padding: 40px 20px 18px;
    background: #0b1421; border-radius: 10px; text-align: center; scroll-snap-align: start;
    display: flex; align-items: center; flex-direction: column; font-family: Poppins, sans-serif;
  }
  .reference-live-image { display: block; width: 210px; height: 150px; }
  .reference-live-image img { width: 100%; height: 130px; object-fit: cover; border-radius: 8px; }
  .reference-live-card h3 { width: 100%; margin: 25px 0 10px; color: #f4f5f8; font-size: 18px; font-weight: 600; line-height: 1.5; }
  .reference-live-card p { margin: 0 0 33px; color: #e2e2e5; font-size: 13px; }
  .reference-play { display: inline-flex; align-items: center; justify-content: center; gap: 8px; padding: 9px 12px; min-width: 120px; margin-top: auto; background: linear-gradient(90deg,#8b0101,#db0000 75%); border-radius: 100px; color: white; font: 500 12px/18px Poppins, sans-serif; }
  .reference-play svg { width: 14px; height: 14px; }
  .reference-live-prev, .reference-live-next { position: absolute; top: 45%; display: grid; place-items: center; width: 45px; height: 45px; padding: 11px; border: 0; border-radius: 50%; background: #dc0000; color: white; cursor: pointer; }
  .reference-live-prev { left: 0; }
  .reference-live-next { right: 0; }
  .reference-live-prev svg, .reference-live-next svg { width: 100%; height: 100%; }
  .reference-popular-strip { padding-block: 0 50px; }
  .reference-popular-row { display: flex; gap: 18px; overflow: auto; scrollbar-width: none; padding-block: 8px; }
  .reference-popular-card { display: flex; flex: 0 0 235px; align-items: center; height: 70px; min-width: 0; background: #06090f; border: 1px solid #700a0e; border-radius: 7px; font-family: Poppins, sans-serif; }
  .reference-popular-card > img { flex: 0 0 75px; width: 75px; height: 75px; border-radius: 50%; object-fit: cover; margin-right: 10px; }
  .reference-popular-card > div { min-width: 0; padding-right: 9px; }
  .reference-popular-card h3, .reference-popular-card p { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; margin: 0; }
  .reference-popular-card h3 { font-size: 12px; font-weight: 500; color: #fff; }
  .reference-popular-card p { font-size: 11px; color: #aaa; margin: 2px 0; }
  .reference-popular-card span { color: #ff3840; font-size: 11px; }
  .usbahis-chat-launcher { width: 50px !important; height: 50px !important; background: #f00000 !important; color: white !important; border: 0 !important; }
  .usbahis-chat-launcher svg { width: 25px !important; height: 25px !important; color: white !important; }
  .usbahis-chat-launcher svg path[fill="#FDCF1E"] { fill: #f00000 !important; }
  .usbahis-footer .provider-footer-strip { width: calc(80% - 30px) !important; max-width: none !important; padding: 30px 0 18px !important; gap: 6px !important; }
  .usbahis-footer .provider-footer-strip > span { min-width: 0 !important; height: 38px !important; padding: 0 4px !important; background: #353d45 !important; border: 1px solid #424951 !important; border-radius: 4px !important; }
  .reference-provider-logo { display: block; height: 36px; background-image: url('/assets/cdnjunction/Websites/images/footer-provider-images.webp'); background-repeat: no-repeat; flex-shrink: 0; }
  .usbahis-footer .footer-grid { width: calc(80% - 30px) !important; max-width: none !important; gap: 40px !important; }
  .usbahis-footer.footer { background: #222931 !important; }
}
@media (min-width: 1200px) and (max-width: 1599.98px) {
  .usbahis-header-container { width: 90% !important; max-width: none !important; }
  .usbahis-primary-nav, .usbahis-primary-nav > .usbahis-nav-entry > a { min-height: 60px !important; height: 60px !important; }
  .usbahis-primary-nav > .usbahis-nav-entry > a { font-size: 14px !important; line-height: 16px !important; }
  .usbahis-home .shell { width: calc(90% - 20px) !important; }
  #usbahis-root .usbahis-home .usbahis-mobile-quick-actions { width: calc(90% - 20px); }
  .usbahis-footer .provider-footer-strip, .usbahis-footer .footer-grid { width: calc(90% - 30px) !important; }
}
@media (min-width: 1200px) and (max-width: 1440px) {
  #usbahis-root .usbahis-home .usbahis-hero { width: 90% !important; height: calc(.144404px + 27.0758vw) !important; }
}
@media (prefers-reduced-motion: reduce) {
  .reference-shortcuts a, .reference-provider-banners a { transition: none !important; transform: none !important; }
}
.reference-bonus-success {
  position: fixed; z-index: 100000; top: 24px; right: 24px;
  display: flex; align-items: center; gap: 20px; max-width: calc(100vw - 48px);
  padding: 16px 18px; background: #18212e; border: 1px solid #303c4b;
  border-left: 4px solid #e60000; border-radius: 8px;
  color: #fff; font: 400 14px/1.5 Poppins, sans-serif;
  box-shadow: 0 8px 28px #0006;
}
.reference-bonus-success button {
  padding: 0 4px; border: 0; background: transparent; color: #fff;
  font: 24px/1 sans-serif; cursor: pointer;
}
/* Same portal layout, without moving the React-owned form into another parent. */
.promo-code-panel.promo-code-card > svg,
.promo-code-panel.promo-code-card > h1 { display: none !important; }
.promo-code-panel.promo-code-card form { margin: 0 !important; }
@media (min-width: 1200px) {
  .promo-code-panel.promo-code-card label { font-size: 13px; }
  .promo-code-panel.promo-code-card input { height: 52px; font-size: 15px; }
  .promo-code-panel.promo-code-card button { min-height: 52px; font-size: 15px; }
}

@media(max-width:1199px){
  .account-inner .payment-tabs{display:flex;flex-wrap:nowrap;gap:6px;overflow-x:auto;-webkit-overflow-scrolling:touch}
  .account-inner .payment-tabs button{flex:0 0 auto}
  .account-inner .payment-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
  .account-inner .payment-grid button{height:auto;min-height:88px}
  .account-inner .payment-grid strong{height:auto;min-height:48px}
  .account-inner .payment-grid strong img{width:100%;height:44px;object-fit:contain}
  .account-inner .payment-grid button>span{font-size:10px;line-height:1.25}
}