.vnat-app[data-page="plan-your-trip-hub"] {
  --pyh-ink: #1e1b18;
  --pyh-muted: #625b53;
  --pyh-line: #e4ddd3;
  --pyh-sand: #f3eee6;
  --pyh-warm: #faf7f2;
  --pyh-crumb: #faf2ed;
  --pyh-crumb-sep: #dfbfbc;
  --pyh-red: #8b1d1d;
  --pyh-maroon: #6a0109;
  --pyh-gold: #fed65b;
  --pyh-gutter: max(48px, calc((100% - 1280px) / 2 + 24px));
  --pyh-serif: 'Noto Serif Display', Georgia, serif;
  --pyh-serif-text: 'Noto Serif', Georgia, serif;
  --pyh-sans: 'Noto Sans Display', Arial, sans-serif;

  background: var(--pyh-warm);
  color: var(--pyh-ink);
  font-family: var(--pyh-sans);
}

.vnat-app[data-page="plan-your-trip-hub"] *,
.vnat-app[data-page="plan-your-trip-hub"] *::before,
.vnat-app[data-page="plan-your-trip-hub"] *::after { box-sizing: border-box; }

.vnat-app[data-page="plan-your-trip-hub"] .pyh-breadcrumb { padding: 8px var(--pyh-gutter); background: var(--pyh-crumb); }
.vnat-app[data-page="plan-your-trip-hub"] .pyh-breadcrumb__inner { display: flex; align-items: center; gap: 4px; max-width: 1280px; height: 16px; font-size: 12px; font-weight: 500; line-height: 16px; }
.vnat-app[data-page="plan-your-trip-hub"] .pyh-breadcrumb__home { display: flex; align-items: center; gap: 4px; color: var(--pyh-muted); text-decoration: none; }
.vnat-app[data-page="plan-your-trip-hub"] .pyh-breadcrumb__home:hover { text-decoration: underline; }
.vnat-app[data-page="plan-your-trip-hub"] .pyh-breadcrumb__sep { color: var(--pyh-crumb-sep); }
.vnat-app[data-page="plan-your-trip-hub"] .pyh-breadcrumb__current { color: var(--pyh-maroon); font-weight: 600; }

