.ss-mobile-brand{display:none}
@media(max-width:760px){
html{scroll-padding-top:14px}
html body#ssRacingPage{background:#f4f5f8!important;color:#111827!important;-webkit-text-size-adjust:100%;font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;overflow-x:hidden!important}
html body#ssRacingPage *,html body#ssRacingPage *:before,html body#ssRacingPage *:after{box-sizing:border-box}
html body#ssRacingPage #ssRacingHero{width:100%!important;height:126px!important;min-height:126px!important;aspect-ratio:auto!important;background:linear-gradient(120deg,#ffdc00,#ffcd00)!important;border:0!important}
html body#ssRacingPage #ssRacingHero>.ss-rider-banner{display:none!important}
.ss-mobile-brand{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:12px 22px;position:relative;isolation:isolate}
.ss-mobile-brand:after{content:'';position:absolute;right:-28px;top:-30px;width:48px;height:210px;transform:rotate(24deg);background:#111;z-index:-1;box-shadow:-11px 0 0 #ffdc00,-20px 0 0 #111}
.ss-mobile-brand>img{width:112px;height:82px;object-fit:cover;border-radius:14px;flex-shrink:0;mix-blend-mode:multiply}
.ss-mobile-word{font-size:35px;letter-spacing:-2px;font-weight:1000;font-style:italic;white-space:nowrap;line-height:1.1;color:#fff;text-shadow:2px 2px #111,-1px -1px #111,1px -1px #111,-1px 1px #111}
.ss-mobile-word span{color:#ed071d}.ss-mobile-brand p{font-size:13px;line-height:1.4;font-weight:750;margin:8px 0 0;color:#151515;text-align:left}
html body#ssRacingPage .header{width:100%!important;min-height:64px!important;height:auto!important;max-height:none!important;padding:12px 16px!important;border:0!important;border-radius:0 0 20px 20px!important;background:#111!important;gap:10px!important;flex-direction:row!important;flex-wrap:nowrap!important;box-shadow:0 8px 20px #1112!important}
html body#ssRacingPage #logoHome{max-width:42%!important;height:34px!important;gap:0!important;flex-shrink:1!important}
html body#ssRacingPage #logoHome .logo-icon{display:none!important}
html body#ssRacingPage .header .logo-text{font-size:21px!important;margin:0!important;letter-spacing:-1px!important}
html body#ssRacingPage .header .nav-buttons{display:flex!important;gap:7px!important;flex-direction:row!important;flex-shrink:0!important}
html body#ssRacingPage .header .nav-btn{min-height:39px!important;height:39px!important;border-radius:12px!important;padding:0 11px!important;font-size:12px!important}
html body#ssRacingPage #navLegal{display:none!important}
html body#ssRacingPage #mainContainer{width:100%!important;margin:0!important;padding:16px 12px 110px!important;background:#f4f5f8!important;border-radius:0!important;min-height:75vh!important}
html body#ssRacingPage .card{border-radius:20px!important;border:1px solid #e7e9ee!important;box-shadow:0 4px 16px #13213b08!important;padding:16px!important;margin-bottom:14px!important;background:#fff!important;max-width:100%!important;min-width:0!important}
html body#ssRacingPage .card-title{font-size:18px!important;line-height:1.3!important;letter-spacing:-.4px!important;flex-wrap:wrap!important}
html body#ssRacingPage .client-search-card{padding:16px!important;border-radius:20px!important;background:#fff!important;margin:0 0 12px!important}
html body#ssRacingPage .client-search-card>.card-title{font-size:15px!important;display:block!important;margin-bottom:12px!important}
html body#ssRacingPage input:not([type=checkbox]):not([type=radio]):not([type=file]),html body#ssRacingPage select,html body#ssRacingPage textarea{font-size:16px!important;min-height:46px!important;border:1px solid #dfe3eb!important;border-radius:12px!important;background:#fff!important;color:#172033!important;max-width:100%!important;padding:11px 12px!important;box-shadow:none!important}
html body#ssRacingPage .client-search-input{padding-left:34px!important;height:48px!important;font-size:14px!important}
html body#ssRacingPage .ssw101-searchline,html body#ssRacingPage .ssw-v95-searchline{display:flex!important;flex-wrap:wrap!important;gap:10px!important}
html body#ssRacingPage .ssw101-searchline>input,html body#ssRacingPage .ssw-v95-searchline>input{flex:1 0 100%!important}
html body#ssRacingPage .ssw101-view-row,html body#ssRacingPage .ssw-v95-view-row{width:100%!important;height:auto!important;border-radius:12px!important}
html body#ssRacingPage .ssw101-type-row,html body#ssRacingPage .ssw-v95-type-row{margin-top:10px!important;height:auto!important}
html body#ssRacingPage .explore-control-btn{min-height:40px!important;border-radius:10px!important;font-size:13px!important;font-weight:750!important}
html body#ssRacingPage .category-strip-card{border-radius:18px!important;padding:13px!important;background:white!important;border:1px solid #e7e9ee!important;margin:0 0 14px!important;box-shadow:none!important}
html body#ssRacingPage .category-filters{display:flex!important;flex-wrap:nowrap!important;overflow-x:auto!important;gap:8px!important;padding:8px 0 3px!important;scrollbar-width:none}
html body#ssRacingPage .cat-filter{flex-shrink:0!important;min-height:38px!important;border-radius:99px!important;font-size:12px!important;padding:8px 13px!important;box-shadow:none!important}
html body#ssRacingPage .restaurant-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}
html body#ssRacingPage .restaurant-card{padding:9px!important;border-radius:17px!important;border:1px solid #e7e9ee!important;box-shadow:0 3px 12px #1111!important;min-width:0!important;background:#fff!important;overflow:hidden!important}
html body#ssRacingPage .restaurant-image{width:100%!important;aspect-ratio:1.15!important;height:auto!important;margin:18px 0 10px!important;border-radius:12px!important;object-fit:contain!important}
html body#ssRacingPage .restaurant-name{font-size:14px!important;text-align:left!important;font-weight:800!important;line-height:1.3!important;overflow-wrap:anywhere!important}
html body#ssRacingPage .restaurant-info{font-size:11px!important;line-height:1.5!important;text-align:left!important;overflow-wrap:anywhere!important}
html body#ssRacingPage .restaurant-badge,html body#ssRacingPage .restaurant-distance{font-size:9px!important;padding:4px 6px!important;top:7px!important;max-width:48%!important}
html body#ssRacingPage .restaurant-cat-tag{font-size:9px!important;padding:3px 5px!important;white-space:normal!important;box-shadow:none!important}
html body#ssRacingPage .menu-item{border-radius:17px!important;padding:13px!important;max-width:100%!important;background:#fff!important;border:1px solid #e7e9ee!important;box-shadow:0 3px 12px #1111!important}
html body#ssRacingPage .btn{min-height:44px!important;border-radius:12px!important;font-size:14px!important;line-height:1.35!important;padding:11px 15px!important;white-space:normal!important;text-transform:none!important}
html body#ssRacingPage .form-group{margin-bottom:15px!important}html body#ssRacingPage .form-label{font-size:13px!important;font-weight:750!important;margin-bottom:7px!important}
html body#ssRacingPage .form-row{display:flex!important;flex-wrap:wrap!important;gap:12px!important}html body#ssRacingPage .form-row>*{flex:1 1 100%!important;min-width:0!important}
html body#ssRacingPage .sub-nav{display:flex!important;flex-wrap:nowrap!important;overflow-x:auto!important;gap:8px!important;padding:6px 0 12px!important;scrollbar-width:none}
html body#ssRacingPage .sub-nav-btn{flex-shrink:0!important;border-radius:12px!important;min-height:42px!important;font-size:13px!important;padding:10px 13px!important}
html body#ssRacingPage .stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}
html body#ssRacingPage .partner-order-card{border-radius:18px!important;margin-bottom:14px!important;padding:14px!important;background:#fff!important;box-shadow:0 4px 16px #13213b0b!important;border:1px solid #e7e9ee!important}
html body#ssRacingPage .partner-order-grid{grid-template-columns:1fr!important;gap:10px!important}
html body#ssRacingPage .partner-order-box{border-radius:12px!important;padding:12px!important;overflow-wrap:anywhere!important}
html body#ssRacingPage .partner-order-actions{display:flex!important;flex-direction:column!important;gap:9px!important}html body#ssRacingPage .partner-order-actions>.btn{width:100%!important}
html body#ssRacingPage .driver-order-summary{gap:6px!important;display:flex!important;flex-wrap:wrap!important}
html body#ssRacingPage .summary-pill{font-size:12px!important;padding:8px 10px!important;line-height:1.4!important;border-radius:10px!important}
html body#ssRacingPage .driver-order-details-toggle{width:100%!important;min-height:44px!important;border-radius:12px!important;font-size:13px!important;margin:12px 0!important}
html body#ssRacingPage .cart-item{max-width:100%!important;gap:10px!important;padding:12px!important;border-radius:14px!important;flex-wrap:wrap!important}html body#ssRacingPage .cart-item-image{width:58px!important;height:58px!important;border-radius:12px!important}
html body#ssRacingPage .modal-content{width:calc(100% - 20px)!important;max-width:480px!important;margin:10px auto!important;border-radius:22px!important;max-height:calc(100dvh - 24px)!important;overflow-y:auto!important;padding:18px!important}
html body#ssRacingPage .fab{bottom:calc(16px + env(safe-area-inset-bottom))!important;right:14px!important;max-width:calc(100vw - 28px)!important;border-radius:16px!important;min-height:50px!important}
html body#ssRacingPage #supportChat{width:48px!important;height:48px!important;right:14px!important;bottom:84px!important;box-shadow:0 5px 18px #1112!important}
html body#ssRacingPage .notification-bell{position:fixed!important;top:auto!important;bottom:144px!important;right:17px!important;width:40px!important;height:40px!important;z-index:2000!important;border-radius:50%!important}
html body#ssRacingPage .notification-panel{position:fixed!important;top:80px!important;right:10px!important;width:calc(100vw - 20px)!important;max-height:75dvh!important;overflow:auto!important;border-radius:18px!important}
html body#ssRacingPage .table-container,html body#ssRacingPage .ssw-orders-scroll{max-width:100%!important;overflow-x:auto!important;-webkit-overflow-scrolling:touch}
html body#ssRacingPage .leaflet-container{border-radius:16px!important;max-width:100%!important}
}
@media(max-width:360px){.ss-mobile-brand{padding:12px!important;gap:3px!important}.ss-mobile-brand>img{width:90px!important}.ss-mobile-word{font-size:30px!important}html body#ssRacingPage .header .logo-text{font-size:18px!important}html body#ssRacingPage .header .nav-btn{padding:0 8px!important;font-size:11px!important}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}