/* VOF public discovery. Shared supplier/results/payment styles remain scoped separately. */
.vof-discovery, .vof-journey-shell { --vof-ink:#28363d; --vof-muted:#57636a; --vof-teal:#14635f; --vof-paper:#faf8f2; --vof-line:#d9e2de; --vof-gold:#b77c32; }
.vof-journey-shell { background:#faf8f2; }
.vof-journey-shell .exit-pop-up { display:none; }
.vof-discovery { max-width:1280px; margin:0 auto; padding:0 48px 64px; color:var(--vof-ink); font:18px/1.55 var(--vo-font-body, -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif); text-align:left; letter-spacing:normal; }
.vof-discovery *, .vof-consent * { box-sizing:border-box; }
.vof-discovery h1,.vof-discovery h2,.vof-discovery h3,.vof-discovery p { color:inherit; text-transform:none; letter-spacing:normal; }
.vof-discovery h1 { font:500 clamp(38px,5.4vw,70px)/1.08 var(--vo-font-display, Georgia,"Times New Roman",serif); margin:12px 0 24px; }
.vof-discovery h2 { font:500 clamp(28px,3.4vw,42px)/1.18 var(--vo-font-display, Georgia,"Times New Roman",serif); margin:0 0 20px; }
.vof-discovery h3 { font:650 21px/1.3 var(--vo-font-body, -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif); margin:16px 0 10px; }
.vof-discovery p { margin:0 0 20px; }
.vof-discovery a { color:var(--vof-teal); text-decoration:underline; text-underline-offset:4px; }
.vof-discovery a:hover { color:#0b4541; }
.vof-discovery button,.vof-discovery input,.vof-discovery select { font:inherit; }
.vof-discovery button { cursor:pointer; }
.vof-discovery :focus-visible,.vof-consent :focus-visible,.vof-trip-nav:focus-visible { outline:3px solid #956423; outline-offset:4px; }
.vof-discovery [hidden], .vof-consent [hidden] { display:none !important; }
.vof-sr-only { position:absolute !important; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0; }
.vof-discovery .vof-eyebrow { font:650 12px/1.4 var(--vo-font-body, -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif); letter-spacing:2.4px; text-transform:uppercase; color:var(--vof-teal); margin-bottom:14px; }
.vof-entry { padding:62px 0 32px; min-height:min(820px,calc(100svh - 100px)); }
.vof-entry-intro { text-align:center; }
.vof-entry-description { color:var(--vof-muted) !important; max-width:660px; margin:0 auto 24px !important; }
.vof-trip-form { max-width:960px; margin:0 auto; }
.vof-trip-form fieldset { min-width:0; margin:0; padding:0; border:0; }
.vof-trip-form legend { float:none; width:100%; font:500 clamp(36px,5.2vw,64px)/1.12 var(--vo-font-display, Georgia,"Times New Roman",serif); color:var(--vof-ink); border:0; margin:0 0 14px; padding:0; }
.vof-entry .vof-trip-form legend,.vof-entry .vof-trip-form fieldset>p { text-align:center; }
.vof-trip-form fieldset>p { color:var(--vof-muted); }
.vof-step-status { color:var(--vof-muted); font-size:14px; min-height:22px; margin:0 0 14px; }
.vof-entry .vof-step-status { text-align:center; }
.vof-destination-choices { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:18px; margin:26px 0; }
.vof-discovery .vof-destination-choice { border:0; padding:0; display:block; text-align:left; background:#173d40; border-radius:14px; position:relative; overflow:hidden; aspect-ratio:1.2; min-height:180px; color:white; box-shadow:0 5px 20px #173d4010; }
.vof-destination-choice::after { content:""; position:absolute; inset:30% 0 0; background:linear-gradient(transparent,#082b36cf); pointer-events:none; }
.vof-destination-choice img { width:100%; height:100%; object-fit:cover; position:absolute; inset:0; transition:transform .25s ease; }
.vof-destination-choice:hover img { transform:scale(1.035); }
.vof-destination-choice>span { position:absolute; z-index:1; left:22px; bottom:22px; }
.vof-destination-choice strong { display:block; font:500 clamp(25px,3vw,34px)/1.12 var(--vo-font-display, Georgia,serif); }
.vof-destination-choice small { font-size:14px; display:block; margin-top:7px; }
.vof-destination-choice .vof-choice-arrow { left:auto; right:20px; font-size:24px; }
.vof-field-row { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:20px; }
.vof-guest-fields { grid-template-columns:repeat(3,minmax(0,1fr)); }
.vof-discovery .vof-field { display:flex; flex-direction:column; gap:9px; margin:0 0 22px; font-weight:600; line-height:1.4; color:var(--vof-ink); min-width:0; }
.vof-field input,.vof-field select { display:block; width:100%; min-width:0; height:auto; min-height:56px; background:#fff; border:1px solid #9dafad; border-radius:8px; color:var(--vof-ink); padding:14px 16px; box-shadow:none; font-weight:400; }
.vof-field input[type=date] { -webkit-appearance:none; }
.vof-destination-select { max-width:480px; margin:0 auto 24px !important; font-size:16px; }
.vof-discovery .vof-field-note,.vof-discovery .vof-form-footnote { color:var(--vof-muted); font-size:15px; line-height:1.6; }
.vof-form-actions { display:flex; gap:18px; justify-content:space-between; align-items:center; margin-top:22px; }
.vof-form-actions .vof-primary { margin-left:auto; }
.vof-form-footnote { margin:18px 0 0 !important; text-align:center; }
.vof-discovery .vof-primary,.vof-discovery .vof-secondary { min-height:52px; padding:15px 24px; border:1px solid var(--vof-teal); border-radius:7px; background:var(--vof-teal); color:#fff; font:600 17px/1.35 var(--vo-font-body, -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif); display:inline-flex; align-items:center; justify-content:center; gap:24px; text-decoration:none; text-align:center; white-space:normal; }
.vof-discovery .vof-primary:hover { background:#104f4c; color:#fff; }
.vof-discovery .vof-secondary { background:transparent; color:var(--vof-teal); }
.vof-discovery button:disabled { cursor:wait; opacity:.65; }
.vof-discovery .vof-text-button { background:none; border:0; padding:12px 4px; min-height:48px; color:var(--vof-teal); text-decoration:underline; text-underline-offset:4px; font-size:16px; }
.vof-form-error { background:#fff1eb; border-left:4px solid #a34423; color:#753019 !important; padding:16px; border-radius:4px; margin:16px 0; }
.vof-entry-trust { display:flex; gap:36px; justify-content:center; border-top:1px solid var(--vof-line); padding-top:24px; margin-top:40px; font-size:14px; color:var(--vof-muted); }
.vof-entry-trust span::before { content:"✓"; color:var(--vof-teal); margin-right:9px; }
.vof-how { border-top:1px solid var(--vof-line); padding:70px 0 64px; margin-top:36px; }
.vof-section-heading { max-width:660px; }
.vof-three-columns { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:40px; margin-top:40px; }
.vof-three-columns p { font-size:16px; color:var(--vof-muted); }
.vof-step-number { display:block; font:500 36px/1 var(--vo-font-display, Georgia,serif); color:var(--vof-gold); margin-bottom:28px; }
.vof-help-strip { background:#e8eeea; border-radius:14px; padding:36px; display:flex; align-items:center; gap:48px; }
.vof-help-strip>div { flex:1; }
.vof-help-strip h2 { font-size:30px; }
.vof-help-strip p { font-size:16px; margin-bottom:0; }
.vof-destination-links,.vof-faq { padding-top:64px; }
.vof-destination-links nav { display:flex; gap:12px; flex-wrap:wrap; }
.vof-destination-links a { padding:12px 18px; border:1px solid var(--vof-line); border-radius:8px; display:flex; gap:16px; align-items:center; text-decoration:none; }
.vof-destination-links small { display:block; font-size:12px; }
.vof-faq details { border-bottom:1px solid var(--vof-line); padding:18px 0; }
.vof-faq summary,.vof-edit-trip>summary { cursor:pointer; min-height:44px; padding:10px 0; font-weight:600; }
.vof-faq details p { color:var(--vof-muted); margin:12px 0 16px; }
.vof-faq>a { display:inline-block; padding:20px 0; }
.vof-page-intro { padding:64px 0 40px; max-width:860px; }
.vof-page-intro>p { color:var(--vof-muted); }
.vof-destination-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:24px; }
.vof-discovery .vof-place-card { background:white; border:1px solid var(--vof-line); border-radius:14px; text-decoration:none; overflow:hidden; color:var(--vof-ink); }
.vof-place-card img { display:block; width:100%; aspect-ratio:1.4; height:auto; object-fit:cover; }
.vof-place-card>div { padding:22px; }
.vof-place-card h2 { font-size:30px; margin:8px 0 16px; }
.vof-place-card h2 span { float:right; font-size:24px; }
.vof-place-card small { color:var(--vof-muted); }
.vof-place-card p { font-size:16px; margin:0; }
.vof-breadcrumb { display:flex; flex-wrap:wrap; gap:12px; padding:28px 0; font-size:14px; }
.vof-place-hero { display:grid; grid-template-columns:1fr 1.05fr; gap:48px; align-items:center; padding:10px 0 40px; }
.vof-place-hero>img { width:100%; height:490px; object-fit:cover; border-radius:16px; }
.vof-place-hero h1 { font-size:clamp(38px,4.8vw,62px); }
.vof-place-description,.vof-package-columns { display:grid; grid-template-columns:1.2fr 1fr; gap:64px; padding:40px 0; }
.vof-place-description li { padding:4px 0; }
.vof-planner-panel { padding:38px; border:1px solid var(--vof-line); background:white; border-radius:16px; margin:24px 0; }
.vof-package-inclusions article { border-top:1px solid var(--vof-line); padding-top:12px; }
.vof-offer-disclosure { padding:28px; background:#e8eeea; border-radius:12px; font-size:16px; align-self:start; }
.vof-offer-disclosure h2 { font-size:28px; }
.vof-offer-disclosure h3 { font-size:17px; }
.vof-package-terms { border-top:1px solid var(--vof-line); padding-top:40px; overflow-wrap:anywhere; }
.vof-trip-tips { font-size:16px; }
.vof-offers { padding:28px 0 40px; }
.vof-offers>p { color:var(--vof-muted); max-width:840px; }
.vof-offer-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:24px; margin-top:28px; }
.vof-offer-card { padding:30px; background:#fff; border:1px solid var(--vof-line); border-radius:14px; display:flex; flex-direction:column; }
.vof-offer-card>h3 { font:500 32px/1.18 var(--vo-font-display, Georgia,serif); margin-top:12px; }
.vof-discovery .vof-offer-badge { align-self:flex-start; background:#e8eeea; border-radius:4px; padding:6px 10px; font-size:14px; color:var(--vof-ink); font-weight:650; margin:0; }
.vof-offer-card ul { padding-left:22px; font-size:16px; }
.vof-visit-note { background:#faf5e9; padding:18px; border-radius:6px; font-size:16px; margin:10px 0 20px; }
.vof-visit-note p { margin:8px 0 0; }
.vof-offer-card .vof-offer-details { padding:12px 0 22px; margin-top:auto; }
.vof-standard-note { font-size:16px; color:var(--vof-ink) !important; }
.vof-edit-trip { border-top:1px solid var(--vof-line); padding:20px 0; }
.vof-edit-trip[open] .vof-trip-form { padding:30px 0; }
.vof-empty { padding:28px; background:#fff; border:1px solid var(--vof-line); border-radius:12px; }
.vof-empty .vof-secondary { margin:12px 12px 12px 0; }
.vof-trip-nav { display:inline-flex; gap:7px; min-height:44px; align-items:center; padding:10px 12px; }
.vof-trip-nav [data-trip-count] { background:#14635f; color:#fff; border-radius:50%; min-width:22px; text-align:center; font-size:12px; }
.vof-consent { font:16px/1.6 var(--vo-font-body, -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif); background:#f4f7f5; color:#173d40; border:1px solid #c2d2ca; border-radius:8px; padding:20px; margin:22px 0; text-align:left; }
.vof-consent label { display:flex; gap:12px; cursor:pointer; font-size:16px; line-height:1.6; }
.vof-consent input[type=checkbox] { appearance:auto; flex:none; width:22px; height:22px; margin-top:3px; }
.vof-consent a { color:#14635f; text-decoration:underline; }
.vof-consent h3 { color:#173d40; font-size:19px; }
.vof-consent details { margin:16px 0; }
.vof-consent summary { cursor:pointer; min-height:44px; }
.vof-consent .vof-supplier-terms { margin:16px 0; overflow-wrap:anywhere; }
.vof-consent .vof-supplier-terms h4 { margin:0 0 12px; font:inherit; font-weight:600; }
.vof-consent .vof-supplier-terms dl { display:block; width:100%; margin:0; padding:0; }
.vof-consent .vof-supplier-terms dl > div { display:block; margin:0 0 12px; }
.vof-consent .vof-supplier-terms dt,.vof-consent .vof-supplier-terms dd { float:none; width:auto; max-width:100%; margin:0; padding:0; text-align:left; font:inherit; }
.vof-consent .vof-supplier-terms dt { font-weight:600; }
.vof-consent .vof-supplier-terms dd dl { padding-left:12px; border-left:1px solid #c2d2ca; }
.vof-consent .vof-supplier-terms ul { margin:0; padding-left:20px; list-style:disc; }
@media(max-width:900px) {
  .vof-discovery { padding:0 28px 48px; }
  .vof-entry { padding-top:44px; }
  .vof-three-columns { gap:24px; }
  .vof-place-hero { gap:28px; }
  .vof-place-hero>img { height:380px; }
  .vof-place-description,.vof-package-columns { gap:32px; }
  .vof-destination-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .vof-help-strip { display:block; }
  .vof-help-strip>a { margin-top:24px; }
}
@media(max-width:600px) {
  .vof-discovery { padding:0 20px 40px; }
  .vof-entry { padding-top:28px; min-height:0; }
  .vof-entry-description { font-size:16px; }
  .vof-entry-intro { text-align:left; }
  .vof-entry .vof-trip-form legend,.vof-entry .vof-trip-form fieldset>p,.vof-entry .vof-step-status { text-align:left; }
  .vof-destination-choices { grid-template-columns:1fr; gap:12px; margin:22px 0; }
  .vof-discovery .vof-destination-choice { aspect-ratio:auto; height:112px; min-height:112px; }
  .vof-destination-choice>span { bottom:20px; left:20px; }
  .vof-destination-choice::after { inset:0; background:linear-gradient(90deg,#082b36b8,transparent); }
  .vof-destination-choice img { object-position:center 46%; }
  .vof-destination-choice strong { font-size:29px; }
  .vof-field-row { grid-template-columns:1fr; gap:0; }
  .vof-guest-fields { grid-template-columns:repeat(3,minmax(0,1fr)); gap:10px; }
  .vof-guest-fields .vof-field { font-size:14px; }
  .vof-guest-fields input { padding:13px 10px; font-size:18px; }
  .vof-field input,.vof-field select { font-size:17px; }
  .vof-form-actions { flex-wrap:wrap; gap:12px; }
  .vof-form-actions .vof-primary { flex:1; padding:15px; gap:14px; }
  .vof-entry-trust { flex-wrap:wrap; justify-content:flex-start; gap:10px 18px; font-size:13px; margin-top:28px; padding-top:20px; }
  .vof-how { padding:44px 0 20px; margin-top:28px; }
  .vof-three-columns { grid-template-columns:1fr; gap:20px; margin-top:28px; }
  .vof-step-number { margin-bottom:12px; }
  .vof-help-strip { padding:26px 22px; }
  .vof-destination-links,.vof-faq { padding-top:42px; }
  .vof-destination-links nav { flex-direction:column; }
  .vof-destination-links a { justify-content:space-between; }
  .vof-page-intro { padding:38px 0 24px; }
  .vof-destination-grid { grid-template-columns:1fr; }
  .vof-place-hero,.vof-place-description,.vof-package-columns { grid-template-columns:1fr; gap:26px; }
  .vof-place-hero { padding-bottom:10px; }
  .vof-place-hero>img { height:260px; }
  .vof-place-description,.vof-package-columns { padding:28px 0; }
  .vof-planner-panel { padding:24px 18px; margin-left:-8px; margin-right:-8px; }
  .vof-offer-grid { grid-template-columns:1fr; gap:18px; }
  .vof-offer-card { padding:24px 20px; }
  .vof-offer-disclosure { padding:24px 20px; }
}
@media(prefers-reduced-motion:reduce) { .vof-discovery *, .vof-discovery *::before, .vof-discovery *::after { transition:none !important; animation:none !important; scroll-behavior:auto !important; } }

/* One VOF shell through discovery, hotel selection and every public checkout. */
body.vof-journey-shell { color:var(--vof-ink); font:17px/1.55 var(--vo-font-body, -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif); }
.vof-discovery .vof-optional { font:400 17px/1.5 var(--vo-font-body, -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif); color:var(--vof-muted); }
.vof-discovery .vof-entry { padding-top:38px; }
.vof-discovery .vof-page-intro { padding:40px 0 20px; }
.vof-discovery .vof-eyebrow { color:var(--vof-muted); }
.vof-discovery .vof-offer-badge { color:var(--vof-ink); }
.vof-date-control { position:relative; }
.vof-date-control>label { margin:0; }
.vof-date-entry { position:relative; }
.vof-field .vof-date-entry input[data-date-display] { padding-right:56px; cursor:pointer; }
.vof-date-entry [data-calendar-toggle] { position:absolute; right:4px; top:4px; width:48px; height:48px; display:flex; align-items:center; justify-content:center; color:var(--vof-teal); border:0; background:transparent; border-radius:6px; }
.vof-calendar { position:absolute; top:100%; left:0; width:min(340px,calc(100vw - 48px)); padding:12px; border:1px solid #aab8b7; background:white; border-radius:12px; box-shadow:0 12px 32px #162a3326; z-index:12000; color:var(--vof-ink); font:16px/1.4 var(--vo-font-body, -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif); }
.vof-calendar[hidden] { display:none !important; }
.vof-calendar-heading { display:flex; justify-content:space-between; align-items:center; margin-bottom:8px; }
.vof-calendar button { border:0; background:#fff; color:var(--vof-ink); border-radius:6px; min-height:44px; font:inherit; cursor:pointer; padding:6px; }
.vof-calendar-heading>button { min-width:44px; color:var(--vof-teal); font-size:26px; }
.vof-calendar-week,.vof-calendar-days { display:grid; grid-template-columns:repeat(7,minmax(0,1fr)); text-align:center; }
.vof-calendar-week { font-size:13px; color:var(--vof-muted); }
.vof-calendar-days button:hover,.vof-calendar-days button:focus { background:#e3eeeb; }
.vof-calendar-days button[aria-pressed=true] { background:var(--vof-teal); color:#fff; }
.vof-calendar button:disabled { color:#a1a7aa; cursor:default; background:#fff; opacity:1; }
.vof-calendar .vof-calendar-close { display:block; margin:6px auto 0; color:var(--vof-teal); text-decoration:underline; }
.vof-journey-shell .packages-details-page.subpage,.vof-journey-shell .package-details-content,.vof-journey-shell .package-hotels .hotels { background:var(--vof-paper); }
/* Keep the trip-link utility row compact above the hotel search controls. */
.vof-discovery.vof-trip-link { padding-bottom:0; }
.vof-journey-shell .package-hotels .ecommerce-wrapper > .container > .hotels { margin-top:0; }
.vof-checkout-progress ol { display:flex; flex-wrap:wrap; gap:12px 24px; color:var(--vof-muted); font:400 14px/1.5 var(--vo-font-body, -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif); padding:0; margin:0; list-style:none; }
.vof-checkout-progress [aria-current=step] { color:var(--vof-ink); font-weight:700; border-bottom:2px solid var(--vof-ink); }
.vof-checkout-progress { width:100%; padding:16px 0; }
.vof-checkout-progress li { display:flex; align-items:center; gap:8px; padding:8px 0; }
.vof-checkout-progress li>span { border:1px solid var(--vof-line); border-radius:50%; min-width:28px; text-align:center; }
.vof-journey-shell .vof-hotel-trip-controls { background:#fff; border:1px solid var(--vof-line); border-radius:12px; margin:12px auto; padding:16px 20px; }
.vof-journey-shell .vof-hotel-trip-controls .vof-field { margin-bottom:16px; }
.vof-hotel-trip-summary { display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:12px 24px; }
.vof-hotel-trip-summary p { margin:0; font-size:14px; line-height:1.5; }
.vof-trip-facts { min-width:0; overflow-wrap:anywhere; }
.vof-trip-facts>strong { display:block; font-size:18px; line-height:1.4; margin-bottom:2px; }
.vof-trip-actions { display:flex; align-items:center; flex-wrap:wrap; gap:4px 16px; font-size:14px; }
.vof-trip-link-actions { display:flex; align-items:center; flex-wrap:wrap; gap:4px 12px; }
.vof-trip-copy-status { font-size:13px; }
.vof-hotel-trip-summary .vof-text-button { min-height:44px; flex:none; }
.vof-hotel-trip-summary+form { margin-top:20px; }
.vof-journey-shell .package-hotels .ecommerce-wrapper,.vof-journey-shell .ecommerce-wrapper { font-family:inherit; color:var(--vof-ink); background:transparent; }
.vof-journey-shell .ecommerce-wrapper .checkout-page { background:transparent; max-width:1280px; margin:0 auto; }
.vof-journey-shell .ecommerce-wrapper .checkout-summary,.vof-journey-shell .ecommerce-wrapper .cart-summary,.vof-journey-shell .ecommerce-wrapper .left-section { background:#fff; color:var(--vof-ink); border:1px solid var(--vof-line); border-radius:12px; box-shadow:none; }
.vof-journey-shell .ecommerce-wrapper .checkout-summary :is(h1,h2,h3,h4,p,li,dt,dd,em),.vof-journey-shell .ecommerce-wrapper .left-section :is(h1,h2,h3,h4,p,label,em) { color:var(--vof-ink); font-family:inherit; text-shadow:none; }
.vof-journey-shell .ecommerce-wrapper :is(input,select,textarea) { font-family:inherit; font-size:17px; border-radius:7px; }
.vof-journey-shell .ecommerce-wrapper input:not([type=checkbox]):not([type=radio]):not([type=hidden]),.vof-journey-shell .ecommerce-wrapper select { min-height:48px; }
.vof-journey-shell .ecommerce-wrapper a { color:var(--vof-teal); text-decoration:underline; text-underline-offset:3px; }
.vof-journey-shell .ecommerce-wrapper .btn,.vof-journey-shell .package-hotels .btn { background-image:none; border-radius:7px; box-shadow:none; font:600 17px/1.4 var(--vo-font-body, -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif); min-height:48px; text-shadow:none; text-transform:none; }
.vof-journey-shell .ecommerce-wrapper .btn-primary,.vof-journey-shell .package-hotels .btn-primary { background:var(--vof-teal); color:#fff; border:1px solid var(--vof-teal); text-decoration:none; }
.vof-journey-shell .ecommerce-wrapper .btn-secondary,.vof-journey-shell .ecommerce-wrapper .btn.gray { background:#fff; color:var(--vof-teal); border:1px solid var(--vof-teal); text-decoration:none; }
.vof-journey-shell .ecommerce-wrapper .editable .edit-header button { color:var(--vof-teal); background:transparent; text-decoration:underline; min-height:44px; }
.vof-journey-shell .ecommerce-wrapper .green,.vof-journey-shell .ecommerce-wrapper .item-price { color:var(--vof-ink); }
.vof-journey-shell .ecommerce-wrapper .error,.vof-journey-shell .ecommerce-wrapper .error-message,.vof-journey-shell .ecommerce-wrapper [role=alert] { color:#9a3029; }
/* Hotel selection uses document scrolling and optional detail disclosures. */
.vof-journey-shell:has(.vof-hotel-selection-panel) { height:auto; min-height:100vh; overflow:visible; }
.vof-journey-shell #search-hotels:has(.vof-hotel-selection-panel),
.vof-journey-shell #search-hotels:has(.vof-hotel-selection-panel) :is(.hotel-results-gate,.hotel-results-background,.content) { height:auto; max-height:none; overflow:visible; background:transparent; }
.vof-journey-shell .package-hotels .ecommerce-wrapper { width:100%; max-width:1280px; }
.vof-hotel-selection-panel { flex:1 1 100%; width:100%; min-width:0; }
.vof-journey-shell .vof-hotel-selection { box-sizing:border-box; width:100%; max-width:none; padding:0 0 40px; font-size:16px; }
.vof-hotel-selection .vof-back-hotels { margin:0 0 12px; }
.vof-stay-summary { background:#fff; border:1px solid var(--vof-line); border-radius:16px; overflow:hidden; }
.vof-stay-overview { display:grid; grid-template-columns:minmax(200px,.75fr) minmax(0,1.5fr); }
.vof-hotel-selection .vof-stay-overview>.image { margin:0; width:100%; height:100%; min-height:240px; }
.vof-hotel-selection .vof-stay-overview>.image img { display:block; width:100%; height:100%; max-height:360px; object-fit:cover; position:static; }
.vof-stay-description { padding:28px; min-width:0; }
.vof-hotel-selection .vof-eyebrow { margin-bottom:8px; }
.vof-hotel-selection .vof-stay-description h2 { font-size:clamp(26px,3vw,38px); margin:0 0 12px; overflow-wrap:anywhere; }
.vof-stay-description address { font:inherit; color:var(--vof-muted); margin:12px 0 20px; }
.vof-hotel-selection .vof-stay-trip { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px; margin:0; padding:20px 0 0; border-top:1px solid var(--vof-line); }
.vof-stay-trip dt { font-size:13px; color:var(--vof-muted); margin-bottom:5px; font-weight:400; }
.vof-stay-trip dd { margin:0; font-size:15px; line-height:1.5; font-weight:600; }
.vof-stay-details { border-top:1px solid var(--vof-line); padding:0 24px; }
.vof-hotel-selection summary { min-height:48px; padding:12px 0; color:var(--vof-teal); cursor:pointer; font-weight:600; line-height:1.5; }
.vof-stay-extra { padding:0 0 24px; overflow-wrap:anywhere; }
.vof-stay-extra p { font-size:16px; }
.vof-stay-amenities { columns:2; padding-left:22px; }
.vof-stay-amenities li { padding:4px 12px 4px 0; break-inside:avoid; }
.vof-stay-gallery { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; }
.vof-stay-gallery img { width:100%; aspect-ratio:1.5; object-fit:cover; border-radius:8px; }
.vof-journey-shell .vof-hotel-selection .vof-room-choices { max-width:none; padding:32px 0 0; overflow:visible; height:auto; font-size:16px; }
.vof-room-heading { display:flex; align-items:end; justify-content:space-between; gap:24px; }
.vof-room-heading>div { min-width:0; }
.vof-hotel-selection .vof-room-heading h2 { font-size:30px; margin-bottom:10px; }
.vof-hotel-selection .vof-room-heading p { margin:0 0 8px; }
.vof-hotel-selection .vof-room-search { width:260px; max-width:100%; flex-shrink:0; margin:0; font-size:14px; }
.vof-room-search input { font-size:16px; }
.vof-room-card { border:1px solid var(--vof-line); border-radius:14px; padding:24px; background:#fff; margin:16px 0; min-width:0; }
.vof-hotel-selection .vof-room-card h3 { font-size:21px; margin:0 0 12px; }
.vof-room-offer { display:grid; grid-template-columns:minmax(0,.75fr) minmax(0,2fr); gap:24px; }
.vof-room-terms p { font-size:16px; margin:0 0 8px; }
.vof-price-choices { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:24px; }
.vof-price-choice { display:flex; flex-direction:column; align-items:stretch; min-width:0; border-left:1px solid var(--vof-line); padding-left:24px; }
.vof-price-choice h4 { font:650 16px/1.4 var(--vo-font-body, -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif); margin:0; color:var(--vof-ink); }
.vof-price-choice .vof-choice-price { font:650 28px/1.4 var(--vo-font-body, -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif); margin:6px 0; }
.vof-price-choice .vof-field-note { margin-bottom:14px; }
.vof-price-choice button { margin-top:auto; width:100%; }
.vof-hotel-selection .vof-price-choice button { font-size:15px; padding:12px; }
.vof-price-choice:only-child { grid-column:1/-1; }
.vof-rate-details { margin-top:16px; }
.vof-rate-details summary { color:var(--vof-teal); cursor:pointer; padding:12px 0; }
/* Programmatic heading focus announces the selected hotel without a control outline. */
.vof-hotel-selection #vof-stay-heading:focus { outline:none; }
.vof-presentation-dialog .vo-dialog { width:600px; max-width:calc(100vw - 32px); max-height:calc(100vh - 32px); max-height:calc(100dvh - 32px); margin:auto; padding:24px; border:1px solid var(--vof-line); border-radius:16px; background:#fff; color:var(--vof-ink); overflow-y:auto; overscroll-behavior:contain; font:16px/1.55 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; }
.vof-presentation-dialog .vo-dialog::backdrop { background:rgba(16,46,60,.55); }
.vof-presentation-dialog .vo-dialog>header { display:flex; align-items:flex-start; justify-content:space-between; gap:16px; margin-bottom:16px; }
.vof-presentation-dialog .vo-dialog h2 { font:600 24px/1.25 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; margin:0; }
.vof-presentation-dialog .vo-dialog header button { flex:none; min-height:44px; padding:8px; border:0; background:transparent; color:var(--vof-teal); font:inherit; text-decoration:underline; }
.vof-presentation-dialog .vo-dialog p { font:inherit; margin:0 0 16px; }
.vof-presentation-room { padding:12px 16px; border-radius:8px; background:var(--vof-paper); }
.vof-presentation-actions { display:flex; justify-content:flex-end; flex-wrap:wrap; gap:12px; margin-top:24px; }
@media(max-width:600px) {
  .vof-journey-shell .vof-hotel-trip-controls { padding:12px 16px; }
  .vof-hotel-trip-summary { gap:4px; }
  .vof-trip-facts, .vof-trip-actions { width:100%; }
  .vof-trip-actions { justify-content:space-between; }
  .vof-presentation-dialog .vo-dialog { padding:20px; }
  .vof-presentation-actions { flex-direction:column; }
  .vof-presentation-actions button { width:100%; }
  /* Keep results within reach: one line of tools and a quiet rate notice. */
  .vof-journey-shell #search-hotels .hotel-browser .hotel-browser-toolbar.filter.toolbar.vo-results-toolbar { gap:8px; padding:12px; margin-bottom:12px; }
  .vof-journey-shell #search-hotels .hotel-browser .hotel-browser-toolbar.filter.toolbar.vo-results-toolbar .hotel-browser-heading { gap:8px; }
  .vof-journey-shell #search-hotels .hotel-browser .hotel-browser-toolbar.filter.toolbar.vo-results-toolbar .hotel-browser-heading>div:first-child { display:flex; align-items:baseline; flex-wrap:wrap; gap:4px 8px; }
  .vof-journey-shell #search-hotels .hotel-browser .hotel-browser-toolbar.filter.toolbar.vo-results-toolbar .hotel-browser-heading h2 { font-size:18px; }
  .vof-journey-shell #search-hotels .hotel-browser .hotel-browser-toolbar.filter.toolbar.vo-results-toolbar .hotel-browser-heading p { margin:0; font-size:12px; }
  .vof-journey-shell #search-hotels .hotel-browser .hotel-browser-toolbar.filter.toolbar.vo-results-toolbar .hotel-browser-controls { display:grid; grid-template-columns:auto minmax(0,1fr) 78px; gap:8px; width:100%; }
  .vof-journey-shell #search-hotels .hotel-browser .hotel-browser-toolbar.filter.toolbar.vo-results-toolbar .hotel-sort { min-width:0; }
  .vof-journey-shell #search-hotels .hotel-browser .hotel-browser-toolbar.filter.toolbar.vo-results-toolbar .hotel-sort>span { position:absolute; width:1px; height:1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; }
  .vof-journey-shell #search-hotels .hotel-browser .hotel-browser-toolbar.filter.toolbar.vo-results-toolbar .hotel-view-controls { display:none; }
  .vof-journey-shell #search-hotels .hotel-browser .hotel-browser-toolbar.filter.toolbar.vo-results-toolbar .hotel-mobile-view { display:block; min-width:0; }
  .vof-journey-shell #search-hotels .hotel-browser .hotel-browser-toolbar.filter.toolbar.vo-results-toolbar .hotel-browser-controls select { padding:8px 4px; }
  .vof-journey-shell #search-hotels .hotel-browser .hotel-browser-toolbar.filter.toolbar.vo-results-toolbar .availability-refresh-timer[data-state='current'] { border:0; background:transparent; padding:4px 0 0; min-height:0; }
  .vof-journey-shell #search-hotels .hotel-browser .hotel-browser-toolbar.filter.toolbar.vo-results-toolbar .availability-refresh-timer[data-state='current'] .availability-refresh-dot { animation:none; }
  .vof-journey-shell #search-hotels .hotel-browser .hotel-browser-toolbar.filter.toolbar.vo-results-toolbar .availability-refresh-copy { gap:0 6px; }
  .vof-journey-shell #search-hotels .hotel-browser .hotel-browser-toolbar.filter.toolbar.vo-results-toolbar .availability-refresh-copy strong,
  .vof-journey-shell #search-hotels .hotel-browser .hotel-browser-toolbar.filter.toolbar.vo-results-toolbar .availability-refresh-copy span { font-size:12px; }
}
.vof-room-count { margin:18px 0 0 !important; }
.vof-room-alternatives { border-top:1px solid var(--vof-line); }
.vof-room-alternatives .vof-room-offer { padding:20px 0; border-top:1px solid var(--vof-line); }
.vof-more-rooms { display:flex !important; margin:24px auto 0; }
.vof-room-loading { padding:24px 0; text-align:center; }
@media(max-width:900px) {
  .vof-room-heading { display:block; }
  .vof-hotel-selection .vof-room-search { width:100%; margin-top:16px; }
  .vof-stay-description { padding:20px; }
  .vof-stay-trip { gap:12px; }
  .vof-room-offer { grid-template-columns:minmax(0,1fr); gap:12px; }
  .vof-price-choice { border-left:0; border-top:1px solid var(--vof-line); padding:16px 0 0; }
}
@media(max-width:600px) {
  .vof-journey-shell .vof-hotel-selection { padding:0 16px 32px; }
  .vof-stay-overview { grid-template-columns:minmax(0,1fr); }
  .vof-hotel-selection .vof-stay-overview>.image { min-height:0; height:180px; }
  .vof-stay-description { padding:20px 16px; }
  .vof-hotel-selection .vof-stay-trip { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .vof-stay-trip>div:last-child { grid-column:1/-1; }
  .vof-stay-details { padding:0 16px; }
  .vof-stay-amenities { columns:1; }
  .vof-stay-gallery { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .vof-hotel-selection .vof-room-heading h2 { font-size:27px; }
  .vof-journey-shell .vof-hotel-selection .vof-room-card { padding:20px 16px; }
  .vof-price-choices { grid-template-columns:1fr; gap:20px; }
}
.vof-selected-option,.vof-price-label { font-size:15px; color:var(--vof-ink); }
.vof-hotel-visit-price { display:block; font-size:14px; padding-top:10px; }
.vof-hotel-visit-price strong { display:block; font-size:20px; }
.vof-hotel-visit-price small { display:block; font-size:13px; }
@media(max-width:600px) {
  .vof-journey-shell .vof-hotel-trip-controls,.vof-journey-shell .vof-room-choices { padding:16px; }
  .vof-journey-shell .vof-room-card { padding:16px; }
  .vof-price-choices { grid-template-columns:1fr; }
}
@media(prefers-reduced-motion:reduce) {
  .vof-journey-shell * { scroll-behavior:auto !important; }
  .vof-journey-shell .btn { transition:none; }
}

/* Navigation and traveler support. */
.vof-site-header,.vof-site-footer { font:16px/1.5 var(--vo-font-body, -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif); text-align:left; letter-spacing:normal; }
.vof-site-header *,.vof-site-footer * { box-sizing:border-box; }
.vof-site-header [hidden] { display:none !important; }
.vof-site-header { background:#fffefa; border-bottom:1px solid var(--vof-line); position:relative; z-index:50; }
.vof-site-header__inner { max-width:1280px; min-height:88px; padding:20px 48px; margin:0 auto; display:flex; align-items:center; gap:36px; }
.vof-site-header a { color:var(--vof-ink); text-decoration:none; }
.vof-site-header a:hover { color:var(--vof-teal); }
.vof-site-header :focus-visible { outline:3px solid var(--vof-teal); outline-offset:4px; }
.vof-site-footer :focus-visible { outline:3px solid #e1c396; outline-offset:4px; }
.vof-site-header .vof-brand { display:flex; align-items:center; justify-content:center; flex:none; min-width:70px; min-height:48px; }
.vof-brand__mark { display:block; width:70px; height:40px; object-fit:contain; }
.vof-site-nav { display:flex; align-items:center; justify-content:flex-start; gap:28px; margin-left:auto; }
.vof-site-nav>a { display:flex; align-items:center; min-height:48px; font-size:15px; font-weight:500; white-space:nowrap; }
.vof-site-nav>a:hover,.vof-site-nav>a[aria-current=page] { text-decoration:underline; text-underline-offset:8px; text-decoration-thickness:1px; }
.vof-site-nav .vof-site-nav__help { border-left:1px solid var(--vof-line); padding-left:28px; }
.vof-site-actions { display:flex; align-items:center; gap:10px; flex:none; }
.vof-site-header .vof-trip-nav { display:inline-flex; align-items:center; justify-content:center; gap:8px; min-height:48px; padding:11px 16px; border:1px solid #9aada8; border-radius:6px; font-size:14px; font-weight:500; white-space:nowrap; color:var(--vof-teal); }
.vof-site-header .vof-trip-nav:hover,.vof-site-header .vof-trip-nav[aria-current=page] { background:#edf2ee; }
.vof-site-header .vof-trip-nav [data-trip-count] { min-width:20px; height:20px; line-height:20px; }
.vof-menu-toggle { display:none; align-items:center; justify-content:center; gap:8px; border:0; border-radius:6px; min-width:44px; min-height:48px; background:transparent; color:var(--vof-ink); font:500 14px/1.4 var(--vo-font-body, -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif); padding:10px; cursor:pointer; }
.vof-menu-toggle:hover,.vof-menu-toggle[aria-expanded=true] { background:#edf2ee; }
.vof-menu-toggle__close,.vof-menu-toggle[aria-expanded=true] .vof-menu-toggle__lines { display:none; }
.vof-menu-toggle[aria-expanded=true] .vof-menu-toggle__close { display:block; }
.vof-site-footer { margin-top:48px; background:#173d40; color:#f7f6ef; }
.vof-site-footer__inner { max-width:1280px; padding:0 48px; margin:0 auto; }
.vof-site-footer a { color:#f7f6ef; text-decoration:none; }
.vof-site-footer a:hover { text-decoration:underline; text-underline-offset:4px; }
.vof-site-footer p,.vof-site-footer h2 { color:inherit; text-transform:none; letter-spacing:normal; }
.vof-footer-support { display:flex; justify-content:space-between; align-items:center; gap:40px; padding:48px 0 40px; border-bottom:1px solid #527172; }
.vof-footer-support .vof-footer-eyebrow { font-size:11px; font-weight:600; letter-spacing:2px; text-transform:uppercase; color:#e1c396; margin:0 0 12px; }
.vof-footer-support h2 { font:400 clamp(28px,3vw,36px)/1.2 var(--vo-font-display, Georgia,"Times New Roman",serif); margin:0 0 12px; }
.vof-footer-support p { font-size:15px; margin:0; color:#cfddd8; }
.vof-footer-support__actions { display:flex; align-items:center; gap:24px; flex:none; }
.vof-footer-call { font-size:21px; font-weight:500; min-height:48px; display:flex; flex-direction:column; justify-content:center; }
.vof-footer-call>span { font-size:12px; color:#cfddd8; font-weight:400; }
.vof-site-footer .vof-footer-contact { display:inline-flex; justify-content:center; align-items:center; min-height:48px; padding:11px 22px; border:1px solid #a2b7b3; border-radius:6px; font-size:14px; white-space:nowrap; }
.vof-footer-contact:hover { background:#254c4e; }
.vof-footer-directory { display:grid; grid-template-columns:1.4fr 1fr 1fr 1fr; gap:36px; padding:44px 0 36px; align-items:start; }
.vof-footer-directory>* { min-width:0; }
.vof-footer-brand__logo { display:inline-flex; align-items:center; min-height:48px; }
.vof-footer-brand__logo img { display:block; width:70px; height:40px; object-fit:contain; }
.vof-footer-brand p { max-width:240px; color:#cfddd8; margin:18px 0 10px; font-size:14px; line-height:1.7; }
.vof-footer-brand>a:last-child { display:inline-flex; align-items:center; min-height:44px; font-size:14px; overflow-wrap:anywhere; max-width:100%; }
.vof-footer-section { border:0; margin:0; padding:0; }
.vof-footer-section>summary { display:flex; justify-content:space-between; align-items:center; gap:12px; min-height:48px; font-size:14px; font-weight:600; color:#f7f6ef; cursor:pointer; list-style:none; }
.vof-footer-section>summary::-webkit-details-marker { display:none; }
.vof-footer-section>summary::after { content:""; width:7px; height:7px; flex:none; border-right:1px solid #aac1bb; border-bottom:1px solid #aac1bb; transform:rotate(45deg); margin-right:3px; }
.vof-footer-section[open]>summary::after { transform:rotate(225deg); }
.vof-footer-section nav { padding-top:4px; }
.vof-footer-section nav>a { display:block; min-height:44px; padding:10px 0; font-size:14px; line-height:1.6; color:#cfddd8; overflow-wrap:anywhere; }
.vof-footer-section nav>a>span { display:block; color:#b5cbc4; font-size:12px; margin-top:2px; }
.vof-footer-bottom { display:flex; flex-wrap:wrap; justify-content:space-between; align-items:center; gap:8px 32px; padding:16px 0 max(20px,env(safe-area-inset-bottom)); border-top:1px solid #527172; font-size:12px; color:#cfddd8; }
.vof-footer-bottom p { margin:0; }
.vof-footer-bottom nav { display:flex; flex-wrap:wrap; gap:4px 24px; }
.vof-footer-bottom nav>a { display:flex; align-items:center; justify-content:center; min-width:44px; min-height:44px; color:#cfddd8; }
@media(max-width:1100px) and (min-width:961px) {
  .vof-site-header__inner { padding-left:28px; padding-right:28px; gap:24px; }
  .vof-site-nav { gap:20px; }
  .vof-site-nav .vof-site-nav__help { padding-left:20px; }
}
@media(max-width:960px) {
  .vof-site-header__inner { min-height:80px; padding:16px 28px; gap:16px; flex-wrap:wrap; }
  .vof-site-actions { margin-left:auto; }
  .vof-site-header[data-navigation-ready] .vof-menu-toggle { display:flex; }
  .vof-site-nav { order:3; width:100%; margin:0; border-top:1px solid var(--vof-line); padding:12px 0 0; display:grid; grid-template-columns:1fr 1fr; gap:4px 28px; }
  .vof-site-nav>a { min-height:52px; white-space:normal; }
  .vof-site-nav .vof-site-nav__help { padding-left:0; border-left:0; }
  .vof-site-footer__inner { padding:0 28px; }
  .vof-footer-support { gap:24px; }
  .vof-footer-support__actions { flex-direction:column; align-items:stretch; gap:12px; }
  .vof-footer-directory { gap:24px; grid-template-columns:repeat(3,minmax(0,1fr)); }
  .vof-footer-brand { grid-column:1/-1; display:grid; grid-template-columns:1fr 2fr; column-gap:24px; }
  .vof-footer-brand p { grid-column:2; grid-row:1/3; align-self:center; max-width:360px; margin:0; }
}
@media(max-width:600px) {
  .vof-site-header__inner { padding:12px 16px; min-height:72px; gap:12px; }
  .vof-site-header .vof-brand { min-width:56px; }
  .vof-brand__mark { width:56px; height:34px; }
  .vof-site-header .vof-trip-nav { padding:10px 12px; position:relative; }
  .vof-site-header .vof-trip-nav [data-trip-count] { position:absolute; top:-5px; right:-5px; }
  .vof-site-actions { gap:6px; }
  .vof-menu-toggle { padding:10px 8px; }
  .vof-site-nav { grid-template-columns:1fr; gap:0; padding:8px 0 0; }
  .vof-site-nav>a { min-height:56px; font-size:17px; justify-content:space-between; }
  .vof-site-nav>a::after { content:""; width:7px; height:7px; border-top:1px solid #6c817c; border-right:1px solid #6c817c; transform:rotate(45deg); margin-right:6px; }
  .vof-site-nav .vof-site-nav__help { margin-top:8px; border-top:1px solid var(--vof-line); padding-top:8px; }
  .vof-site-footer { margin-top:32px; }
  .vof-site-footer__inner { padding:0 24px; }
  .vof-footer-support { display:block; padding:32px 0; }
  .vof-footer-support__actions { flex-direction:row; align-items:center; justify-content:space-between; gap:16px; margin-top:24px; }
  .vof-footer-call { font-size:19px; }
  .vof-site-footer .vof-footer-contact { padding:11px 16px; }
  .vof-footer-directory { display:block; padding:28px 0 0; }
  .vof-footer-brand { display:block; padding-bottom:24px; }
  .vof-footer-brand p { max-width:320px; margin:14px 0 6px; }
  .vof-footer-section { border-top:1px solid #527172; }
  .vof-footer-section>summary { min-height:60px; font-size:15px; }
  .vof-footer-section nav { padding:0 0 16px; }
  .vof-footer-section nav>a { font-size:15px; }
  .vof-footer-bottom { padding-top:16px; gap:4px 20px; }
}
@media(max-width:360px) {
  .vof-site-header .vof-trip-nav>svg { display:none; }
  .vof-footer-support__actions { flex-direction:column; align-items:flex-start; gap:16px; }
}

/* Editorial recommendations stay after the primary booking task. */
.vof-related-packages { margin: 2rem 0; padding-top: 1.5rem; border-top: 1px solid #d9e2de; }
.vof-related-packages p { max-width: 65ch; }
.vof-related-packages ul { padding-left: 1.25rem; }
.vof-related-packages li { margin: .5rem 0; }
.vof-related-packages a { display: inline-block; padding: .4rem 0; text-decoration: underline; overflow-wrap: anywhere; }