.vnat-app[data-page="home-v3"][data-hub] { --gutter: max(48px, calc((100% - 1280px) / 2 + 24px)); }
.vnat-app[data-page="home-v3"][data-hub] .ph-breadcrumb { display: flex; align-items: center; gap: 4px; height: 48px; padding: 24px var(--gutter) 8px; font-family: 'Noto Sans', Arial, sans-serif; font-size: 12px; font-weight: 500; letter-spacing: .024px; line-height: 16px; }
.vnat-app[data-page="home-v3"][data-hub] .ph-breadcrumb__home { display: flex; align-items: center; gap: 4px; color: var(--hv-muted); text-decoration: none; }
.vnat-app[data-page="home-v3"][data-hub] .ph-breadcrumb__home img { width: 10px; height: 11.25px; }
.vnat-app[data-page="home-v3"][data-hub] .ph-breadcrumb__sep { color: #e0d9d4; }
.vnat-app[data-page="home-v3"][data-hub] .ph-breadcrumb__current { color: var(--hv-maroon); font-family: 'Noto Sans Display', Arial, sans-serif; font-stretch: 75%; font-weight: 600; letter-spacing: 1.2px; text-transform: uppercase; }
.vnat-app[data-page="home-v3"][data-hub] .ph-hero { height: 440px; padding: 36px var(--gutter) 24px; background: transparent; }
.vnat-app[data-page="home-v3"][data-hub] .ph-hero h1 { height: 380px; margin: 0; padding: 40px 48px; border-radius: 24px; background: #0b1326; color: #fff; font-family: var(--hv-serif); font-size: 64px; font-stretch: 75%; font-weight: 800; letter-spacing: -1.28px; line-height: 70px; white-space: nowrap; }
.vnat-app[data-page="home-v3"][data-hub] .hv-region-card__guide { display: inline-flex; align-items: center; gap: 8px; }
.vnat-app[data-page="home-v3"][data-hub] .hv-region .hv-shell { padding-top: 0; }
.vnat-app[data-page="home-v3"][data-hub] .hv-region__label { gap: 8px; padding-bottom: 5px; border-bottom: 1px solid var(--hv-line); font-weight: 600; letter-spacing: 1.2px; }
.vnat-app[data-page="home-v3"][data-hub] .hv-region__map-frame { flex: 1 1 auto; height: auto; padding: 25px; border-color: rgba(228,221,211,.6); border-radius: 12px; background: #fff; }
.vnat-app[data-page="home-v3"][data-hub] .hv-region__chip { position: relative; isolation: isolate; min-height: 54px; padding: 9px 17px; overflow: hidden; border: 1px solid #8b1d1d; border-radius: 9999px; background: #fff; color: #8b1d1d; font-size: 12px; font-weight: 600; letter-spacing: 0; text-transform: none; }
.vnat-app[data-page="home-v3"][data-hub] .hv-region__chip:hover,
.vnat-app[data-page="home-v3"][data-hub] .hv-region__chip.is-hover { border-color: #8b1d1d; background: #fbf4f1; }
.vnat-app[data-page="home-v3"][data-hub] .hv-region__chip.is-active { border-color: #500e0e; background: #500e0e; color: #fff; box-shadow: inset 0 2px 4px rgba(0,0,0,.05); filter: none; font-weight: 600; }
.vnat-app[data-page="home-v3"][data-hub] .hv-region__chip.is-active::before { position: absolute; inset: 0; z-index: -1; content: ''; background: url('../images/header-v2/btn-pattern.png') 0 0 / 77.25px 73.5px repeat; opacity: .25; }
@media (min-width: 992px) {
  .vnat-app[data-page="home-v3"][data-hub] .hv-region__chips-row { justify-content: space-between; gap: 0; }
  .vnat-app[data-page="home-v3"][data-hub] .hv-region__chip { flex: 0 0 170px; width: 170px; height: 54px; }
  .vnat-app[data-page="home-v3"][data-hub] .hv-region__chip span,
  .vnat-app[data-page="home-v3"][data-hub] .hv-region__chip--long span { max-width: 138px; }
}
@media (max-width: 991.98px) {
  .vnat-app[data-page="home-v3"][data-hub] .ph-breadcrumb { padding-inline: 24px; }
  .vnat-app[data-page="home-v3"][data-hub] .ph-hero { height: auto; padding: 24px; }
  .vnat-app[data-page="home-v3"][data-hub] .ph-hero h1 { height: 200px; padding: 24px; font-size: 40px; line-height: 46px; white-space: normal; }
}