/* Compact green booking bar; preserve heading typography and top navigation. */
.hero{background-position:center 68%}
.search{padding:12px 16px;gap:10px;border:1px solid #d7e3dc;box-shadow:0 8px 25px #173f3020}
.search label,.search legend{font-size:12px}
.search input,.search select{background:#f3f7f4;margin-top:4px;padding:8px;min-height:44px}
.search>button{background:#244c3d;min-height:44px;padding:10px 18px}
.search>button:hover{background:#183c2d}
.searchFoot{font-size:10px}
@media(max-width:700px){
 .hero{background-position:50% 70%}
 .search{grid-template-columns:minmax(0,1fr);padding:12px;gap:10px;border-radius:8px}
 .search fieldset{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:4px 10px}
 .search fieldset label[for=arrival]{grid-column:1;grid-row:1}
 .search fieldset label[for=departure]{grid-column:2;grid-row:1}
 .search fieldset #arrival{grid-column:1;grid-row:2}
 .search fieldset #departure{grid-column:2;grid-row:2}
 .search fieldset input{margin:0}
 .search input,.search select{font-size:16px;min-height:44px;padding:8px}
 .search label{font-size:12px}
 .search>button{min-height:44px;font-size:15px}
 .search>.occupancyFields{gap:10px}
 .searchFoot a{margin-top:4px;min-height:30px;padding:3px 0}
}