/* Homepage only: search first, with destination photography beneath it. */
.vof-home { padding-top:48px; padding-bottom:56px; }
.vof-home-intro { margin-bottom:28px; }
.vof-home-intro h1 { font-size:clamp(42px,4.8vw,62px); margin:0 0 10px; }
.vof-home-intro p { margin:0; color:var(--vof-muted); font-size:18px; }
.vof-hotel-search { position:relative; padding:0 24px 22px; background:white; border:1px solid var(--vof-line); border-radius:18px; box-shadow:0 8px 28px #28363d06; scroll-margin-top:24px; }
.vof-hotel-search__product { display:flex; align-items:center; gap:9px; width:max-content; padding:19px 2px 16px; margin-bottom:22px; border-bottom:3px solid var(--vof-teal); color:var(--vof-teal); font-size:16px; font-weight:650; }
.vof-hotel-search__fields { display:grid; grid-template-columns:minmax(0,1.5fr) repeat(2,minmax(0,1fr)) minmax(0,1.2fr) auto; gap:12px; align-items:start; }
.vof-home .vof-hotel-search__fields>.vof-field { margin:0; gap:6px; font-size:13px; }
.vof-home .vof-hotel-search__fields>.vof-field>label { font-weight:600; font-size:13px; }
.vof-home .vof-hotel-search__fields input,.vof-home .vof-hotel-search__fields select { min-height:54px; font-size:16px; padding:13px 12px; border-color:#b5c3bf; }
.vof-home .vof-hotel-search__fields [data-date-display] { padding-right:42px; }
.vof-home .vof-date-entry [data-calendar-toggle] { width:38px; height:46px; top:4px; right:2px; }
.vof-home .vof-hotel-search__submit { min-height:54px; margin-top:24px; padding:13px 24px; font-size:16px; border-radius:9px; }
.vof-hotel-search__status { display:flex; align-items:baseline; flex-wrap:wrap; gap:0 12px; }
.vof-home .vof-hotel-search__status p { font-size:13px; margin:12px 0 0; }
.vof-home .vof-hotel-search__status p:empty { display:none; }
.vof-home .vof-hotel-search__status button { min-height:44px; padding:8px 0 0; font-size:14px; }
.vof-home .vof-hotel-search>.vof-form-error { font-size:15px; margin:14px 0 0; }
.vof-hotel-travelers { min-width:0; position:relative; }
.vof-home .vof-hotel-travelers__toggle { width:100%; padding:0; border:0; background:none; color:var(--vof-ink); text-align:left; font-size:13px; font-weight:600; }
.vof-hotel-travelers__toggle>span:first-child { display:block; line-height:1.4; margin-bottom:6px; }
.vof-hotel-travelers__value { display:flex; justify-content:space-between; align-items:center; gap:4px; min-height:54px; padding:13px 12px; border:1px solid #b5c3bf; border-radius:8px; background:#fff; font-size:15px; font-weight:400; line-height:1.4; }
.vof-hotel-travelers__panel { min-width:0; margin:0; padding:0; border:0; }
.vof-hotel-travelers__panel legend { font:600 18px/1.4 var(--vo-font-body, -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif); border:0; padding:0; margin-bottom:18px; float:none; }
.vof-hotel-search[data-ready] .vof-hotel-travelers__panel { position:absolute; top:calc(100% + 12px); right:0; width:320px; max-width:calc(100vw - 48px); max-height:70vh; overflow-y:auto; overscroll-behavior:contain; padding:20px; background:white; border:1px solid var(--vof-line); border-radius:14px; box-shadow:0 14px 40px #28363d24; z-index:12001; }
.vof-hotel-search[data-ready] .vof-hotel-travelers__panel legend { float:left; width:100%; }
.vof-home .vof-hotel-travelers__panel>.vof-field { display:grid; grid-template-columns:minmax(0,1fr) 72px; align-items:center; column-gap:12px; row-gap:0; clear:both; font-size:15px; margin-bottom:12px; }
.vof-hotel-travelers__panel>.vof-field input { grid-column:2; grid-row:1 / span 2; }
.vof-home .vof-hotel-travelers__panel input,.vof-home .vof-hotel-travelers__panel select { max-width:100%; min-height:44px; padding:9px 10px; }
.vof-hotel-travelers__panel small { font-size:12px; color:var(--vof-muted); font-weight:400; }
.vof-home .vof-hotel-travelers__panel [data-ages-fallback] { display:flex; }
.vof-hotel-travelers__children { clear:both; margin:16px 0; padding-top:12px; border-top:1px solid var(--vof-line); }
.vof-home .vof-hotel-travelers__age-heading { margin:0 0 10px; font-size:13px; font-weight:600; line-height:1.4; }
.vof-hotel-travelers__ages { display:grid; grid-template-columns:minmax(0,1fr); gap:10px; }
.vof-home .vof-hotel-travelers__ages .vof-field { display:grid; grid-template-columns:minmax(0,1fr) 128px; align-items:center; gap:12px; font-size:13px; font-weight:400; margin:0; }
.vof-home .vof-hotel-travelers__panel .vof-field-note { font-size:12px; margin:8px 0 16px; }
.vof-home .vof-hotel-travelers__panel [data-travelers-done] { width:100%; min-height:46px; padding:10px 16px; font-size:15px; }
.vof-home-destinations { margin-top:42px; }
.vof-home-section-heading { display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; gap:8px 20px; margin-bottom:18px; }
.vof-home-section-heading h2 { font-size:28px; margin:0; }
.vof-home-section-heading>a { font-size:14px; padding:12px 0; white-space:nowrap; text-decoration:none; }
.vof-home-destination-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:18px; }
.vof-home a.vof-home-destination { position:relative; display:block; min-height:280px; aspect-ratio:1.12; overflow:hidden; border-radius:14px; background:#173d40; color:#fff; text-decoration:none; }
.vof-home-destination::after { content:""; position:absolute; inset:20% 0 0; background:linear-gradient(transparent,#082b36d9); pointer-events:none; }
.vof-home-destination>img { display:block; position:absolute; inset:0; width:100%; height:100%; object-fit:cover; transition:transform .35s ease; }
.vof-home-destination:hover>img { transform:scale(1.035); }
.vof-home-destination__title { position:absolute; bottom:24px; left:24px; right:24px; z-index:1; display:flex; align-items:end; justify-content:space-between; gap:12px; }
.vof-home .vof-home-destination h3 { margin:0 0 7px; font:500 clamp(24px,2.8vw,34px)/1.1 var(--vo-font-display, Georgia,"Times New Roman",serif); color:white; }
.vof-home-destination small { font-size:14px; }
.vof-home-destination__title>span { font-size:26px; line-height:1; }
@media (max-width:1100px) {
  .vof-hotel-search__fields { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .vof-hotel-search__destination { grid-column:1 / -1; }
  .vof-home .vof-hotel-search__submit { width:100%; }
  .vof-home .vof-hotel-search__fields>.vof-date-control:nth-child(3) .vof-calendar { right:0; left:auto; }
  .vof-hotel-search[data-ready] .vof-hotel-travelers__panel { left:0; right:auto; }
  .vof-home a.vof-home-destination { min-height:240px; }
}
@media (max-width:700px) {
  .vof-home { padding:28px 20px 32px; }
  .vof-home-intro { margin-bottom:22px; }
  .vof-home-intro p { font-size:16px; }
  .vof-hotel-search { padding:0 16px 18px; border-radius:14px; }
  .vof-hotel-search__product { padding-top:16px; margin-bottom:18px; }
  .vof-hotel-search__fields { gap:14px 10px; }
  .vof-home .vof-hotel-search__fields [data-date-display] { padding-left:8px; padding-right:34px; }
  .vof-home .vof-date-entry [data-calendar-toggle] { width:30px; }
  .vof-home .vof-calendar { width:min(340px,calc(100vw - 74px)); }
  .vof-home .vof-calendar-days button { min-width:0; }
  .vof-hotel-travelers { grid-column:1 / -1; }
  .vof-home .vof-hotel-search__submit { margin-top:0; grid-column:1 / -1; }
  .vof-hotel-search[data-ready] .vof-hotel-travelers__panel { max-width:100%; width:100%; }
  .vof-home-destinations { margin-top:30px; }
  .vof-home-section-heading h2 { font-size:25px; }
  .vof-home-destination-grid { grid-template-columns:1fr; gap:14px; }
  .vof-home a.vof-home-destination { min-height:190px; aspect-ratio:1.7; }
  .vof-home .vof-home-destination h3 { font-size:30px; }
}
@media (max-width:360px) {
  .vof-hotel-search__fields { grid-template-columns:1fr; }
  .vof-home .vof-hotel-search__fields>.vof-date-control:nth-child(3) .vof-calendar { left:0; right:auto; }
}