/* Mobile presentation corrections. Desktop keeps its existing styles. */
@media (max-width: 768px) {
  #usbahis-root .usbahis-mobile-header .mobile-brand {
    height: 36px;
    align-items: center;
    justify-content: flex-start;
  }
  #usbahis-root .usbahis-mobile-header .mobile-brand img {
    max-width: 140px !important;
    max-height: 32px !important;
    object-position: left center !important;
    transform: translateY(-5px) !important;
  }
  body:has(.usbahis-auth[open]) #usbahis-root .usbahis-mobile-header .mobile-brand {
    flex: 0 0 134px;
    width: 134px;
    max-width: 40vw;
  }
  #usbahis-root .mobile-drawer { width: 63%; max-width: 355px; }
  #usbahis-root .mobile-provider-switch { height: 36px; }
  #usbahis-root .mobile-provider-switch button { height: 34px; font-size: 12px; }
  #usbahis-root .mobile-drawer-main a,
  #usbahis-root .mobile-drawer-secondary a { height: 40px; min-height: 40px; font-size: 13px; }
  #usbahis-root .mobile-drawer-main:before { width: 34px; }
  #usbahis-root .mobile-drawer-main a > span { flex-basis: 34px; width: 34px; height: 40px; }
  #usbahis-root .mobile-drawer-main a svg,
  #usbahis-root .mobile-drawer-secondary a svg { width: 22px; height: 22px; }
  #usbahis-root .mobile-drawer-secondary a { gap: 15px; }
  #usbahis-root .mobile-language-setting { font-size: 12px; padding: 7px 10px; }
  #usbahis-root .mobile-drawer-social a { width: 40px; height: 40px; }

  html body .usbahis-auth .auth-mobile-hero {
    aspect-ratio: 1.75 !important;
    background: #152037 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 390 223' fill='none'%3E%3Cpath d='M174 -20C150 24 174 117 168 167S151 224 118 230M238 -20C220 7 270 48 242 70S76 61 64 96S127 145 66 165S4 155 -20 180' stroke='%23b5beca' stroke-width='1.6' opacity='.65'/%3E%3Cpath d='M325 -20C326 18 312 42 322 48M409 118C316 119 361 187 334 226M-10 30L75 -16' stroke='%23b90926' stroke-width='.8' opacity='.8'/%3E%3Cg stroke='%23b90926' stroke-width='1'%3E%3Ccircle cx='295' cy='12' r='7'/%3E%3Ccircle cx='286' cy='36' r='3'/%3E%3Ccircle cx='196' cy='108' r='9'/%3E%3C/g%3E%3Cg fill='%23e00012'%3E%3Ccircle cx='194' cy='57' r='7'/%3E%3Ccircle cx='216' cy='52' r='4'/%3E%3Ccircle cx='351' cy='79' r='5'/%3E%3Ccircle cx='330' cy='73' r='2'/%3E%3C/g%3E%3C/svg%3E") center top / 100% 100% no-repeat !important;
  }
  html body .usbahis-auth .auth-mobile-hero:after {
    inset: 58% 0 0;
    background: linear-gradient(transparent, #05080f 95%);
    pointer-events: none;
  }
  html body .usbahis-auth .login .auth-mobile-hero > img {
    position: absolute !important;
    left: 4% !important;
    top: auto !important;
    bottom: 0 !important;
    width: 35% !important;
    height: auto !important;
    max-height: none !important;
    aspect-ratio: 660 / 668;
    object-fit: contain !important;
    mask-image: linear-gradient(to right, transparent, #000 8%, #000 85%, transparent);
  }
  html body .usbahis-auth .register .auth-mobile-hero > img {
    position: absolute !important;
    left: 0 !important;
    top: -3% !important;
    width: 43% !important;
    height: auto !important;
    max-height: none !important;
    aspect-ratio: 1052 / 1415;
    object-fit: contain !important;
    mask-image: linear-gradient(to right, #000 85%, transparent);
  }
  html body .usbahis-auth .auth-mobile-hero .mr-auth-caption {
    left: 5%; top: 5%; width: 36%; gap: 3px;
  }
  html body .usbahis-auth .mr-auth-caption b { font-size: clamp(7px, 2.05vw, 12px); }
  html body .usbahis-auth .mr-auth-caption strong { font-size: clamp(8px, 2.3vw, 14px); }
  html body .usbahis-auth .mr-auth-caption span { font-size: clamp(6px, 1.65vw, 10px); }
}
@media (max-width: 359px) {
  #usbahis-root .mobile-provider-switch button { font-size: 10.5px; gap: 3px; }
  #usbahis-root .mobile-drawer-main a,
  #usbahis-root .mobile-drawer-secondary a { font-size: 12px; }
}