/* Taxi in Lisbon 45: accessible compact booking interface */
.home-hero{background:linear-gradient(135deg,#071c30 0%,#0b2b46 65%,#0c344b 100%)!important}
.home-hero .hero-grid{align-items:start;gap:clamp(18px,3vw,44px)}
.home-hero .hero-copy h1{letter-spacing:-.035em;line-height:1.12}
.hero-booking{border:1px solid rgba(210,224,237,.55);background:#fff!important;box-shadow:0 20px 55px rgba(0,14,31,.2);border-radius:22px!important;overflow:hidden;min-width:0}
.hero-booking .home-booking-tabs{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px!important;padding:12px!important;background:#f4f7fa}
.hero-booking .home-booking-tabs button{min-width:0!important;border-radius:11px!important;white-space:normal!important;line-height:1.3!important;min-height:48px!important;font-weight:700}
.hero-booking .booking-card{min-width:0;padding:0 12px 14px}
.hero-booking .tbm-pro{max-width:100%;min-width:0;overflow:visible}
.hero-booking .tbm-form-heading{margin-bottom:12px}
.hero-booking .tbm-steps{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:7px!important;margin:12px 0 20px!important;padding:0!important;list-style:none!important}
.hero-booking .tbm-steps li{display:flex!important;align-items:center;gap:6px;min-width:0;max-width:100%;white-space:normal!important;line-height:1.25!important;font-size:11px!important;border-radius:10px;padding:8px 5px!important;background:#f2f5f8;color:#566577}
.hero-booking .tbm-steps li:before,.hero-booking .tbm-steps li:after{display:none!important}
.hero-booking .tbm-steps li span{display:inline-flex!important;align-items:center;justify-content:center;flex:0 0 23px!important;width:23px!important;height:23px!important;border-radius:50%;font-size:10px!important;background:#dfe7ed;color:#12314a}
.hero-booking .tbm-steps li.active{background:#fff5da!important;color:#152e43!important;outline:1px solid #d5aa4c}
.hero-booking .tbm-steps li.active span{background:#c99c3c!important;color:#111!important}
.hero-booking .tbm-steps li.done{background:#eaf5ef!important;color:#22633e!important}
.hero-booking .tbm-steps li.done span{background:#25764a!important;color:#fff!important}
.hero-booking .tbm-pro input:not([type=checkbox]):not([type=radio]),.hero-booking .tbm-pro select{min-height:49px!important;max-width:100%;font-size:15px!important;border-radius:10px!important}
.hero-booking .tbm-pro label{min-width:0}
.hero-booking .tbm-pro-btn{min-height:52px!important;border-radius:12px!important}
.tbm-pro-dialog{border-radius:20px!important;max-height:calc(100dvh - 24px);max-width:min(96vw,620px)!important}
.tbm-pro-dialog::backdrop{background:rgba(4,20,34,.72)}
@media(max-width:767px){
 .home-hero{padding:18px 0 20px!important}
 .home-hero .hero-grid{display:flex!important;flex-direction:column!important;gap:14px!important}
 .home-hero .hero-copy,.home-hero .hero-booking{width:100%!important;max-width:100%!important;min-width:0!important}
 .home-hero .hero-copy{padding:0!important}
 .home-hero .hero-copy h1{font-size:clamp(25px,6.5vw,34px)!important;margin:5px 0!important}
 .home-hero .hero-lead{font-size:13px!important;margin:6px 0 12px!important}
 .home-hero .hero-image,.home-hero .amor-real-fleet,.home-hero .hero-promises{display:none!important}
 .hero-booking .home-booking-tabs{padding:8px!important;gap:5px!important}
 .hero-booking .home-booking-tabs button{font-size:11px!important;padding:8px 3px!important;min-height:45px!important}
 .hero-booking .booking-card{padding:0 8px 12px!important}
 .hero-booking .tbm-form-heading{padding-top:8px}
 .hero-booking .tbm-form-heading h2{font-size:23px!important;line-height:1.2!important}
 .hero-booking .tbm-steps{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:5px!important}
 .hero-booking .tbm-steps li{font-size:10px!important;gap:3px!important;padding:6px 3px!important}
 .hero-booking .tbm-steps li span{flex-basis:20px!important;width:20px!important;height:20px!important;font-size:9px!important}
 .hero-booking .tbm-pro-grid{min-width:0}
 .tbm-pro-dialog{padding:18px 14px!important;margin:auto!important;width:calc(100% - 16px)!important}
}
@media(max-width:355px){.hero-booking .tbm-steps{grid-template-columns:repeat(2,minmax(0,1fr))!important}}

/* v46: concise, honest 3-step booking flow */
.hero-booking .tbm-steps{grid-template-columns:repeat(3,minmax(0,1fr))!important}
.tbm-use-location{display:inline-flex;align-items:center;justify-content:center;gap:5px;margin:7px 0 3px;padding:9px 13px;border:1px solid #d3a84a;background:#fff9e9;color:#17314a;font-weight:700;font-size:12px;border-radius:10px;cursor:pointer}
.tbm-use-location:disabled{opacity:.6;cursor:wait}
.tbm-location-message{display:block;font-size:11px;color:#536879;line-height:1.5}
.tbm-optional-extras{border:1px solid #dce5ed;border-radius:12px;padding:12px;margin:12px 0}
.tbm-optional-extras legend{font-weight:700;color:#17314a}
.tbm-optional-extras label{display:flex!important;align-items:center;gap:8px;margin:7px 0}
.tbm-optional-extras input{width:auto!important}
.tbm-optional-extras p{font-size:12px;line-height:1.5;color:#5c6978}
.tbm-pro-dialog textarea{display:block;width:100%;min-height:70px;border:1px solid #d8e0e7;border-radius:10px;padding:10px;font:inherit}

.tbm-priced-extra{display:grid!important;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px!important;padding:12px 5px;border-bottom:1px solid #e8edf1}
.tbm-priced-extra span{font-weight:600}.tbm-priced-extra small{display:block;font-weight:400;color:#627182;margin-top:3px}
.tbm-priced-extra strong{color:#133653;white-space:nowrap}
.tbm-extra-breakdown{display:block;margin-top:4px;color:#2d6349}

/* Taxi in Lisbon screenshot-matched mobile booking UI. Preserves existing layout/hooks. */
:root{--ink:#0F172A;--gold:#FBBF24;--paper:#F8FAFC;--line:#E2E8F0;--muted:#64748B;--taxi-action:#2563EB;--taxi-whatsapp:#25D366}
body{background:var(--paper);color:var(--ink)}
.site-header{background:#fff!important;color:var(--ink)!important;border-bottom:1px solid #e2e8f0}
.site-header .desktop-nav a,.site-header .brand,.site-header .nav-toggle{color:var(--ink)!important}
.site-header .brand small{color:#2563eb!important}.site-header .nav-toggle{border-color:#cbd5e1!important}.site-header .nav-toggle span{background:var(--ink)!important}
.site-header .auth-pill.light{background:#1737f5!important;border-color:#1737f5!important;color:white!important;border-radius:50px!important}
.home-hero{background:#0f172a!important;position:relative;isolation:isolate;padding:30px 0 48px!important}

.home-hero .hero-grid{display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:18px!important}
.home-hero .hero-copy{text-align:center;padding:0!important}
.home-hero .hero-copy>.eyebrow,.home-hero .hero-promises,.home-hero .hero-image,.home-hero .amor-real-fleet{display:none!important}
.home-hero .hero-copy h1{font-size:clamp(23px,4.6vw,48px)!important;letter-spacing:-.055em!important;line-height:1.18!important;white-space:normal;color:white}
.home-hero .hero-copy h1 em{color:var(--gold)!important}
.home-hero .hero-lead{font-size:clamp(12px,2.4vw,20px)!important;color:#f1f5f9!important;margin:8px 0 16px!important;font-weight:650}
.home-hero .hero-whatsapp{display:inline-flex!important;align-items:center;justify-content:center;gap:12px;background:#059b52!important;color:white!important;border:2px solid #b4ffd5!important;border-radius:50px!important;box-shadow:0 0 17px #25d36691!important;padding:11px 18px!important;font-size:clamp(13px,2.8vw,20px)!important;font-weight:800!important}
.home-hero .hero-whatsapp svg{width:26px;height:26px}
.hero-booking{border:0!important;background:transparent!important;box-shadow:none!important;overflow:visible!important;border-radius:0!important;margin-top:clamp(90px,18vw,180px)}
.hero-booking .home-booking-tabs{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;background:#0f2544!important;border:1px solid #fbbf24a8!important;border-radius:20px!important;padding:6px!important;gap:4px!important;margin-bottom:12px!important;box-shadow:0 10px 25px #0003!important}
.hero-booking .home-booking-tabs button{background:transparent!important;border:0!important;color:white!important;border-radius:15px!important;display:flex!important;flex-direction:column!important;justify-content:center!important;align-items:center!important;gap:5px!important;min-height:94px!important;padding:8px 3px!important;font-size:clamp(10px,2.3vw,16px)!important;font-weight:800!important;line-height:1.3!important}
.hero-booking .home-booking-tabs button[aria-selected="true"]{background:#fbbf24!important;color:#0f172a!important}
.hero-booking .service-tab-icon{font-size:clamp(21px,4.5vw,34px)!important;color:#fbbf24!important}
.hero-booking .home-booking-tabs button[aria-selected="true"] .service-tab-icon{color:#0f172a!important}
.hero-booking .booking-card{border:1px solid #e2e8f0!important;border-radius:24px!important;background:#fff!important;box-shadow:0 10px 25px #0000001a!important;padding:clamp(15px,4vw,34px)!important}
.hero-booking .tbm-form-heading h2{font-size:clamp(23px,5vw,36px)!important;color:#0f2544!important;letter-spacing:-.045em!important}
.hero-booking .tbm-steps{background:#fff!important;border:1px solid #e2e8f0!important;border-radius:50px!important;padding:7px!important;gap:2px!important;display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important}
.hero-booking .tbm-steps li{font-size:clamp(9px,2.2vw,14px)!important;gap:5px!important;white-space:normal!important;color:#64748b!important}
.hero-booking .tbm-steps li span{border-radius:50%!important;min-width:30px!important;min-height:30px!important;display:inline-grid!important;place-items:center!important}
.hero-booking .tbm-steps li.active{color:#1d4ed8!important}.hero-booking .tbm-steps li.active span{background:#1737f5!important;color:white!important}
.hero-booking .tbm-pro input:not([type="checkbox"]):not([type="radio"]),.hero-booking .tbm-pro select,.hero-booking .tbm-pro textarea{border:1px solid #dce2eb!important;border-radius:12px!important;background:#fff!important;color:#0f172a!important;min-height:49px!important;font-size:14px!important}
.hero-booking .tbm-pro input:focus-visible,.hero-booking .tbm-pro select:focus-visible{outline:2px solid #2563eb!important;outline-offset:1px}
.hero-booking .tbm-pro-btn{background:#fbbf24!important;color:#0f172a!important;border:0!important;border-radius:14px!important;font-weight:800!important}
.tbm-first-extras{border:1px solid #e2e8f0;border-radius:17px;margin:17px 0;padding:14px;min-width:0}
.tbm-first-extras legend{font-weight:800;color:#0f172a;padding:0 5px}.tbm-first-extras legend small{font-size:11px;color:#64748b}
.tbm-first-extras>p{font-size:12px;color:#64748b;margin:2px 0 12px}
.tbm-first-extra{display:flex!important;align-items:center!important;gap:10px!important;padding:12px 3px!important;border-bottom:1px solid #e2e8f0!important;cursor:pointer}
.tbm-first-extra input{flex:none;accent-color:#2563eb;width:19px;height:19px}.tbm-first-extra span{flex:1;min-width:0;display:flex;flex-direction:column}.tbm-first-extra strong{font-size:13px}.tbm-first-extra small{font-size:11px;color:#64748b}.tbm-first-extra b{white-space:nowrap;font-size:13px;color:#0f172a}
.tbm-first-extras-total{text-align:right;padding-top:12px;font-size:12px}.tbm-first-extras-total strong{font-size:15px;color:#0f172a}
.mobile-actions{box-shadow:0 -8px 25px #00000015!important;background:#fff!important;border-radius:18px 18px 0 0!important}
.mobile-actions>a{border-radius:50px!important}.mobile-actions>a:last-child{background:#fbbf24!important;color:#0f172a!important;border-color:#fbbf24!important}
@media(max-width:600px){body{padding-bottom:94px!important}.container{width:calc(100% - 28px)!important}.site-header .header-row{height:72px!important}.home-hero{padding-top:25px!important}.home-hero:before{height:520px}.home-hero .hero-copy h1{font-size:clamp(22px,5vw,34px)!important;white-space:nowrap!important}.hero-booking{margin-top:140px!important}.hero-booking .booking-card{padding:20px 16px!important}.hero-booking .home-booking-tabs button{min-height:100px!important}.mobile-actions{padding:11px 10px max(11px,env(safe-area-inset-bottom))!important}}
@media(max-width:380px){.home-hero .hero-copy h1{font-size:21px!important}.hero-booking{margin-top:110px!important}.hero-booking .home-booking-tabs button{font-size:10px!important;min-height:82px!important}}