.vnat-app[data-page="plan-your-trip-hub"] .pyh-hero { position: relative; display: flex; align-items: center; height: 560px; overflow: hidden; padding: 0 var(--pyh-gutter) 32px; background: #e8e1dc; }
.vnat-app[data-page="plan-your-trip-hub"] .pyh-hero__image { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.vnat-app[data-page="plan-your-trip-hub"] .pyh-hero__scrim { position: absolute; inset: 0; background: linear-gradient(to top, #1e1b18 0%, rgba(30, 27, 24, .6) 50%, rgba(30, 27, 24, 0) 100%); }
.vnat-app[data-page="plan-your-trip-hub"] .pyh-hero__content { position: relative; display: flex; flex-direction: column; gap: 16px; width: 896px; max-width: 100%; }
.vnat-app[data-page="plan-your-trip-hub"] .pyh-hero__title { margin: 0; color: #fff; font-family: var(--pyh-serif); font-size: 64px; font-stretch: 75%; font-weight: 800; letter-spacing: -1.28px; line-height: 70px; }
.vnat-app[data-page="plan-your-trip-hub"] .pyh-hero__lead { max-width: 672px; margin: 0; color: rgba(255, 255, 255, .85); font-family: var(--pyh-serif-text); font-size: 18px; font-weight: 400; line-height: 30px; }

.vnat-app[data-page="plan-your-trip-hub"] .pyh-search-wrap { position: relative; z-index: 8; display: flex; justify-content: center; height: 132px; padding: 0 24px; }
.vnat-app[data-page="plan-your-trip-hub"] .pyh-search-card { position: relative; width: min(1056px, 100%); height: 116px; margin-top: -40px; padding: 24px; border: 1px solid var(--pyh-line); border-radius: 16px; background: #fff; }
.vnat-app[data-page="plan-your-trip-hub"] .pyh-search-card::after { position: absolute; inset: -1px; border-radius: 24px; box-shadow: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 8px 10px -6px rgba(0, 0, 0, .1); content: ''; pointer-events: none; }
.vnat-app[data-page="plan-your-trip-hub"] .pyh-search { display: flex; align-items: center; gap: 16px; }
.vnat-app[data-page="plan-your-trip-hub"] .pyh-field { display: flex; flex: 1 0 0; flex-direction: column; gap: 6px; min-width: 0; margin: 0; cursor: pointer; }
.vnat-app[data-page="plan-your-trip-hub"] .pyh-field__label { color: var(--pyh-ink); font-size: 12px; font-stretch: 75%; font-weight: 600; letter-spacing: 1.2px; line-height: 16px; text-transform: uppercase; white-space: nowrap; }
.vnat-app[data-page="plan-your-trip-hub"] .pyh-field__control { position: relative; display: flex; align-items: center; gap: 8px; width: 100%; height: 44px; overflow: hidden; padding: 0 14px; border: 1px solid var(--pyh-line); border-radius: 8px; background: #fff; transition: border-color .2s ease; }
.vnat-app[data-page="plan-your-trip-hub"] .pyh-field:hover .pyh-field__control,
.vnat-app[data-page="plan-your-trip-hub"] .pyh-field__control:focus-within { border-color: var(--pyh-muted); }
.vnat-app[data-page="plan-your-trip-hub"] .pyh-field__icon,
.vnat-app[data-page="plan-your-trip-hub"] .pyh-field__chevron { display: block; flex: none; width: 16px; height: 16px; }
.vnat-app[data-page="plan-your-trip-hub"] .pyh-field__value { flex: 1 0 0; min-width: 0; overflow: hidden; color: var(--pyh-muted); font-family: 'Noto Sans', Arial, sans-serif; font-size: 14px; font-weight: 400; line-height: 20px; text-overflow: ellipsis; white-space: nowrap; }
.vnat-app[data-page="plan-your-trip-hub"] .pyh-field.is-filled .pyh-field__value { color: var(--pyh-ink); }
.vnat-app[data-page="plan-your-trip-hub"] .pyh-field__control select { position: absolute; inset: 0; width: 100%; height: 100%; opacity: 0; cursor: pointer; -webkit-appearance: none; appearance: none; }

.vnat-app[data-page="plan-your-trip-hub"] .pyh-button { position: relative; display: inline-flex; flex: none; align-items: center; justify-content: center; overflow: hidden; padding: 8px 16px; border: 0; border-radius: 999px; background: var(--pyh-red); box-shadow: 0 1px 1px rgba(0, 0, 0, .05); color: #fff; cursor: pointer; font-size: 12px; font-weight: 600; isolation: isolate; line-height: 16px; text-decoration: none; text-transform: uppercase; transition: background-color .2s ease; }
.vnat-app[data-page="plan-your-trip-hub"] .pyh-button::before { position: absolute; inset: 0; z-index: -1; background: url('../images/header-v2/btn-pattern.png') 0 0 / 77.25px 73.5px repeat; content: ''; opacity: .25; }
.vnat-app[data-page="plan-your-trip-hub"] .pyh-button:hover { background-color: var(--pyh-maroon); color: #fff; }
.vnat-app[data-page="plan-your-trip-hub"] .pyh-block__text .pyh-button { text-transform: none; }

.vnat-app[data-page="plan-your-trip-hub"] .pyh-section { padding: 48px var(--pyh-gutter) 28px; }
.vnat-app[data-page="plan-your-trip-hub"] .pyh-section--ready { padding: 40px var(--pyh-gutter); }
.vnat-app[data-page="plan-your-trip-hub"] .pyh-section__title { margin: 0 0 48px; color: var(--pyh-ink); font-family: var(--pyh-serif); font-size: 48px; font-stretch: 75%; font-weight: 800; letter-spacing: -.48px; line-height: 56px; }

.vnat-app[data-page="plan-your-trip-hub"] .pyh-block { display: flex; align-items: stretch; gap: 24px; height: 316px; }
.vnat-app[data-page="plan-your-trip-hub"] .pyh-block--flip { flex-direction: row-reverse; }
.vnat-app[data-page="plan-your-trip-hub"] .pyh-block__text { display: flex; flex: none; flex-direction: column; align-items: flex-start; justify-content: center; gap: 12px; width: 379px; }
.vnat-app[data-page="plan-your-trip-hub"] .pyh-block__kicker { margin: 0; color: var(--pyh-maroon); font-size: 12px; font-stretch: 75%; font-weight: 600; letter-spacing: 1.2px; line-height: 16px; text-transform: uppercase; }
.vnat-app[data-page="plan-your-trip-hub"] .pyh-block__title { margin: 0; color: var(--pyh-ink); font-family: var(--pyh-serif); font-size: 48px; font-stretch: 75%; font-weight: 800; letter-spacing: -.48px; line-height: 56px; }
.vnat-app[data-page="plan-your-trip-hub"] .pyh-block__media { flex: 1 0 0; min-width: 0; overflow: hidden; border-radius: 16px; background: var(--pyh-sand); }
.vnat-app[data-page="plan-your-trip-hub"] .pyh-block__media img { display: block; width: 100%; height: 100%; object-fit: cover; }

.vnat-app[data-page="plan-your-trip-hub"] .pyh-offers { position: relative; display: flex; flex-direction: column; gap: 20px; overflow: hidden; padding: 40px var(--pyh-gutter) 48px; background: var(--pyh-maroon); isolation: isolate; }
.vnat-app[data-page="plan-your-trip-hub"] .pyh-offers::before,
.vnat-app[data-page="plan-your-trip-hub"] .pyh-offers::after { position: absolute; z-index: -1; content: ''; pointer-events: none; }
.vnat-app[data-page="plan-your-trip-hub"] .pyh-offers::before { inset: 0; background: url('../images/travel-offers/hero-pattern.png') 0 0 / 77.25px 73.5px; opacity: .5; }
.vnat-app[data-page="plan-your-trip-hub"] .pyh-offers::after { top: 0; left: 71.24%; width: 32.33%; height: 30.17%; background: url('../images/travel-offers/hero-gold-accent.png') center / 100% 100% no-repeat; opacity: .5; }
.vnat-app[data-page="plan-your-trip-hub"] .pyh-offers__title { margin: 0; color: var(--pyh-gold); font-family: var(--pyh-serif); font-size: 48px; font-stretch: 75%; font-weight: 800; letter-spacing: -.48px; line-height: 56px; }

@media (max-width: 1023px) {
  .vnat-app[data-page="plan-your-trip-hub"] { --pyh-gutter: 24px; }
  .vnat-app[data-page="plan-your-trip-hub"] .pyh-hero { height: 420px; }
  .vnat-app[data-page="plan-your-trip-hub"] .pyh-hero__title { font-size: 48px; line-height: 54px; }
  .vnat-app[data-page="plan-your-trip-hub"] .pyh-search-wrap { height: auto; padding: 0 var(--pyh-gutter) 24px; }
  .vnat-app[data-page="plan-your-trip-hub"] .pyh-search-card { height: auto; }
  .vnat-app[data-page="plan-your-trip-hub"] .pyh-search { flex-wrap: wrap; }
  .vnat-app[data-page="plan-your-trip-hub"] .pyh-field { flex: 1 1 calc(50% - 8px); }
  .vnat-app[data-page="plan-your-trip-hub"] .pyh-block,
  .vnat-app[data-page="plan-your-trip-hub"] .pyh-block--flip { flex-direction: column; height: auto; }
  .vnat-app[data-page="plan-your-trip-hub"] .pyh-block__text { width: 100%; }
  .vnat-app[data-page="plan-your-trip-hub"] .pyh-block__media { flex: none; height: 240px; }
  .vnat-app[data-page="plan-your-trip-hub"] .pyh-block__title,
  .vnat-app[data-page="plan-your-trip-hub"] .pyh-section__title,
  .vnat-app[data-page="plan-your-trip-hub"] .pyh-offers__title { font-size: 36px; line-height: 44px; }
  .vnat-app[data-page="plan-your-trip-hub"] .pyh-section { padding-top: 32px; padding-bottom: 16px; }
  .vnat-app[data-page="plan-your-trip-hub"] .pyh-section__title { margin-bottom: 24px; }
}

@media (max-width: 599px) {
  .vnat-app[data-page="plan-your-trip-hub"] .pyh-hero { height: 360px; }
  .vnat-app[data-page="plan-your-trip-hub"] .pyh-hero__title { font-size: 40px; line-height: 46px; }
  .vnat-app[data-page="plan-your-trip-hub"] .pyh-hero__lead { font-size: 16px; line-height: 26px; }
  .vnat-app[data-page="plan-your-trip-hub"] .pyh-field { flex-basis: 100%; }
  .vnat-app[data-page="plan-your-trip-hub"] .pyh-search .pyh-button { width: 100%; }
  .vnat-app[data-page="plan-your-trip-hub"] .pyh-offers .tvo-grid { grid-template-columns: 1fr; }
}