/* AJANIT step 170: additive visual foundation inspired by owner-approved screenshot.
   No layout element is hidden or removed; existing behavior and original CSS remain. */
:root{--ajanit-navy:#083b73;--ajanit-blue:#078df1;--ajanit-gold:#e8b74d}
body{background:#fff;color:#103e72}
.hero{min-height:340px;height:clamp(340px,43vw,500px);background-position:center 53%}
.hero-content{padding-top:clamp(32px,5vw,68px);padding-bottom:36px}
.hero h1{font-size:clamp(32px,4vw,52px);line-height:1.12;max-width:690px}
.hero-copy{font-size:clamp(16px,1.8vw,20px)}
.search-booking-section{position:relative;z-index:2;margin-top:-26px}
.search-booking-section .wrap{border-radius:14px}
.search-panel{box-shadow:0 8px 24px rgba(8,59,115,.13);border-radius:13px}
.search-field input,.search-field select{min-height:44px}
.search-panel button,.search-panel .btn{min-height:46px}
.trust-row{color:var(--ajanit-navy)}
@media(max-width:700px){
 .hero{height:auto;min-height:360px}
 .hero-content{padding-top:48px;padding-bottom:58px}
 .search-booking-section{margin-top:-18px}
 .search-field input,.search-field select{font-size:16px}
}
@media(prefers-reduced-motion:reduce){
 .search-panel *, .hero *{scroll-behavior:auto}
}