/* App-only styles: the public website does not load this file. */
html{scroll-padding-top:90px}body.mobile-app{background:#f5f7fb;padding-bottom:calc(78px + env(safe-area-inset-bottom));overflow-wrap:anywhere}
.mobile-app .site-header{position:sticky;top:0;z-index:20;display:flex;flex-wrap:nowrap;padding:12px 16px;gap:8px;background:#fff}
.mobile-app .site-header>nav,.mobile-app .header-options .divider,.mobile-app .header-options #signout{display:none}
.mobile-app .wordmark{width:112px;border-width:2px;border-radius:7px;padding:3px 7px}.mobile-app .wordmark strong{font-size:24px}.mobile-app .wordmark span{font-size:7px;letter-spacing:3px;padding:2px 0}
.mobile-app .header-options{gap:6px;flex-wrap:nowrap;margin:0}.mobile-app .header-options select{max-width:105px;min-height:42px;font-size:12px}.mobile-app .header-options .currency-picker{max-width:65px}
.mobile-home{max-width:760px;margin:auto;padding:16px}.mobile-hero{border-radius:18px;min-height:230px;padding:25px 22px;display:flex;flex-direction:column;justify-content:flex-end;color:white;background:linear-gradient(90deg,#061020dd,#06102044),url('/assets/mountain-superbike-hero-v1.webp') center/cover}
.mobile-hero .eyebrow{color:#d8e5ff;font-size:10px;letter-spacing:1.5px}.mobile-hero h1{font-size:clamp(30px,8vw,46px);font-style:italic;text-transform:uppercase;line-height:1.02;margin:0 0 12px}.mobile-hero p{font-size:13px;margin:0;color:#fff}
.mobile-search{margin:12px 0 24px;padding:14px;background:white;border:1px solid var(--line);border-radius:16px;display:grid;gap:12px}.mobile-dates{display:grid;grid-template-columns:1fr 1fr;gap:8px;min-width:0}.mobile-search .field{margin:0;min-width:0}.mobile-search .field>span{font-size:11px}.mobile-search input,.mobile-search select{width:100%;min-width:0;max-width:100%;min-height:48px;padding:10px 8px;font-size:12px;background:#fff}.mobile-search p{margin:0}
.mobile-home .section-heading{margin:0 0 12px}.mobile-home h2{font-size:25px}.mobile-periods{margin-bottom:12px}.mobile-app .pill.active{background:var(--blue);border-color:var(--blue)}
.mobile-home .fleet-grid{display:grid;grid-template-columns:1fr;gap:14px;margin-bottom:16px}.mobile-home .bike-card{display:grid;grid-template-columns:34% minmax(0,1fr);align-items:stretch}.mobile-home .bike-image{padding:8px;display:flex;align-items:center;background:#eef1f5}.mobile-home .bike-image img{height:145px;object-fit:contain}.mobile-home .bike-content{padding:14px 12px;min-width:0}.mobile-home .bike-content h3{font-size:17px;min-height:0;margin:4px 0 8px}.mobile-home .bike-content .eyebrow{font-size:9px;letter-spacing:1px}.mobile-home .bike-specs,.mobile-home .rental-packages{display:none}.mobile-home .price-row{margin:8px 0 2px;justify-content:flex-start;flex-wrap:wrap;gap:8px}.mobile-home .price-row strong{font-size:22px;color:var(--blue)}.mobile-home .bike-content .primary{font-size:12px;min-height:44px;padding:8px;margin-top:10px}
.mobile-bottom-nav{position:fixed;bottom:0;left:0;right:0;z-index:30;display:grid;grid-template-columns:repeat(4,1fr);background:#fff;border-top:1px solid var(--line);padding:8px 8px calc(8px + env(safe-area-inset-bottom))}.mobile-bottom-nav a{display:flex;flex-direction:column;gap:4px;align-items:center;justify-content:center;min-height:52px;font-size:11px;color:var(--muted);border-radius:12px}.mobile-bottom-nav svg{width:24px;height:24px}.mobile-bottom-nav a[aria-current]{color:var(--blue);background:#edf3ff;font-weight:700}
.mobile-app .site-footer{padding:26px 18px}.mobile-app .site-footer>div{gap:14px}.mobile-app .container{padding:24px 16px;max-width:760px}.mobile-app .mobile-profile h1{font-size:36px}.mobile-profile-links{display:grid;gap:12px}.mobile-profile-links a{justify-content:space-between}.mobile-app #toast{bottom:calc(90px + env(safe-area-inset-bottom))}.mobile-app #app-dialog{max-height:85dvh;width:calc(100% - 24px);max-width:680px}.mobile-app .sandbox-banner{font-size:11px;padding:10px 16px}
#mobile-connection{margin:0;border-radius:0;padding:10px 16px;font-size:12px}.mobile-app .page-loading{min-height:45vh;padding:80px 20px}.mobile-app .full{width:100%}
@media(min-width:800px){.mobile-app .site-header{padding-inline:max(20px,calc((100vw - 728px)/2))}.mobile-bottom-nav{padding-inline:max(12px,calc((100vw - 760px)/2))}.mobile-app .site-footer{padding-inline:max(18px,calc((100vw - 728px)/2))}}
@media(max-width:360px){.mobile-dates{grid-template-columns:1fr}.mobile-app .wordmark{width:98px}.mobile-app .wordmark strong{font-size:21px}.mobile-home .bike-card{grid-template-columns:30% minmax(0,1fr)}}
@media print{.mobile-bottom-nav,#mobile-connection{display:none}.mobile-app{padding-bottom:0}}