/* Taxitet dedicated mobile layout — loaded only up to 760px */
:root{--content:calc(100vw - 24px)!important}
html{scroll-padding-top:84px!important}
body.taxi-home{min-width:320px;overflow-x:hidden!important}
body.taxi-home::before{height:820px!important}
main,.footer{overflow:clip}

.nav{top:max(6px,env(safe-area-inset-top))!important;width:calc(100vw - 16px)!important;margin:6px auto 0!important;border-radius:18px!important;z-index:5000!important}
.nav-inner{min-height:60px!important;padding:6px 8px!important;gap:7px!important}
.nav-logo img{width:102px!important;height:36px!important}
.nav-phone,.nav-links,.nav-actions{display:none!important}
.service-switcher{margin-left:auto!important;padding:3px!important;border-radius:16px!important}
.sw-btn{min-width:40px!important;min-height:40px!important;padding:0 9px!important;border-radius:13px!important}
.sw-label{display:none!important}.sw-btn.active .sw-label{display:inline!important;font-size:11px!important}
.nav-burger{width:42px!important;height:42px!important;display:flex!important;align-items:center!important;justify-content:center!important;margin:0!important;border-radius:12px!important}
.drawer-brand-mark img{width:116px!important;max-width:116px!important}

.hero{min-height:0!important;padding:42px 12px 54px!important;display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:34px!important}
.hero-left{order:1!important;max-width:none!important}
.hero-badge{min-height:30px!important;margin-bottom:18px!important;padding:0 10px!important;font-size:8px!important;letter-spacing:.01em}
.hero h1{font-size:clamp(43px,12.4vw,56px)!important;line-height:.98!important;letter-spacing:-.028em!important;text-wrap:balance!important}
.taxi-home .hero h1 br{display:none!important}.hero h1 .accent{display:block!important;margin:2px 0}.hero-sub{margin-top:20px!important;font-size:16px!important;line-height:1.55!important}
.hero-cta-row{margin-top:24px!important;display:grid!important;grid-template-columns:1fr!important;gap:10px!important}
.hero-cta{width:100%!important;min-height:54px!important;justify-content:center!important;padding:0 18px!important;border-radius:15px!important}
.hero-feats{margin-top:22px!important;grid-template-columns:1fr!important;gap:8px!important}
.hero-feat{min-height:62px!important;padding:8px!important;border:1px solid var(--line)!important;border-radius:17px!important;background:rgba(255,255,255,.65)!important}
.hero-feat b{font-size:12px!important}.hero-feat small{font-size:10px!important}
.hero-right{order:2!important;height:auto!important;min-width:0!important;padding:0!important;display:flex!important;flex-direction:column!important}
.hero-live-map{position:relative!important;inset:auto!important;width:100%!important;height:300px!important;flex:0 0 300px!important;border-radius:24px!important}
.hero-map-trip{top:12px!important;right:12px!important;padding:9px 12px!important}.hero-map-picker{right:12px!important;bottom:76px!important}
.hero-center-pin{width:40px!important;height:49px!important}.hero-confirm-point{bottom:13px!important;width:calc(100% - 26px)!important;min-height:50px!important;border-radius:15px!important;font-size:12px!important}
.hero-live-map .leaflet-top.leaflet-right{top:72px!important;right:10px!important}.hero-live-map .leaflet-control-zoom a{width:34px!important;height:34px!important;font-size:20px!important}
.taxi-home .order-card{position:relative!important;top:auto!important;left:auto!important;width:calc(100% - 10px)!important;max-height:none!important;margin:-28px auto 0!important;padding:16px!important;border-radius:22px!important;transform:none!important;background:rgba(255,255,255,.94)!important}
.taxi-home .order-card:has(#step2.active){top:auto!important;bottom:auto!important;overflow:visible!important}
.taxi-home .order-card h2{font-size:22px!important;letter-spacing:-.02em!important}.taxi-home .order-card-sub{font-size:10px!important}
.taxi-home .field{min-height:48px!important}.taxi-home .field-content input,.taxi-home .field-content select{font-size:12px!important}.taxi-home .field-content label{font-size:8px!important}
.taxi-pick-map-btn{min-width:82px!important;height:42px!important;padding:0 10px!important}.taxi-pick-map-btn span{display:inline!important}.btn-next{min-height:52px!important}
.taxi-home #step2 .taxi-review-card{padding:9px!important;border-radius:18px!important}.taxi-home #step2 .taxi-review-map{height:130px!important}.taxi-home #step2 .taxi-review-head{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important}.taxi-home #step2 .taxi-review-head>div:first-child strong{font-size:12px!important}.taxi-home #step2 .taxi-review-time strong{font-size:18px!important}.taxi-home #step2 .taxi-tariff-row{grid-template-columns:40px minmax(0,1fr) auto!important;gap:8px!important;padding:9px!important}.taxi-home #step2 .taxi-car-icon{width:40px!important;height:40px!important}.taxi-home #step2 .taxi-payment-options{grid-template-columns:1fr 1fr!important}.taxi-home #step2 .taxi-payment-options button{padding:7px 8px!important}.taxi-home #step2 .taxi-promo-row{grid-template-columns:minmax(0,1fr) auto!important}.taxi-home #step2 .taxi-price-editor>div{grid-template-columns:repeat(3,1fr)!important}.taxi-home #step2 .taxi-price-editor input{grid-column:1/3!important}.taxi-home #step2 .taxi-price-editor div button:last-child{grid-column:3!important}.taxi-home #step2 #guestFields>.field{min-height:56px!important}.taxi-home #step2 .btn-sms{min-height:38px!important}

.how{padding:28px 0 24px!important}.how-inner{padding:42px 14px!important;border-radius:26px!important}
.how-inner h2{margin:10px 0 30px!important;font-size:34px!important;letter-spacing:-.02em!important}
.how-steps{grid-template-columns:1fr!important;gap:12px!important}.how-steps::before{display:none!important}
.how-step{padding:20px 16px!important;border:1px solid var(--line)!important;border-radius:20px!important;background:rgba(255,255,255,.60)!important}.how-num{margin-bottom:14px!important}
.features{padding:0 0 38px!important}.features-inner{padding:0!important;grid-template-columns:1fr!important;gap:10px!important}
.feature,.feature:first-child,.feature:last-child{min-height:86px!important;padding:14px!important;border:1px solid var(--line)!important;border-radius:19px!important}
.services{display:none!important}

.app-soon-inner{min-height:0!important;padding:64px 16px 0!important;grid-template-columns:1fr!important;gap:18px!important}
.app-soon-heading h2{font-size:clamp(45px,12vw,56px)!important;line-height:1!important;letter-spacing:-.026em!important}.app-soon-heading p{font-size:15px!important}
.app-downloads{display:grid!important;grid-template-columns:1fr!important}.app-downloads span{justify-content:center!important}
.app-bot-link{font-size:11px!important}.app-showcase{min-height:350px!important;align-items:flex-end!important;justify-content:center!important;overflow:hidden!important}
.app-showcase img{width:min(680px,178vw)!important;max-width:none!important;transform:translate(17%,7%)!important}

.service-area-inner{min-height:620px!important;padding:62px 16px 260px!important;grid-template-columns:1fr!important}
.service-area-copy h2{font-size:38px!important;line-height:1.07!important;letter-spacing:-.022em!important}.service-area-copy>p{font-size:13px!important}
.service-area-chips{gap:7px!important}.service-area-chips span,.service-area-chips a{min-height:34px!important;padding:0 10px!important;font-size:9px!important}
.service-area-map{position:absolute!important;right:0!important;bottom:0!important;width:100%!important;height:45%!important;opacity:.68!important}.service-area-map::after{background:linear-gradient(180deg,#fffdf8 0%,rgba(255,253,248,.18) 44%,transparent)!important}

.driver{background:#07090c!important}.driver-inner{min-height:0!important;grid-template-columns:1fr!important;background:#07090c!important}
.driver-text{max-width:none!important;padding:64px 16px 46px!important}.driver-text h2{font-size:46px!important;line-height:1.03!important;letter-spacing:-.024em!important}.driver-text>p{font-size:14px!important}
.driver-list{grid-template-columns:1fr!important;gap:10px!important}.driver-list li{min-height:64px!important;padding:0!important;flex-direction:row!important;justify-content:flex-start!important;text-align:left!important;border:0!important}.driver-list img{flex:0 0 48px!important}.btn-yellow{width:100%!important}
.driver-visual{display:block!important;min-height:390px!important}.driver-visual::after{display:none!important}.driver-online{left:8%!important;top:25%!important}.driver-route-car img{width:76px!important;height:76px!important}

.contacts-inner{min-height:0!important;padding:64px 16px!important;grid-template-columns:1fr!important;gap:28px!important}
.contacts-heading h2{font-size:48px!important;line-height:1.02!important;letter-spacing:-.02em!important}.contacts-heading p{font-size:14px!important}
.contact-direct{grid-template-columns:1fr!important;gap:10px!important}.contact-direct a{min-height:76px!important;padding:12px!important;border-radius:18px!important}.contact-direct strong{font-size:14px!important}
.contacts-grid{grid-template-columns:1fr!important;gap:10px!important}.contact-item{min-height:72px!important;border-radius:18px!important}

.footer-inner{padding:54px 4px 30px!important;grid-template-columns:1fr!important;gap:34px!important}
.footer-brand{max-width:none!important}.footer-logo{width:230px!important}.footer-brand p{margin:20px 0!important;font-size:13px!important}.footer-order{width:100%!important;justify-content:center!important}
.footer-column,.footer-column:last-of-type{grid-column:auto!important;padding-top:24px;border-top:1px solid rgba(255,255,255,.09)}
.footer-column h3{font-size:11px!important}.footer-column a,.footer-column button{min-height:30px;font-size:13px!important}
.footer-bottom{margin-top:0!important;padding-top:24px!important;display:grid!important;gap:8px!important}
.scroll-top{right:14px!important;bottom:14px!important;width:46px!important;height:46px!important}

.reveal-ready{opacity:0;transform:translateY(18px);transition:opacity .55s ease,transform .55s cubic-bezier(.22,.8,.3,1)}
.reveal-ready.is-visible{opacity:1;transform:none}

@media(max-width:390px){
  .nav-logo img{width:92px!important}.sw-btn.active .sw-label{display:none!important}
  .hero{padding-left:10px!important;padding-right:10px!important}.hero h1{font-size:42px!important}
  .taxi-home .order-card{width:100%!important}.field-content input,.field-content select{font-size:11px!important}
  .time-row{grid-template-columns:1.1fr .85fr .75fr!important}.app-showcase img{transform:translate(21%,8%)!important}
  .contacts-heading h2{font-size:44px!important}.footer-logo{width:210px!important}
}

@media(prefers-reduced-motion:reduce){.reveal-ready{opacity:1!important;transform:none!important;transition:none!important}}

/* 2026-08-18 mobile fixes */
.hero-cta-row{grid-template-columns:1fr 1fr!important}.hero-cta-row .primary{grid-column:1/-1!important}.hero-cta-row .hero-cta{min-width:0!important;padding:0 9px!important;font-size:10px!important}.hero-cta-row .hero-cta img{width:15px!important;height:15px!important}
.app-soon-inner{padding-bottom:56px!important}.app-showcase{display:none!important}.app-downloads{grid-template-columns:1fr!important;justify-items:center!important}.store-badge{width:max-content!important}.store-badge img{height:52px!important}.app-bot-link{justify-content:center!important;text-align:center!important}
.contact-direct a,.contact-item{min-height:76px!important;padding:11px 13px!important;display:grid!important;grid-template-columns:48px minmax(0,1fr) 18px!important;align-items:center!important;gap:13px!important;text-align:left!important}.contact-direct a::after{content:"↗";color:#747b84;font-size:18px;text-align:center}.contact-direct span,.contact-item>div:nth-child(2){min-width:0;text-align:left!important}.contact-direct img,.ci-icon{width:48px!important;height:48px!important;padding:13px!important;border-radius:15px!important;background:#f2f3f4!important;border:1px solid #e4e6e9!important}.ci-icon img{width:22px!important;height:22px!important;padding:0!important;border:0!important;background:transparent!important}.contact-direct small,.ci-title{color:#737a84!important;font-size:10px!important}.contact-direct strong,.ci-sub{color:#17191d!important;font-size:13px!important;overflow-wrap:anywhere}.contact-item,.contact-item:last-child{border:1px solid var(--line)!important;border-radius:18px!important;background:#fff!important}.footer-logo{width:min(245px,78vw)!important;filter:none!important;opacity:1!important}
.drawer-overlay{z-index:60000!important}.drawer{z-index:60010!important;top:12px!important;right:12px!important;bottom:12px!important;width:calc(100vw - 24px)!important;height:auto!important;padding:18px!important;border-radius:28px!important}.popup-overlay{z-index:70000!important}
.driver-reg-popup{width:calc(100% - 20px)!important;max-height:calc(100dvh - 20px)!important;padding:22px 16px!important}.driver-reg-popup .dreg-row{grid-template-columns:1fr 1fr!important;gap:8px!important}.driver-reg-popup input,.driver-reg-popup select{height:46px!important;min-height:46px!important;color:#111!important;-webkit-text-fill-color:#111!important}.driver-reg-popup select option{color:#111!important;background:#fff!important}
.taxi-web-schedule{grid-template-columns:1.2fr .9fr .8fr!important;gap:6px!important}.taxi-web-schedule .field{min-width:0!important;padding:8px!important;background:#fff!important}.taxi-web-schedule label{color:#6c737d!important;font-size:7px!important}.taxi-web-schedule select{color:#111!important;-webkit-text-fill-color:#111!important;opacity:1!important;font-size:10px!important}.taxi-pickup-check{border:2px solid #aeb4bd!important;background:#fff!important}.taxi-pickup-check svg{opacity:0!important}.taxi-pickup-item input:checked+.taxi-pickup-check{border-color:#111!important;background:#111!important}.taxi-pickup-item input:checked+.taxi-pickup-check svg{opacity:1!important;stroke:#fff!important}
@media(max-width:390px){.driver-reg-popup .dreg-row{grid-template-columns:1fr!important}}

/* Keep the route title and form fully below the map on small screens. */
.taxi-home .order-card{margin:12px auto 0!important}.taxi-home .order-card-heading{padding-top:4px!important}
.taxi-home,.taxi-home main{max-width:100%!important;overflow-x:clip!important}
.footer-brand{text-align:center!important}.footer-brand .footer-logo{margin-inline:auto!important}.footer-brand p{max-width:360px!important;margin:20px auto!important;text-align:center!important}.footer-brand .footer-order{margin-inline:auto!important}
.hero-locate-btn{right:14px!important;bottom:76px!important}.market-badge{margin-inline:auto!important}

/* Full-height map backgrounds and compact native store badges on mobile. */
.service-area-inner{min-height:650px!important;padding:62px 16px!important;display:flex!important;align-items:flex-start!important}.service-area-copy{max-width:100%!important;padding-bottom:30px!important}.service-area-map{inset:0!important;width:100%!important;height:100%!important;min-height:100%!important;opacity:.50!important}.service-area-map::after{background:linear-gradient(180deg,#fffdf8 0%,rgba(255,253,248,.80) 44%,rgba(255,253,248,.14) 100%)!important}
.driver-inner{min-height:720px!important;display:block!important}.driver-text{position:relative!important;z-index:3!important;min-height:720px!important;padding:64px 16px 46px!important;background:linear-gradient(180deg,rgba(7,9,12,.94) 0%,rgba(7,9,12,.78) 56%,rgba(7,9,12,.36) 100%)!important}.driver-visual{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;min-height:100%!important}.driver-online{left:16px!important;top:auto!important;bottom:20px!important}
.app-downloads{display:flex!important;flex-direction:column!important;align-items:center!important;gap:10px!important}.app-downloads>.market-badge,.app-downloads>a.market-badge{width:184px!important;height:56px!important;margin:0!important}
.dreg-phone-row{grid-template-columns:minmax(0,1fr) 126px!important;gap:8px!important}.dreg-phone-row .dreg-code-btn{min-width:126px!important;padding:0 10px!important;font-size:11px!important}
.taxi-web-schedule .schedule-icon{width:22px!important;min-width:22px!important}.taxi-web-schedule .schedule-icon svg{width:19px!important;height:19px!important}