.booking-confirmation{position:fixed;inset:0;z-index:5100;overflow-y:auto;background:#f5f7f8;color:#111827}.booking-confirmation header{height:58px;display:grid;grid-template-columns:42px 1fr 42px;align-items:center;padding:0 12px;background:#fff}.booking-confirmation header button{width:38px;height:38px;border:0;background:transparent;font-size:31px}.booking-confirmation header h1{margin:0;text-align:center;font:800 18px Manrope}.confirm-map{height:34dvh;min-height:220px;background:#dce8eb}.booking-confirmation main{position:relative;width:min(100%,540px);margin:-18px auto 0;padding:14px 14px calc(24px + env(safe-area-inset-bottom));border-radius:23px 23px 0 0;background:#fff}.confirm-handle{width:43px;height:5px;margin:-4px auto 10px;border-radius:8px;background:#d5dadd}.confirm-vehicle{display:grid;grid-template-columns:88px 1fr auto;align-items:center;gap:10px;padding:10px;border-bottom:1px solid #edf0f2}.confirm-car svg{width:82px;fill:#172635}.confirm-car svg path:nth-child(2){fill:#acd0d9}.confirm-vehicle>div{display:grid}.confirm-vehicle b{font-size:15px}.confirm-vehicle small{color:#6e7885;font-size:10px}.confirm-vehicle strong{font-size:18px}.confirm-details,.confirm-payment{margin-top:9px;padding:13px;border:1px solid #e5e9ed;border-radius:14px;background:#fff}.confirm-details>div{display:grid;grid-template-columns:22px 1fr auto;align-items:center;gap:7px;padding:5px 0}.confirm-details>div span{display:grid}.confirm-details small,.confirm-payment>small{color:#7c8794;font-size:9px}.confirm-details b{font-size:11px}.confirm-details hr{margin:5px 0;border:0;border-top:1px solid #edf0f2}.confirm-details strong{font-size:18px}.confirm-dot{width:11px;height:11px;border-radius:50%;background:#16a34a}.confirm-dot.destination{background:#ef2950}.confirm-payment>div{display:grid;grid-template-columns:38px 1fr auto;align-items:center;gap:9px;margin-top:8px}.confirm-payment i{width:36px;height:36px;display:grid;place-items:center;border-radius:10px;background:#ffc51b;font-style:normal;font-weight:900}.confirm-payment b{font-size:13px}.confirm-payment span{font-size:9px;color:#687383}.confirm-booking{width:100%;height:52px;margin-top:10px;border:0;border-radius:13px;background:linear-gradient(135deg,#ffd43f,#f2ac00);color:#111;font-weight:900}.confirm-map-pin{display:block;width:23px;height:23px;border:4px solid #fff;border-radius:50% 50% 50% 5px;background:var(--pin);transform:rotate(-45deg);box-shadow:0 3px 10px #0004}@media(max-width:600px){.booking-confirmation{padding-top:env(safe-area-inset-top)}.booking-confirmation header{height:52px}.confirm-map{height:31dvh}.booking-confirmation main{min-height:calc(69dvh - 34px)}}
/* Compact iPhone layout and keep price rows readable. */
.booking-confirmation{overflow-x:hidden;-webkit-overflow-scrolling:touch}
.confirm-details>div:nth-of-type(n+5){grid-template-columns:1fr auto}
.confirm-details>div:nth-of-type(n+5)>span{display:block;font-size:11px}
.confirm-details>div:nth-of-type(n+5)>b,.confirm-details>div:nth-of-type(n+5)>strong{justify-self:end}
@media(max-width:600px){.confirm-map{height:27dvh;min-height:195px}.booking-confirmation main{min-height:calc(73dvh - 34px);padding-top:11px}.confirm-details{padding:10px 13px}.confirm-details>div{padding:4px 0}.confirm-payment{padding:10px 13px}.confirm-booking{height:50px}}