/* Statistics sit in the hero; map artwork and route animation are retained. */
.hero-numbers{position:relative;padding:0;z-index:4;width:100%;max-width:none}
.hero-numbers .numbers-panel{grid-template-columns:repeat(3,minmax(0,1fr));padding:19px 0;border:1px solid #21b9f1;border-radius:12px;background:linear-gradient(115deg,#092743e8,#031a32eb);backdrop-filter:blur(9px);-webkit-backdrop-filter:blur(9px);box-shadow:0 10px 25px #00152a26}
.hero-numbers .numbers-item{align-items:center;text-align:center;padding:0 13px;border-bottom:0;border-inline-end:1px solid #3c779d}
.hero-numbers .numbers-item:last-child{border-inline-end:0}
.hero-numbers .numbers-value{font-size:46px;letter-spacing:-1.5px;margin:0 0 5px;line-height:1.05}
.hero-numbers .numbers-item h3{font-size:13px;line-height:1.35;margin:0;color:#fff;letter-spacing:0}
.hero-numbers .numbers-item p{display:none}
.hero-numbers .numbers-period{padding:0;background:none;border-radius:0;color:#bdd6ec;font-size:12px;line-height:1.5;margin-top:2px}
.hero-numbers .numbers-route{height:48px;width:76px;margin-bottom:5px}
@media(min-width:781px){
 .booking-first-hero .geo-copy{display:flex;flex-direction:column;padding-bottom:0}
 .booking-first-hero .geo-kicker{align-self:flex-start}
 .booking-first-hero .geo-copy>h1,.booking-first-hero .geo-copy>p{flex-shrink:0}
 .booking-first-hero .geo-copy>.hero-actions{order:1}
 .booking-first-hero .geo-copy>.hero-trust{order:2}
 .booking-first-hero .geo-copy>.hero-numbers{order:3;margin-top:245px}
 .booking-first-hero{padding-bottom:54px}
 .booking-first-hero .hero-inner{align-items:start}
 .hero-numbers .numbers-panel{min-height:116px}
}
@media(min-width:781px) and (max-width:1150px){
 .booking-first-hero .geo-copy>.hero-numbers{margin-top:210px}
 .hero-numbers .numbers-value{font-size:36px}
 .hero-numbers .numbers-item{padding-inline:8px}
 .hero-numbers .numbers-item h3{font-size:11px}
 .hero-numbers .numbers-period{font-size:11px}
}
@media(max-width:780px){
 .booking-first-hero{background:#061c35}
 .booking-first-hero .hero-inner{gap:14px;padding-top:calc(var(--mobile-header-height,66px) + 23px)}
 .booking-first-hero .geo-copy{position:relative;isolation:isolate;padding:0}
 .booking-first-hero .geo-kicker{position:relative;z-index:1;background:none;padding:0;border-radius:0;color:#b8daf7;font-size:10px;letter-spacing:1.7px;line-height:1.7;max-width:290px}
 .booking-first-hero .geo-copy h1{position:relative;z-index:1;font-size:clamp(28px,7.7vw,40px);line-height:1.13;margin:18px 0 14px;letter-spacing:-1px}
 .booking-first-hero .geo-copy h1 em{color:#20adf7}
 .booking-first-hero .geo-copy>p{position:relative;z-index:1;max-width:480px;color:#e1ebf6;font-size:15px;line-height:1.5;margin:0}
 .booking-first-hero .mobile-hero-art{position:absolute;inset:-24px -16px auto;z-index:-1;width:calc(100% + 32px);height:calc(100% - 145px);margin:0;max-height:none;overflow:hidden;pointer-events:none;background:#061c35}
 .mobile-hero-art picture,.mobile-hero-art img{height:100%;width:100%}
 .mobile-hero-art img{object-fit:cover;object-position:center 70%}
 .mobile-hero-art::after{background:linear-gradient(180deg,#061c3522,transparent 40%,transparent 83%,#061c35 100%)}
 .booking-first-hero .hero-numbers{margin-top:clamp(225px,65vw,360px);padding:0;width:100%}
 .hero-numbers .numbers-panel{padding:16px 0;border-radius:11px;min-height:104px}
 .hero-numbers .numbers-item{padding:0 6px;min-width:0;justify-content:flex-start}
 .hero-numbers .numbers-value{font-size:30px;letter-spacing:-1px;margin-bottom:4px;line-height:1.1}
 .hero-numbers .numbers-item h3{font-size:11px;line-height:1.35;font-weight:600;overflow-wrap:normal}
 .hero-numbers .numbers-period{font-size:10px;margin-top:2px}
 .hero-numbers .numbers-route{width:46px;height:33px;margin-bottom:4px}
 .booking-first-hero .geo-copy>.hero-trust{display:none}
 .booking-first-hero .hero-actions{grid-template-columns:1fr;gap:9px;margin:10px 0 0}
 .booking-first-hero .geo-copy .hero-actions .primary-button.compact,.booking-first-hero .geo-copy .hero-actions .dark-outline-button{min-height:48px;font-size:14px;padding:11px 14px;border-radius:6px}
 .booking-first-hero #booking{border-radius:13px;scroll-margin-top:18px}
 .booking-first-hero .action-heading h2{font-size:24px}
 .mylo-whatsapp-float{width:50px;height:50px;padding:10px;justify-content:center}
 .mylo-whatsapp-float span{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
 html[dir=rtl] .booking-first-hero .geo-copy h1{font-size:clamp(28px,7.5vw,39px);line-height:1.4;letter-spacing:0}
 html[dir=rtl] .booking-first-hero .geo-kicker{letter-spacing:0}
}
@media(min-width:500px) and (max-width:780px){
 .booking-first-hero .mobile-hero-art{height:calc(100% - 90px)}
 .mobile-hero-art img{object-position:center 60%}
 .hero-numbers .numbers-value{font-size:40px}.hero-numbers .numbers-item h3{font-size:13px}
}
@media(max-width:359px){.hero-numbers .numbers-item h3{font-size:10px}.hero-numbers .numbers-value{font-size:27px}.booking-first-hero .geo-copy>p{font-size:14px}}

/* Feather the original desktop artwork into the hero, without moving its geography.
   The SVG mask softens the curved crop; this overlay hides the outer image edge
   and the artwork's baked-in decorative caption. Mobile uses its own artwork. */
@media(min-width:781px){
 .booking-first-hero .map-stage{background:transparent}
 .booking-first-hero .map-stage::after{content:"";display:block;position:absolute;inset:0;width:100%;height:100%;z-index:2;pointer-events:none;background:linear-gradient(90deg,transparent 62%,#071c3540 76%,#071c35c9 90%,#071c35 100%)}
}