:root {
  --h2-navy: #06245f;
  --h2-ink: #071a3b;
  --h2-blue: #1768e9;
  --h2-electric: #025cff;
  --h2-pale: #edf5ff;
  --h2-line: #cbd9ed;
  --h2-green: #32a340;
  --h2-shadow: 0 18px 44px rgba(10, 44, 90, .12);
  --h2-container-max: 1440px;
  --h2-container-gutter: clamp(24px, 3vw, 64px);
  --h2-font-apple: -apple-system, BlinkMacSystemFont, "SF Pro Display", "SF Pro Text", "Helvetica Neue", "Segoe UI", Helvetica, Arial, sans-serif;
  --h2-container-width: min(
    calc(100% - (var(--h2-container-gutter) * 2)),
    var(--h2-container-max)
  );
}

html { scroll-behavior: auto; }
body.vfnnb-home-v2-page {
  margin: 0;
  overflow-x: hidden;
  background: #fff;
  color: var(--h2-ink);
  font-family: var(--h2-font-apple);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
}
body.vfnnb-home-v2-page * { box-sizing: border-box; }
body.vfnnb-home-v2-page img { max-width: 100%; }
body.vfnnb-home-v2-page button,
body.vfnnb-home-v2-page input,
body.vfnnb-home-v2-page select,
body.vfnnb-home-v2-page textarea { font: inherit; }
.h2-skip { position: fixed; left: 1rem; top: -5rem; z-index: 9999; padding: .75rem 1rem; background: #fff; color: var(--h2-ink); }
.h2-skip:focus { top: 1rem; }
.h2-shell { width: var(--h2-container-width); max-width: var(--h2-container-max); margin-inline: auto; position: relative; z-index: 2; }
.h2-home { background: linear-gradient(180deg, #fff, #f4f8ff 52%, #fff); }
.h2-section { position: relative; min-height: 900px; overflow: hidden; isolation: isolate; }
.h2-scene { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; z-index: -3; }
.h2-scene-fade { position: absolute; inset: 0; z-index: -2; background: linear-gradient(90deg, rgba(255,255,255,.98) 0%, rgba(255,255,255,.78) 35%, rgba(255,255,255,.08) 72%); }
.h2-heading h2, .h2-heading h3, .h2-heading p { margin: 0; }
.h2-heading h2 { font-size: clamp(48px, 4.1vw, 74px); line-height: .99; letter-spacing: -.045em; color: var(--h2-navy); }
.h2-heading h3 { margin-top: 16px; font-size: clamp(20px, 1.6vw, 28px); color: var(--h2-navy); }
.h2-heading p { margin-top: 12px; font-size: 17px; line-height: 1.5; color: #18335f; }
.h2-heading--left { max-width: 670px; }
.h2-kicker { display: flex; align-items: center; gap: 10px; margin-bottom: 15px; color: var(--h2-navy); font-weight: 800; }
.h2-kicker span, .h2-kicker i { padding: 7px 14px; border-radius: 12px; background: rgba(237,245,255,.92); font-style: normal; }
.h2-kicker--green i { background: var(--h2-green); color: #fff; }
.h2-actions { display: flex; flex-wrap: wrap; gap: 14px; margin-top: 24px; }
.h2-btn { min-height: 50px; display: inline-flex; align-items: center; justify-content: center; gap: 10px; padding: 0 24px; border: 1px solid rgba(4,37,95,.42); border-radius: 10px; background: #fff; color: var(--h2-navy); text-decoration: none; font-weight: 750; cursor: pointer; transition: transform .2s ease, box-shadow .2s ease; }
.h2-btn:hover { transform: translateY(-2px); box-shadow: 0 10px 28px rgba(5,45,120,.18); }
.h2-btn--primary { color: #fff; border-color: var(--h2-navy); background: linear-gradient(135deg, #092968, #061f53); }
.h2-btn--electric { color: #fff; border-color: #3b8dff; background: linear-gradient(135deg, #004acb, #0b6eff); box-shadow: inset 0 0 18px rgba(90,190,255,.45); }
.h2-btn--glass { color: #fff; border-color: rgba(255,255,255,.8); background: rgba(2,15,45,.35); backdrop-filter: blur(12px); }
.vf-home-icon { width: 28px; height: 28px; display: inline-flex; flex: 0 0 auto; }
.vf-home-icon svg { width: 100%; height: 100%; fill: none; stroke: currentColor; stroke-width: 1.65; stroke-linecap: round; stroke-linejoin: round; }

/* Standard split-wing header */
.h2-header { position: fixed; z-index: 1000; top: 26px; left: 24px; right: 24px; height: 92px; display: grid; grid-template-columns: 1fr 128px 1fr; align-items: center; color: var(--h2-navy); }
.h2-header__wing { height: 88px; display: flex; align-items: center; gap: 30px; padding: 0 34px; border: 1px solid rgba(255,255,255,.56); background: linear-gradient(110deg, rgba(255,255,255,.82), rgba(235,244,255,.5)); box-shadow: 0 10px 28px rgba(7,32,70,.08); backdrop-filter: blur(17px) saturate(120%); }
.h2-header__wing--left { border-radius: 8px; clip-path: polygon(0 0, 92% 0, 100% 100%, 0 100%); padding-right: 70px; }
.h2-header__wing--right { justify-content: flex-end; border-radius: 8px; clip-path: polygon(8% 0, 100% 0, 100% 100%, 0 100%); padding-left: 70px; }
.h2-header nav { display: flex; align-items: center; gap: 30px; }
.h2-header nav a, .h2-header__location { display: inline-flex; align-items: center; gap: 7px; color: inherit; text-decoration: none; font-weight: 650; white-space: nowrap; }
.h2-header__location { padding-right: 26px; border-right: 1px solid rgba(8,42,100,.2); }
.h2-header__location .vf-home-icon { width: 24px; height: 24px; }
.h2-header__emblem { z-index: 2; width: 124px; height: 110px; align-self: start; display: grid; place-items: center; filter: drop-shadow(0 8px 8px rgba(3,20,45,.35)); }
.h2-header__emblem img { width: 101px; max-height: 104px; object-fit: contain; }
.h2-header__cta { min-height: 52px; padding: 0 21px; border: 0; border-radius: 14px; background: var(--h2-navy); color: #fff; display: inline-flex; align-items: center; gap: 8px; font-weight: 750; white-space: nowrap; cursor: pointer; }
.h2-header__cta .vf-home-icon { width: 21px; height: 21px; }
.h2-header__mobile-brand, .h2-header__toggle, .h2-mobile-menu { display: none; }

/* 01 Hero */
.h2-hero { min-height: max(820px, 100svh); background: #b9dbfa; }
.h2-hero__media { position: absolute; inset: 0; z-index: -3; display: block; }
.h2-hero__media img { width: 100%; height: 100%; display: block; object-fit: cover; object-position: center; }
.h2-hero__shade { position: absolute; inset: 0; z-index: -2; background: linear-gradient(90deg, rgba(255,255,255,.38) 0, rgba(255,255,255,.1) 39%, transparent 61%); }
.h2-hero__copy { width: var(--h2-container-width); max-width: var(--h2-container-max); margin-inline: auto; padding-top: clamp(150px, 9.8vw, 170px); }
.h2-hero__copy h1 { margin: 0; max-width: 690px; color: #062769; font-size: clamp(64px, 4.8vw, 80px); line-height: .96; letter-spacing: -.048em; }
.h2-hero__copy h2 { max-width: 820px; margin: 13px 0 0; color: #072968; font-size: clamp(27px, 1.9vw, 32px); line-height: 1.12; }
.h2-mobile-break, .h2-mobile-title-break { display: none; }
.h2-desktop-break { display: block; }
.h2-hero__copy > p { max-width: 610px; margin: 18px 0 0; color: #153566; font-size: 18px; line-height: 1.47; }
.h2-hero__trust { display: flex; gap: 29px; margin-top: 28px; }
.h2-hero__trust article, .h2-hero__utilities article, .h2-model-tools article, .h2-charge__links article, .h2-service__trust article, .h2-warranty article { display: flex; align-items: center; gap: 12px; }
.h2-hero__trust article b, .h2-hero__trust article span, .h2-hero__utilities article b, .h2-hero__utilities article span, .h2-model-tools article b, .h2-model-tools article span, .h2-charge__links article b, .h2-charge__links article span, .h2-service__trust article b, .h2-service__trust article span, .h2-warranty article b, .h2-warranty article span { display: block; }
.h2-hero__trust article b { font-size: 14px; }
.h2-hero__trust article span { font-size: 12px; color: #39547c; }
.h2-hero__nav { position: absolute; z-index: 3; left: 3.2%; bottom: 156px; display: flex; gap: 16px; }
.h2-hero__nav button { width: 42px; height: 42px; display: grid; place-items: center; padding: 0 0 4px; border: 0; border-radius: 50%; color: var(--h2-navy); background: rgba(255,255,255,.9); box-shadow: 0 6px 20px rgba(8,31,68,.12); font-size: 32px; line-height: 1; cursor: pointer; }
.h2-hero__dots { position: absolute; z-index: 3; left: 50%; bottom: 155px; display: flex; gap: 9px; transform: translateX(-50%); }
.h2-hero__dots i { width: 12px; height: 12px; border-radius: 50%; background: rgba(255,255,255,.58); }
.h2-hero__dots i.is-active { width: 28px; border: 1px solid #0e59d3; border-radius: 9px; background: #fff; }
.h2-hero__utilities { position: absolute; left: 0; right: 0; bottom: 0; width: calc(100% - 44px); height: 122px; min-height: 0; display: grid; grid-template-columns: repeat(3, minmax(230px, .83fr)) minmax(440px, 1.55fr); grid-template-rows: 120px; gap: 0; padding: 0 0 0 30px; overflow: hidden; border: 1px solid rgba(255,255,255,.95); border-radius: 34px 34px 0 0; background: rgba(255,255,255,.93); box-shadow: var(--h2-shadow); backdrop-filter: blur(18px); }
.h2-hero__utilities article { position: relative; z-index: 2; min-width: 0; height: 120px; padding: 0 25px; border-right: 1px solid #c7d4e5; }
.h2-hero__utilities .vf-home-icon { width: 43px; height: 43px; }
.h2-hero__utilities b { font-size: 16px; text-transform: uppercase; }
.h2-hero__utilities span { margin-top: 5px; color: #536987; font-size: 14px; }
.h2-hero__utility-media { align-self: stretch; width: 100%; height: 120px; object-fit: cover; object-position: 48% center; mask-image: linear-gradient(90deg, transparent 0, #000 16%, #000 100%); }

/* 02 Models */
.h2-models { min-height: 940px; padding: 92px 0 20px; background: linear-gradient(180deg, #f3f8ff 0, #fff 43%, #f8fbff 100%); }
.h2-models > .h2-shell { width: var(--h2-container-width); max-width: var(--h2-container-max); }
.h2-models__backdrop { position: absolute; inset: 0 0 auto; height: 376px; background: url('../img/home-v2/scenes/models-ninh-binh-v2.png') center 60% / cover no-repeat; opacity: .88; }
.h2-models__backdrop::after { content: ''; position: absolute; inset: 0; background: linear-gradient(90deg,#fff 0%,rgba(255,255,255,.985) 31%,rgba(255,255,255,.9) 52%,rgba(255,255,255,.24) 75%,rgba(255,255,255,0) 88%); }
.h2-models .h2-heading { position: relative; max-width: 690px; margin-left: 42px; }
.h2-models .h2-kicker { margin-bottom: 8px; }
.h2-models .h2-kicker span, .h2-models .h2-kicker i { padding: 4px 13px; border-radius: 10px; line-height: 1.35; }
.h2-models .h2-heading h2 { font-size: clamp(60px,4.2vw,72px); }
.h2-models .h2-heading h3 { margin-top: 6px; font-size: clamp(22px,1.55vw,28px); }
.h2-models .h2-heading p { margin-top: 6px; font-size: 16px; line-height: 1.45; }
.h2-filters { position: relative; display: flex; gap: 16px; margin-left: 42px; overflow-x: auto; padding: 12px 0 20px; scrollbar-width: none; }
.h2-filters::-webkit-scrollbar { display: none; }
.h2-filters button { flex: 0 0 auto; min-width: 162px; min-height: 46px; padding: 0 20px; border: 1px solid #bdcde3; border-radius: 11px; color: var(--h2-navy); background: rgba(255,255,255,.9); display: inline-flex; align-items: center; justify-content: center; gap: 9px; font-weight: 700; cursor: pointer; }
.h2-filters button:first-child { min-width: 128px; }
.h2-filters button:nth-child(4) { min-width: 178px; }
.h2-filters button:nth-child(5) { min-width: 188px; }
.h2-filters button:nth-child(6) { min-width: 205px; }
.h2-filters button.is-active { color: #fff; border-color: #072968; background: linear-gradient(135deg,#0a337b,#061e52); box-shadow: 0 8px 20px rgba(7,39,102,.14); }
.h2-filters .vf-home-icon { width: 22px; height: 22px; }
.h2-filter-grid { width: 19px; height: 19px; display: grid; grid-template-columns: 1fr 1fr; gap: 3px; }
.h2-filter-grid i { display: block; border: 1.6px solid currentColor; border-radius: 1px; }
.h2-filter-label--mobile { display: none; }
.h2-model-grid { display: grid; grid-template-columns: repeat(4, minmax(0,1fr)); gap: 10px; }
.h2-model-card { min-height: 190px; position: relative; display: grid; grid-template-columns: 43% 57%; grid-template-rows: 150px 40px; overflow: hidden; border: 1px solid #cad8e9; border-radius: 17px; background: rgba(255,255,255,.92); box-shadow: 0 7px 22px rgba(12,48,94,.06); }
.h2-model-card.is-hidden { display: none; }
.h2-model-card__copy { z-index: 2; min-width: 0; padding: 15px 0 4px 20px; }
.h2-model-card h3 { margin: 0; font-size: 24px; line-height: 1; color: var(--h2-navy); }
.h2-model-card p { margin: 4px 0 12px; color: #35527b; font-size: 12px; }
.h2-model-card small, .h2-model-card strong { display: block; }
.h2-model-card small { color: #4b6384; font-size: 11px; }
.h2-model-card strong { margin-top: 3px; color: var(--h2-navy); font-size: 16px; line-height: 1.1; white-space: nowrap; }
.h2-model-card__copy div { display: flex; gap: 3px; margin-top: 9px; }
.h2-model-card__copy div span { padding: 3px 6px; border-radius: 10px; background: #edf3fb; color: #4a6384; font-size: 12px; white-space: nowrap; }
.h2-model-card > img { width: 105%; height: 143px; align-self: center; justify-self: center; object-fit: contain; filter: drop-shadow(0 10px 7px rgba(6,21,45,.18)); }
.h2-model-card--vf-5 > img, .h2-model-card--vf-6 > img, .h2-model-card--vf-7 > img { width: 116%; transform: translateX(-4%); }
.h2-model-card--vf-6 > img { width: 112%; transform: translateX(-2%); filter: grayscale(.88) brightness(.72) contrast(1.08) drop-shadow(0 10px 7px rgba(6,21,45,.2)); }
.h2-model-card--vf-7 > img { width: 112%; transform: translateX(-3%); filter: grayscale(.62) brightness(.88) contrast(.95) drop-shadow(0 10px 7px rgba(6,21,45,.2)); }
.h2-model-card--vf-8 > img { width: 114%; transform: translateX(-3%); filter: sepia(.9) saturate(6.5) hue-rotate(176deg) brightness(.64) contrast(1.12) drop-shadow(0 10px 7px rgba(6,21,45,.18)); }
.h2-model-card--vf-9 > img { width: 112%; transform: translateX(-3%); filter: grayscale(.75) brightness(.5) contrast(1.22) drop-shadow(0 10px 7px rgba(6,21,45,.22)); }
.h2-model-card--ec-van > img { width: 116%; transform: translateX(-5%); object-fit: contain; filter: grayscale(1) brightness(1.8) contrast(.72) drop-shadow(0 8px 7px rgba(6,21,45,.1)); }
.h2-model-card--mpv-7 > img { filter: grayscale(1) brightness(1.18) contrast(.94) drop-shadow(0 10px 7px rgba(6,21,45,.16)); }
.h2-model-card__actions { grid-column: 1 / -1; display: grid; grid-template-columns: 1fr 1fr; border-top: 1px solid #e0e8f3; }
.h2-model-card__actions a, .h2-model-card__actions button { min-width: 0; padding: 0 20px; border: 0; color: var(--h2-navy); background: transparent; display: flex; align-items: center; justify-content: space-between; text-decoration: none; font-weight: 700; cursor: pointer; }
.h2-model-card__actions button { justify-content: flex-end; gap: 14px; }
.h2-model-card__actions b { font-size: 21px; font-weight: 500; }
.h2-model-tools { display: grid; grid-template-columns: repeat(3,1fr); gap: 16px; margin-top: 7px; }
.h2-model-tools article { position: relative; min-height: 142px; overflow: hidden; padding: 19px 184px 17px 24px; border: 1px solid #cbd8e8; border-radius: 18px; background: rgba(255,255,255,.94); }
.h2-model-tools article > .vf-home-icon { width: 68px; height: 68px; padding: 16px; border-radius: 50%; color: #fff; background: linear-gradient(135deg,#174a9d,#07265e); }
.h2-model-tools article > div:not(.h2-model-tool__visual) { min-width: 0; }
.h2-model-tools b { font-size: 19px; line-height: 1.15; }
.h2-model-tools span { max-width: 225px; margin-top: 5px; color: #536987; font-size: 13px; line-height: 1.35; }
.h2-model-tools a, .h2-model-tools button { display: inline-flex; align-items: center; gap: 12px; margin-top: 10px; padding: 0; border: 0; color: #0a4ec0; background: transparent; font-weight: 750; text-decoration: none; cursor: pointer; }
.h2-model-tools a i, .h2-model-tools button i { font-size: 20px; font-style: normal; }
.h2-model-tool__visual { position: absolute; right: 18px; top: 14px; bottom: 14px; width: 148px; overflow: hidden; border: 1px solid #d3dfef; border-radius: 11px; background: #f7faff; }
.h2-model-tool--compare .h2-model-tool__visual { display: grid; grid-template-columns: repeat(3,1fr); padding: 8px 5px 21px; gap: 3px; }
.h2-model-tool--compare .h2-model-tool__visual span { display: grid; place-items: center; min-width: 0; border-radius: 4px; background: #fff; }
.h2-model-tool--compare .h2-model-tool__visual span::after { content: '✓'; position: absolute; bottom: 6px; color: #1b64d4; font-size: 10px; }
.h2-model-tool--compare .h2-model-tool__visual img { width: 42px; height: 34px; object-fit: contain; }
.h2-model-tool--cost .h2-model-tool__visual { display: flex; flex-direction: column; padding: 13px; color: #365477; }
.h2-model-tool--cost .h2-model-tool__visual small { font-size: 9px; }.h2-model-tool--cost .h2-model-tool__visual strong { margin-top: 6px; font-size: 17px; color: var(--h2-navy); }
.h2-model-tool--cost .h2-model-tool__visual > i { width: 70%; height: 5px; margin-top: 10px; border-radius: 5px; background: #e4ebf5; }.h2-model-tool--cost .h2-model-tool__visual > i + i { width: 48%; margin-top: 6px; }
.h2-model-tool--cost .h2-model-tool__visual em { position: absolute; right: 8px; bottom: 7px; width: 27px; height: 27px; display: grid; place-items: center; border-radius: 50%; color: #fff; background: #174a9d; font-style: normal; }
.h2-model-tool--drive .h2-model-tool__visual { background: url('../img/home-v2/scenes/models-ninh-binh-v2.png') 73% center / cover; }
.h2-model-tool--drive .h2-model-tool__visual img { position: absolute; right: -7px; bottom: -4px; width: 115%; height: 84px; object-fit: contain; filter: sepia(.5) saturate(4) hue-rotate(165deg) brightness(.72); }

/* 03 Urban */
.h2-urban { min-height: 940px; padding: 86px 0 14px; background: #f4f8ff; }
.h2-scene--urban-mobile { display: none; }
.h2-urban .h2-scene { height: 535px; object-position: center 44%; }
.h2-urban__wash { position: absolute; z-index: -2; inset: 0 0 auto; height: 535px; background: linear-gradient(90deg,rgba(255,255,255,.96) 0%,rgba(255,255,255,.82) 33%,rgba(255,255,255,.1) 67%), linear-gradient(180deg,rgba(255,255,255,.1),rgba(244,248,255,.95) 94%); }
.h2-urban__hero { max-width: 650px; margin-left: 70px; color: var(--h2-navy); }
.h2-urban__hero span { display: inline-flex; padding: 6px 27px; border: 1px solid #9fb3d0; border-radius: 999px; background: rgba(255,255,255,.8); font-weight: 900; }
.h2-urban__hero h2 { margin: 12px 0 12px; font-size: 55px; line-height: 1.05; letter-spacing: -.035em; }
.h2-urban__hero p { margin: 0; color: #173767; font-size: 18px; line-height: 1.45; }
.h2-urban-grid { position: relative; z-index: 3; margin-top: 205px; display: grid; grid-template-columns: repeat(4,1fr); gap: 12px; }
.h2-urban-card { position: relative; min-height: 225px; overflow: hidden; padding: 22px 26px; border: 1px solid #cbd8e8; border-radius: 20px; background: rgba(255,255,255,.94); box-shadow: 0 17px 38px rgba(22,54,96,.12); }
.h2-urban-card h3 { margin: 0; font-size: 36px; line-height: .95; color: #183e55; }.h2-urban-card--gold h3,.h2-urban-card--red h3 { color: #a41122; }.h2-urban-card--slate h3 { color: #59697f; }
.h2-urban-card p { margin: 8px 0 20px; color: #243f6d; font-size: 15px; font-weight: 700; }
.h2-urban-card ul { width: 50%; margin: 0; padding: 0; list-style: none; }
.h2-urban-card li { display: grid; grid-template-columns: 20px 1fr 44px; gap: 6px; align-items: center; margin: 8px 0; color: #15315c; font-size: 10px; }
.h2-urban-card li .vf-home-icon { width: 14px; height: 14px; }.h2-urban-card li b { justify-self: end; font-size: 11px; }
.h2-urban-card strong { position: absolute; left: 26px; bottom: 28px; color: var(--h2-navy); font-size: 27px; line-height: .95; }.h2-urban-card strong small { display: block; margin-bottom: 7px; font-size: 12px; font-weight: 500; }
.h2-urban-card > img { position: absolute; right: 15px; bottom: 54px; width: 47%; height: 110px; object-fit: contain; filter: drop-shadow(0 12px 8px rgba(0,18,40,.2)); }
.h2-urban-card > a { position: absolute; right: 62px; bottom: 25px; min-width: 118px; min-height: 34px; display: inline-flex; align-items: center; justify-content: center; border: 1px solid #0b367d; border-radius: 999px; color: var(--h2-navy); text-decoration: none; font-weight: 800; font-size: 13px; }
.h2-urban-card > button { position: absolute; right: 18px; bottom: 25px; width: 35px; height: 35px; display: grid; place-items: center; border: 1px solid #0b367d; border-radius: 50%; color: var(--h2-navy); background: #fff; cursor: pointer; }.h2-urban-card > button .vf-home-icon { width: 21px; height: 21px; }
.h2-lifestyle { display: grid; grid-template-columns: 155px repeat(4,1fr); gap: 14px; margin-top: 24px; padding: 0; background: transparent; }
.h2-lifestyle > h3 { align-self: center; margin: 0; color: var(--h2-navy); font-size: 27px; line-height: 1.12; }
.h2-lifestyle article { position: relative; min-height: 130px; overflow: hidden; padding: 25px 170px 18px 22px; border: 1px solid #d2deec; border-radius: 16px; background: linear-gradient(90deg,#fff 0%,rgba(255,255,255,.93) 40%,rgba(255,255,255,.16) 76%), var(--h2-life-image) right center / cover no-repeat; box-shadow: 0 12px 28px rgba(18,58,100,.08); }
.h2-lifestyle article b, .h2-lifestyle article span, .h2-lifestyle article strong { display: block; }.h2-lifestyle article b { color: var(--h2-navy); font-size: 15px; }.h2-lifestyle article span { margin: 12px 0 18px; color: #233d67; font-size: 14px; }.h2-lifestyle article strong { color: var(--h2-navy); font-size: 20px; }
.h2-lifestyle article img { position: absolute; right: 0; bottom: 0; width: 190px; height: 115px; object-fit: contain; }
.h2-urban-benefits { min-height: 72px; display: grid; grid-template-columns: repeat(4,1fr); gap: 0; margin-top: 18px; padding: 10px 0; border-radius: 16px; background: rgba(255,255,255,.8); }
.h2-urban-benefits article { justify-content: center; padding: 0 26px; border-right: 1px solid #d4dfed; }.h2-urban-benefits article:last-child { border: 0; }.h2-urban-benefits .vf-home-icon { width: 42px; height: 42px; padding: 9px; border-radius: 50%; background: #edf5ff; color: var(--h2-navy); }.h2-urban-benefits b { font-size: 15px; }.h2-urban-benefits span { color: #536987; font-size: 13px; }

/* 04 Family */
.h2-family { min-height: 940px; padding: 86px 0 12px; background: #f4f8ff; }
.h2-family .h2-scene { height: 535px; object-position: center center; }
.h2-family__wash { position: absolute; z-index: -2; inset: 0 0 auto; height: 535px; background: linear-gradient(90deg,rgba(255,255,255,.94) 0%,rgba(255,255,255,.72) 26%,rgba(255,255,255,.08) 47%,rgba(255,255,255,0) 64%),linear-gradient(180deg,rgba(255,255,255,0) 74%,rgba(244,248,255,.82) 100%); }
.h2-family__hero { max-width: 560px; margin-left: 48px; color: var(--h2-navy); }
.h2-family__hero h2 { margin: 0; font-size: 70px; line-height: 1.05; letter-spacing: -.04em; }.h2-family__hero p { margin: 14px 0 0; font-size: 18px; line-height: 1.42; }.h2-family__hero p b { font-size: 18px; }
.h2-family-trust { position: relative; z-index: 3; display: grid; grid-template-columns: repeat(4,145px); gap: 25px; margin: 60px 0 0 50px; }
.h2-family-trust article { display: grid; grid-template-columns: 29px 1fr; color: var(--h2-navy); }.h2-family-trust .vf-home-icon { grid-row: 1/3; width: 25px; height: 25px; }.h2-family-trust b { font-size: 11px; }.h2-family-trust span { color: #38557b; font-size: 9px; }
.h2-family-panels { position: relative; z-index: 4; margin-top: 54px; display: grid; grid-template-columns: 1.1fr 1fr 1.08fr; gap: 8px; }
.h2-family-panel { min-height: 355px; padding: 18px 20px; border: 1px solid #cbd9ea; border-radius: 20px; background: rgba(255,255,255,.94); box-shadow: 0 16px 38px rgba(13,45,90,.11); }
.h2-family-panel h3 { margin: 0 0 5px; color: var(--h2-navy); font-size: 15px; }.h2-family-panel > p { margin: 0 0 8px; color: #213d68; font-size: 13px; }
.h2-family-media { border-radius: 10px; background-size: cover; background-position: center; }.h2-family-media--large { float: left; width: 69%; height: 214px; background-image: url('../img/home-v2/family/family-cabin.webp'); }.h2-family-media--wide { height: 200px; background-image: url('../img/home-v2/family/family-cockpit.webp'); }
.h2-family-mini { float: right; width: 28%; display: grid; gap: 10px; }.h2-family-mini span { min-height: 94px; padding: 68px 12px 10px; border-radius: 10px; background-position: center; background-size: cover; color: var(--h2-navy); font-size: 11px; font-weight: 800; }.h2-family-mini span:first-child { background-image: linear-gradient(180deg,rgba(255,255,255,.04),rgba(255,255,255,.92)),url('../img/home-v2/family/family-cargo.webp'); }.h2-family-mini span:last-child { background-image: linear-gradient(180deg,rgba(255,255,255,.04),rgba(255,255,255,.92)),url('../img/home-v2/family/family-rear-seats.webp'); }
.h2-family-panel footer { clear: both; display: grid; grid-template-columns: repeat(4,1fr); gap: 6px; margin-top: 16px; }.h2-family-panel footer > span { display: grid; justify-items: center; gap: 4px; color: #193a70; font-size: 10px; text-align: center; }.h2-family-panel footer .vf-home-icon { width: 25px; height: 25px; }
.h2-family-panel--tech footer { gap: 5px; margin-top: 8px; }
.h2-family-panel--tech footer > span { min-height: 62px; align-content: center; padding: 7px 4px; border: 1px solid #d8e3f0; border-radius: 8px; background: #f8fbff; line-height: 1.15; }
.h2-family-panel--tech footer .vf-home-icon { width: 22px; height: 22px; }
.h2-family-compare { display: grid; grid-template-columns: repeat(3,1fr); gap: 10px; }
.h2-family-compare div { min-height: 170px; padding: 14px 12px; display: flex; flex-direction: column; align-items: center; border: 1px solid #d5e0ee; border-radius: 11px; }
.h2-family-compare img { height: 62px; object-fit: contain; }.h2-family-compare b { color: var(--h2-blue); font-size: 18px; }.h2-family-compare span,.h2-family-compare small { color: #385376; font-size: 11px; }.h2-family-compare strong { margin: 5px 0; color: var(--h2-navy); font-size: 17px; }
.h2-family-compare .h2-family-compare__meta { display: flex; align-items: center; justify-content: center; gap: 4px; }
.h2-family-compare .h2-family-compare__meta .vf-home-icon { width: 12px; height: 12px; }
.h2-family-panel--compare section { min-height: 82px; display: grid; grid-template-columns: 48px minmax(0,1fr) 124px; gap: 8px; align-items: center; margin-top: 12px; padding: 9px 10px; border-radius: 12px; background: linear-gradient(90deg,#edf5ff 0%,rgba(237,245,255,.97) 58%,rgba(237,245,255,.66) 75%,rgba(237,245,255,.12) 100%),url('../img/home-v2/family/family-offer.webp') right center/auto 100% no-repeat; }.h2-family-panel--compare section .vf-home-icon { width: 42px; height: 42px; }.h2-family-panel--compare section div { min-width: 0; }.h2-family-panel--compare section b { display: block; color: var(--h2-navy); font-size: 12px; line-height: 1.15; white-space: nowrap; }.h2-family-panel--compare section span { display: block; margin-top: 4px; color: #385376; font-size: 10px; line-height: 1.28; }.h2-family-panel--compare section button { min-height: 34px; border: 1px solid var(--h2-navy); border-radius: 8px; color: var(--h2-navy); background: rgba(255,255,255,.92); font-weight: 600; }
.h2-family-bottom { min-height: 58px; display: grid; grid-template-columns: repeat(5,1fr) 180px; align-items: center; gap: 0; margin-top: 16px; padding: 0 16px; border: 1px solid #d1ddec; border-radius: 13px; background: rgba(255,255,255,.9); }.h2-family-bottom article { display: grid; grid-template-columns: 34px 1fr; padding: 0 22px; border-right: 1px solid #d1ddec; }.h2-family-bottom .vf-home-icon { grid-row: 1/3; width: 28px; height: 28px; }.h2-family-bottom b { color: var(--h2-navy); font-size: 14px; }.h2-family-bottom span { color: #526985; font-size: 12px; }.h2-family-bottom button { min-height: 42px; border: 0; border-radius: 8px; color: #fff; background: #052b78; font-weight: 800; }

/* 05 VF8 All New */
.h2-vf8 { min-height: 940px; padding: 0 0 12px; color: #fff; background: #eef4fb; }
.h2-vf8 .h2-scene { height: 385px; object-position: center 46%; filter: saturate(1.05) contrast(1.02); }
.h2-vf8__veil { position: absolute; z-index: -2; inset: 0 0 auto; height: 385px; background: linear-gradient(90deg,rgba(2,12,34,.9),rgba(5,30,70,.52) 45%,rgba(3,15,35,.1)); }
.h2-vf8__hero { position: relative; z-index: 3; width: 48%; min-height: 358px; padding: 70px 0 0 130px; }
.h2-vf8__logo { color: #fff; font-size: 58px; font-weight: 950; font-style: italic; line-height: .9; letter-spacing: -.045em; text-transform: uppercase; }
.h2-vf8__logo span { padding: 5px 11px; border-radius: 8px; background: #075cf4; font-size: 16px; letter-spacing: 0; vertical-align: middle; }
.h2-vf8__hero h2 { margin: 14px 0 8px; font-size: 34px; line-height: 1.02; font-style: italic; text-transform: uppercase; }
.h2-vf8__hero p { margin: 0; font-size: 15px; line-height: 1.45; }
.h2-vf8__promises { display: flex; gap: 30px; margin-top: 14px; }.h2-vf8__promises span { display: grid; grid-template-columns: 28px 1fr; gap: 8px; align-items: center; }.h2-vf8__promises .vf-home-icon { width: 26px; height: 26px; }.h2-vf8__promises b { font-size: 11px; line-height: 1.2; }
.h2-vf8__hero .h2-actions { margin-top: 16px; }.h2-vf8__hero .h2-btn { min-height: 38px; padding-inline: 28px; border-radius: 7px; font-size: 12px; }
.h2-vf8__feature-grid { position: relative; z-index: 4; display: grid; grid-template-columns: repeat(4,1fr); gap: 8px; margin-top: -18px; }
.h2-vf8__feature-grid article { min-height: 126px; padding: 18px; border: 1px solid #cbd8e8; border-radius: 12px; color: var(--h2-navy); background: linear-gradient(100deg,rgba(255,255,255,.98) 0%,rgba(255,255,255,.76) 54%,rgba(255,255,255,.12)), var(--vf8-bg) center/cover; overflow: hidden; }
.h2-vf8__feature-grid article:nth-child(1) { --vf8-bg: url('../img/vf8-all-new/feature-exterior.png') !important; }
.h2-vf8__feature-grid article:nth-child(3),
.h2-vf8__feature-grid article:nth-child(4) { --vf8-bg: url('../img/vf8-all-new/feature-adas.png') !important; }
.h2-vf8__feature-grid b, .h2-vf8__feature-grid span, .h2-vf8__feature-grid a { display: block; }.h2-vf8__feature-grid b { font-size: 15px; }.h2-vf8__feature-grid span { max-width: 210px; margin: 13px 0 16px; color: #16315a; font-size: 13px; }.h2-vf8__feature-grid a { color: var(--h2-navy); font-weight: 800; text-decoration: none; }
.h2-vf8__middle { display: grid; grid-template-columns: 1.4fr 1fr; gap: 12px; margin-top: 12px; color: var(--h2-navy); }
.h2-vf8__stats { min-height: 105px; display: grid; grid-template-columns: 260px repeat(4,1fr); align-items: center; padding: 16px 22px; border: 1px solid #d2deed; border-radius: 14px; background: rgba(255,255,255,.94); }.h2-vf8__stats h3 { margin: 0; font-size: 22px; }.h2-vf8__stats h3 span { display: block; margin-top: 8px; color: #354f73; font-size: 13px; font-weight: 600; }.h2-vf8__stats article { display: grid; grid-template-columns: 34px 1fr; gap: 8px; padding: 0 17px; border-left: 1px solid #d5dfec; }.h2-vf8__stats .vf-home-icon { grid-row: 1/3; width: 27px; height: 27px; }.h2-vf8__stats b { font-size: 26px; }.h2-vf8__stats span { color: #526987; font-size: 11px; }
.h2-vf8__charge { position: relative; min-height: 105px; overflow: hidden; padding: 20px 260px 14px 28px; border: 1px solid #d2deed; border-radius: 14px; color: var(--h2-navy); background: linear-gradient(90deg,#fff 0%,rgba(255,255,255,.86) 48%,rgba(255,255,255,.25)); }.h2-vf8__charge h3,.h2-vf8__charge p { margin: 0; }.h2-vf8__charge b { display: block; margin-top: 5px; font-size: 32px; }.h2-vf8__charge span { display: block; font-size: 12px; }.h2-vf8__charge img { position: absolute; right: 0; bottom: 0; width: 280px; height: 110px; object-fit: cover; }
.h2-vf8__charge img { content: url('../img/vf8-all-new/feature-charging.png'); }
.h2-vf8__versions { display: grid; grid-template-columns: 1.15fr .95fr .95fr 1.7fr; gap: 12px; margin-top: 12px; color: var(--h2-navy); }.h2-vf8__versions section,.h2-vf8__versions article { min-height: 228px; overflow: hidden; padding: 18px 20px; border: 1px solid #d3deec; border-radius: 14px; background: rgba(255,255,255,.95); }.h2-vf8__versions h3 { margin: 0 0 12px; font-size: 16px; }.h2-vf8__versions table { width: 100%; border-collapse: collapse; font-size: 11px; }.h2-vf8__versions td,.h2-vf8__versions th { padding: 5px; border-bottom: 1px solid #d9e3f0; text-align: left; }.h2-vf8__versions article { position: relative; text-align: center; }.h2-vf8__versions article small { display: block; }.h2-vf8__versions article strong { display: block; margin: 6px 0; font-size: 25px; }.h2-vf8__versions article em { font-size: 11px; font-style: normal; }.h2-vf8__versions article button,.h2-vf8__palette button { min-height: 34px; padding: 0 26px; border: 0; border-radius: 7px; color: #fff; background: #0a54d8; font-weight: 800; }.h2-vf8__versions article img { width: 90%; height: 85px; object-fit: contain; margin-top: 12px; }
.h2-vf8__palette div { display: flex; gap: 24px; margin: 8px 0 16px; }.h2-vf8__palette div span { position: relative; padding-top: 36px; font-size: 11px; }.h2-vf8__palette div span::before { content: ''; position: absolute; top: 0; left: 50%; width: 29px; height: 29px; border-radius: 50%; transform: translateX(-50%); background: linear-gradient(135deg,#fff,#cfd8e5); box-shadow: inset 0 0 0 1px #9fb0c6; }.h2-vf8__palette div span:nth-child(4)::before { background: #065de8; }.h2-vf8__palette div span:nth-child(5)::before { background: #050505; }.h2-vf8__palette div span:nth-child(6)::before { background: #c60016; }
.h2-vf8__palette aside { min-height: 100px; padding: 18px 255px 14px 24px; border-radius: 12px; color: #fff; background: linear-gradient(90deg,#062a72,rgba(7,67,154,.85)), url('../img/home-v2/scenes/showroom.webp') right center/cover; }.h2-vf8__palette aside h4,.h2-vf8__palette aside p { margin: 0 0 9px; }
.h2-vf8__bottom { min-height: 56px; display: grid; grid-template-columns: repeat(6,1fr); margin-top: 12px; border: 1px solid #d4dfed; border-radius: 12px; background: rgba(255,255,255,.92); color: var(--h2-navy); }.h2-vf8__bottom article { display: grid; grid-template-columns: 38px 1fr; align-items: center; padding: 0 28px; border-right: 1px solid #d4dfed; }.h2-vf8__bottom article:last-child { border: 0; }.h2-vf8__bottom .vf-home-icon { grid-row: 1/3; width: 29px; height: 29px; }.h2-vf8__bottom b { font-size: 14px; }.h2-vf8__bottom span { color: #536987; font-size: 12px; }

/* 06 Charging */
.h2-charge { min-height: 1000px; padding: 110px 0 28px; }
.h2-charge .h2-heading { min-height: 360px; }.h2-charge .h2-heading p { max-width: 590px; }
.h2-charge__panel { display: grid; grid-template-columns: 1.05fr 1fr 1.1fr; gap: 0; padding: 20px; border-radius: 22px; background: rgba(255,255,255,.96); box-shadow: var(--h2-shadow); }
.h2-charge__panel > section { padding: 0 24px; border-right: 1px solid #d3deeb; }.h2-charge__panel > section:last-child { border: 0; }
.h2-charge__panel h3 { margin: 0 0 12px; color: var(--h2-navy); }
.h2-charge__map label { display: flex; align-items: center; gap: 8px; height: 42px; padding: 0 12px; border: 1px solid #d2deed; border-radius: 12px; background: #fff; }.h2-charge__map label .vf-home-icon { width: 20px; }.h2-charge__map input { width: 100%; border: 0; outline: 0; color: var(--h2-navy); }
.h2-map-art, .h2-mini-map { position: relative; overflow: hidden; min-height: 235px; margin-top: 10px; border-radius: 14px; background: url('../img/home-v2/charging/ninh-binh-map.png') center / cover no-repeat, #e9f5f4; }
.h2-map-art > * { display: none !important; }
.h2-map-art b { position: absolute; left: 45%; top: 50%; font-size: 22px; }.h2-map-pin { position: absolute; display: grid; place-items: center; width: 30px; height: 30px; border-radius: 50% 50% 50% 0; transform: rotate(-45deg); background: var(--h2-blue); color: #fff; font-style: normal; }.h2-map-pin--1{left:20%;top:28%}.h2-map-pin--2{left:48%;top:22%}.h2-map-pin--3{left:60%;top:60%}.h2-map-pin--4{left:28%;top:70%}.h2-map-pin--5{left:76%;top:35%}
.h2-charge__network > div { display: grid; grid-template-columns: 1fr 1fr; }.h2-charge__network article { min-height: 112px; display: grid; grid-template-columns: 56px 1fr; padding: 16px; border: 1px solid #e1e8f1; }.h2-charge__network article .vf-home-icon { grid-row: 1/3; width: 44px; height: 44px; align-self: center; }.h2-charge__network article b { font-size: 30px; }.h2-charge__network article span { font-size: 13px; color: #4c6380; }
.h2-charge__app { display: grid; grid-template-columns: 42% 1fr; }.h2-charge__app h3 { grid-column: 1 / -1; }.h2-phone-art { display: flex; align-items: flex-end; justify-content: center; gap: 4px; }.h2-phone-art span { width: 65px; height: 210px; border: 5px solid #17223a; border-radius: 18px; background: linear-gradient(180deg,#fff 12%,#d9efff 13% 47%,#fff 48%); box-shadow: 0 8px 14px rgba(0,0,0,.2); }.h2-phone-art span:last-child { height: 190px; }
.h2-charge__app ul { margin: 0; padding: 0; list-style: none; }.h2-charge__app li { margin: 9px 0; font-size: 13px; }.h2-charge__app li::before { content: '◉'; margin-right: 8px; color: var(--h2-blue); }.h2-app-badges { grid-column: 2; display: flex; gap: 6px; }.h2-app-badges span { padding: 7px 9px; border-radius: 7px; color: #fff; background: #050505; font-size: 11px; }
.h2-charge__links { display: grid; grid-template-columns: repeat(3,1fr); gap: 12px; margin-top: 12px; }.h2-charge__links article { min-height: 90px; padding: 18px 28px; border-radius: 16px; background: #fff; box-shadow: 0 8px 23px rgba(10,42,90,.09); }.h2-charge__links .vf-home-icon { width: 42px; height: 42px; }.h2-charge__links b { font-size: 18px; }.h2-charge__links span { color: #526987; font-size: 13px; }
.h2-charge__app { display: block; }
.h2-charge__app h3 { margin-bottom: 6px; }
.h2-charge__app .h2-phone-art { min-height: 245px; display: block; border-radius: 12px; background: url('../img/home-v2/charging/vinfast-app.png') center / contain no-repeat; }
.h2-charge__app .h2-phone-art span,
.h2-charge__app ul,
.h2-charge__app .h2-app-badges { display: none; }

/* 07 Offers */
.h2-offers {
  min-height: 941px;
  padding: 402px 0 8px;
  background: linear-gradient(180deg, #f8fbff 0%, #f2f7ff 100%);
}
.h2-offers > .h2-shell { width: var(--h2-container-width); max-width: var(--h2-container-max); }
.h2-offers__media {
  position: absolute;
  z-index: -3;
  inset: 0 0 auto;
  height: 402px;
  display: block;
  overflow: hidden;
  background: #061d4a;
}
.h2-offers__media .h2-scene {
  z-index: 0;
  display: block;
  object-position: center 51%;
}
.h2-offers::before {
  content: '';
  position: absolute;
  z-index: -2;
  inset: 0 0 auto;
  height: 402px;
  background: linear-gradient(90deg, rgba(2, 17, 52, .72) 0%, rgba(3, 33, 86, .38) 38%, transparent 63%);
  pointer-events: none;
}
.h2-offers__hero {
  position: absolute;
  z-index: 2;
  top: -306px;
  left: 34px;
  width: min(48%, 685px);
  max-width: 685px;
  min-height: 284px;
  color: #fff;
}
.h2-offers__hero > span {
  display: inline-flex;
  min-height: 38px;
  align-items: center;
  padding: 0 26px;
  border: 1px solid #74b6ff;
  border-radius: 25px;
  background: linear-gradient(180deg, rgba(35, 114, 219, .72), rgba(12, 62, 145, .72));
  box-shadow: inset 0 0 14px rgba(255, 255, 255, .2);
  font-size: 16px;
  font-weight: 850;
  font-style: italic;
  letter-spacing: .02em;
}
.h2-offers__hero h2 {
  margin: 5px 0 3px;
  color: #fff;
  font-size: clamp(47px, 3.6vw, 61px);
  line-height: .96;
  letter-spacing: -.025em;
  font-style: italic;
}
.h2-offers__hero h2 em { display: none; }
.h2-offers__hero > p {
  margin: 0;
  color: rgba(255, 255, 255, .96);
  font-size: 18px;
  line-height: 1.35;
}
.h2-offers__benefits {
  width: min(100%, 650px);
  max-width: 650px;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  margin: 17px 0 15px;
}
.h2-offers__benefits article {
  min-width: 0;
  display: grid;
  grid-template-columns: 31px 1fr;
  grid-template-rows: repeat(3, auto);
  column-gap: 8px;
  padding: 0 10px;
  border-right: 1px solid rgba(255, 255, 255, .36);
}
.h2-offers__benefits article:first-child { padding-left: 0; }
.h2-offers__benefits article:last-child { border-right: 0; }
.h2-offers__benefits .vf-home-icon {
  width: 27px;
  height: 27px;
  grid-row: 1 / 4;
  margin-top: 3px;
}
.h2-offers__benefits span,
.h2-offers__benefits b,
.h2-offers__benefits small { grid-column: 2; display: block; line-height: 1.15; }
.h2-offers__benefits span,
.h2-offers__benefits small { font-size: 11px; }
.h2-offers__benefits b { margin: 1px 0; font-size: 14px; }
.h2-offers__hero > .h2-btn {
  min-width: 300px;
  min-height: 42px;
  justify-content: space-between;
  padding-inline: 28px 18px;
  border-radius: 8px;
  font-size: 15px;
}
.h2-offers__hero > .h2-btn b { font-size: 28px; line-height: .7; }

.h2-offer-cars { position: relative; margin-top: 14px; }
.h2-offer-cars > h3 { display: none; }
.h2-offer-cars > div:first-of-type {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 26px;
}
.h2-offer-cars article {
  position: relative;
  height: 212px;
  min-width: 0;
  display: flex;
  flex-direction: column;
  padding: 14px 18px 13px;
  overflow: hidden;
  border: 1px solid #cedbea;
  border-radius: 12px;
  background: rgba(255, 255, 255, .96);
}
.h2-offer-cars article.is-featured {
  border-color: #77aaff;
  box-shadow: 0 7px 20px rgba(26, 99, 220, .08);
}
.h2-offer-cars article > i {
  position: absolute;
  z-index: 2;
  top: 5px;
  right: 14px;
  padding: 4px 9px;
  border-radius: 5px;
  color: #fff;
  background: #0d59c7;
  font-size: 9px;
  font-style: normal;
  font-weight: 800;
}
.h2-offer-car__head {
  min-height: 75px;
  display: grid;
  grid-template-columns: 45% 55%;
  align-items: start;
}
.h2-offer-car__head > div { padding-top: 2px; }
.h2-offer-car__head b,
.h2-offer-car__head small { display: block; }
.h2-offer-car__head b {
  color: var(--h2-navy);
  font-size: 23px;
  font-style: italic;
  letter-spacing: -.03em;
}
.h2-offer-car__head small {
  margin-top: 4px;
  color: #223d69;
  font-size: 10px;
  font-weight: 650;
}
.h2-offer-car__head img {
  width: 100%;
  height: 72px;
  object-fit: contain;
  mix-blend-mode: multiply;
}
.h2-offer-cars article > span {
  display: block;
  margin-top: 4px;
  color: #173461;
  font-size: 10.5px;
  line-height: 1.25;
}
.h2-offer-cars article > span::first-letter { color: #075cea; }
.h2-offer-cars article > button {
  min-height: 30px;
  margin-top: auto;
  padding: 0;
  border: 0;
  color: #0757c6;
  background: transparent;
  text-align: left;
  font-size: 11px;
  font-weight: 750;
  cursor: pointer;
}
.h2-offer-cars article > button b { margin-left: 10px; font-size: 16px; }
.h2-offer-cars__dots { display: none !important; }
.h2-offer-cars__note {
  display: block;
  margin: 5px 0 -2px 32%;
  color: #75859f;
  font-size: 8px;
}

.h2-offer-tools {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 16px;
  margin-top: 10px;
}
.h2-offer-tools > section {
  height: 193px;
  min-width: 0;
  padding: 15px 23px 14px;
  border: 1px solid #ccdaeb;
  border-radius: 13px;
  background: rgba(255, 255, 255, .97);
}
.h2-offer-tools h3,
.h2-offer-tools p { margin: 0; }
.h2-offer-tools h3 {
  color: var(--h2-navy);
  font-size: 16px;
  line-height: 1.1;
}
.h2-offer-tools p {
  margin-top: 3px;
  color: #355076;
  font-size: 10px;
}
.h2-loan__fields {
  display: grid;
  grid-template-columns: 1.1fr .95fr .62fr 1.08fr;
  gap: 10px;
  margin-top: 10px;
}
.h2-loan__fields label {
  color: #183863;
  font-size: 9px;
}
.h2-loan__fields input,
.h2-loan__fields select {
  width: 100%;
  height: 31px;
  margin-top: 4px;
  padding: 0 10px;
  border: 1px solid #ccd9e9;
  border-radius: 6px;
  color: var(--h2-navy);
  background: #fff;
  font-size: 11px;
}
.h2-loan__fields strong {
  min-height: 49px;
  padding: 6px 14px;
  border-radius: 7px;
  background: #e8f1ff;
}
.h2-loan__fields strong small,
.h2-loan__fields strong b,
.h2-loan__fields strong span { display: block; }
.h2-loan__fields strong small,
.h2-loan__fields strong span { color: #39557f; font-size: 8px; }
.h2-loan__fields strong b {
  margin: 2px 0;
  color: #0b459f;
  font-size: 17px;
  white-space: nowrap;
}
.h2-loan__benefits {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1.05fr;
  gap: 8px;
  align-items: center;
  margin-top: 9px;
}
.h2-loan__benefits > span {
  display: flex;
  align-items: center;
  gap: 7px;
  color: #173866;
}
.h2-loan__benefits .vf-home-icon { width: 22px; height: 22px; color: #1768e9; }
.h2-loan__benefits b,
.h2-loan__benefits small { display: block; }
.h2-loan__benefits b { font-size: 9px; }
.h2-loan__benefits small { margin-top: 2px; color: #0c58d1; font-size: 8px; }
.h2-loan__benefits button,
.h2-gifts > button {
  min-height: 33px;
  border: 0;
  border-radius: 6px;
  color: #fff;
  background: linear-gradient(135deg, #092b69, #0a5bd2);
  font-size: 10px;
  font-weight: 800;
  cursor: pointer;
}
.h2-gifts > div {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 8px;
  margin-top: 17px;
}
.h2-gifts article {
  min-width: 0;
  height: 72px;
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 7px 9px;
  border: 1px solid #d5e0ed;
  border-radius: 7px;
}
.h2-gifts article .vf-home-icon {
  width: 34px;
  height: 34px;
  color: #1768e9;
}
.h2-gifts article > img {
  width: 50px;
  height: 46px;
  object-fit: contain;
  mix-blend-mode: multiply;
}
.h2-gifts article span,
.h2-gifts article b,
.h2-gifts article small { display: block; }
.h2-gifts article span { color: #183760; font-size: 9px; }
.h2-gifts article b { margin-top: 2px; font-size: 9px; }
.h2-gifts article small { margin-top: 2px; font-size: 8px; }
.h2-gifts > button {
  width: 42%;
  display: block;
  margin: 8px auto 0;
}

.h2-offers__contact {
  height: 72px;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  align-items: stretch;
  margin-top: 12px;
  overflow: hidden;
  border: 1px solid #cbd9e9;
  border-radius: 13px;
  background: rgba(255, 255, 255, .95);
}
.h2-offers__contact > a,
.h2-offers__contact > button {
  min-width: 0;
  display: flex;
  align-items: center;
  gap: 14px;
  padding: 8px 11%;
  border: 0;
  color: var(--h2-navy);
  background: transparent;
  text-align: left;
  text-decoration: none;
  cursor: pointer;
}
.h2-offers__contact > * + * { border-left: 1px solid #d5e0ed; }
.h2-offers__contact .vf-home-icon { width: 34px; height: 34px; color: #075ad1; }
.h2-offers__contact span,
.h2-offers__contact b,
.h2-offers__contact small { display: block; }
.h2-offers__contact span { color: #416084; font-size: 9px; }
.h2-offers__contact b { margin: 2px 0; color: var(--h2-navy); font-size: 15px; }
.h2-offers__contact small { color: #6d7f99; font-size: 9px; }
.h2-offers__contact > button > i { margin-left: auto; color: #0759ce; font-size: 32px; font-style: normal; }

/* 08 Green */
.h2-green {
  min-height: 940px;
  padding: 466px 0 14px;
  overflow: hidden;
  background: #fff;
}
.h2-green > .h2-shell { width: var(--h2-container-width); max-width: var(--h2-container-max); }
.h2-green__media {
  position: absolute;
  inset: 0 0 auto;
  z-index: -3;
  height: 466px;
  overflow: hidden;
  background: #eef6f2;
}
.h2-green__media img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
  object-position: 52% 59%;
}
.h2-green__wash {
  position: absolute;
  inset: 0 0 auto;
  z-index: -2;
  height: 466px;
  pointer-events: none;
  background: linear-gradient(90deg,rgba(255,255,255,.92) 0%,rgba(255,255,255,.76) 27%,rgba(255,255,255,.08) 50%,rgba(255,255,255,0) 100%);
}
.h2-green__heading {
  position: absolute;
  top: -377px;
  left: 6px;
  width: min(48%, 680px);
  max-width: 680px;
  color: var(--h2-navy);
}
.h2-green__heading > span {
  display: inline-flex;
  padding: 5px 16px;
  border-radius: 9px;
  color: #fff;
  background: linear-gradient(135deg,#43b64d,#228d31);
  box-shadow: 0 6px 18px rgba(39,145,53,.2);
  font-size: 13px;
  font-weight: 850;
  letter-spacing: .04em;
}
.h2-green__heading h3 {
  margin: 9px 0 4px;
  font-size: 37px;
  line-height: 1;
  letter-spacing: -.035em;
}
.h2-green__heading h2 {
  margin: 0;
  max-width: 660px;
  font-size: clamp(43px,3vw,54px);
  line-height: 1.05;
  letter-spacing: -.045em;
}
.h2-green__heading p {
  margin: 10px 0 0;
  color: #18345c;
  font-size: 14px;
  line-height: 1.43;
}
.h2-green__trust {
  position: absolute;
  top: -107px;
  left: 6px;
  width: min(690px,48%);
  display: grid;
  grid-template-columns: repeat(4,minmax(0,1fr));
  overflow: hidden;
  border: 1px solid rgba(204,220,213,.9);
  border-radius: 13px;
  background: rgba(255,255,255,.82);
  box-shadow: 0 10px 26px rgba(22,66,48,.08);
  backdrop-filter: blur(10px);
}
.h2-green__trust article {
  min-width: 0;
  min-height: 88px;
  display: grid;
  grid-template-columns: 28px 1fr;
  align-content: center;
  gap: 4px 8px;
  padding: 11px 10px;
  border-right: 1px solid #d7e3df;
}
.h2-green__trust article:last-child { border-right: 0; }
.h2-green__trust .vf-home-icon {
  grid-row: 1 / 3;
  width: 27px;
  height: 27px;
  align-self: start;
  color: #339f40;
}
.h2-green__trust article b,
.h2-green__trust article span { display: block; }
.h2-green__trust article b {
  color: #123162;
  font-size: 10px;
  line-height: 1.15;
  text-transform: uppercase;
}
.h2-green__trust article span {
  color: #4c647f;
  font-size: 8px;
  line-height: 1.25;
}
.h2-green__names {
  position: absolute;
  top: -57px;
  left: 48%;
  right: 7%;
  display: grid;
  grid-template-columns: repeat(3,minmax(0,1fr));
  color: #0c2c63;
  text-align: center;
  font-size: 16px;
  font-weight: 850;
}
.h2-green__names span small {
  display: block;
  margin-top: 3px;
  font-size: 9px;
  font-weight: 550;
}
.h2-green__index {
  position: absolute;
  top: -51px;
  right: 0;
  display: flex;
  align-items: baseline;
  gap: 4px;
}
.h2-green__index b { color: #3ca342; font-size: 31px; line-height: 1; }
.h2-green__index span { color: #50627b; font-size: 14px; font-weight: 800; }
.h2-green__body {
  display: grid;
  grid-template-columns: minmax(0,1.46fr) minmax(430px,1fr);
  gap: 34px;
  padding-top: 17px;
}
.h2-green__solutions > h3,
.h2-green-cost > h3 {
  margin: 0 0 10px;
  color: #103469;
  font-size: 16px;
  line-height: 1.2;
}
.h2-green__usecases {
  display: grid;
  grid-template-columns: repeat(5,minmax(0,1fr));
  gap: 13px;
}
.h2-green__usecases article {
  position: relative;
  min-width: 0;
  height: 244px;
  overflow: hidden;
  padding: 137px 14px 12px;
  border: 1px solid #d7e1e9;
  border-radius: 10px;
  color: #17315b;
  background: #fff;
}
.h2-green__usecases article > img {
  position: absolute;
  inset: 0 0 auto;
  width: 100%;
  height: 125px;
  object-fit: cover;
}
.h2-green__usecases .vf-home-icon {
  width: 27px;
  height: 27px;
  margin-bottom: 4px;
  color: #329c3e;
}
.h2-green__usecases h4 {
  min-height: 31px;
  margin: 0;
  color: #123162;
  font-size: 11px;
  line-height: 1.25;
}
.h2-green__usecases p {
  margin: 6px 0 0;
  color: #536a84;
  font-size: 8.5px;
  line-height: 1.38;
}
.h2-green__mobile-benefits { display: none; }
.h2-green__advantages {
  position: relative;
  min-height: 87px;
  display: grid;
  grid-template-columns: repeat(5,minmax(0,1fr));
  align-items: center;
  gap: 8px;
  margin-top: 5px;
  padding: 28px 12px 8px;
  border-radius: 11px;
  background: linear-gradient(110deg,#f1f8f1,#f8fbf8);
}
.h2-green__advantages > h3 {
  position: absolute;
  align-self: start;
  margin: -20px 0 0 4px;
  color: #173664;
  font-size: 13px;
}
.h2-green__advantages article,
.h2-green__services article {
  min-width: 0;
  display: flex;
  align-items: center;
  gap: 8px;
}
.h2-green__advantages .vf-home-icon {
  width: 27px;
  height: 27px;
  color: #379b44;
}
.h2-green__advantages b,
.h2-green__advantages span,
.h2-green__services b,
.h2-green__services span { display: block; }
.h2-green__advantages b { color: #31506f; font-size: 9px; }
.h2-green__advantages span { color: #61778f; font-size: 8px; }
.h2-green__services {
  min-height: 54px;
  display: grid;
  grid-template-columns: repeat(4,minmax(0,1fr));
  align-items: center;
  gap: 0;
  margin-top: 13px;
  overflow: hidden;
  border: 1px solid #dce5ec;
  border-radius: 9px;
  background: #f8fbff;
}
.h2-green__services article {
  min-height: 38px;
  padding: 3px 17px;
  border-right: 1px solid #d9e3ec;
}
.h2-green__services article:last-child { border-right: 0; }
.h2-green__services .vf-home-icon { width: 29px; height: 29px; color: #254d86; }
.h2-green__services b { color: #173a6c; font-size: 10px; }
.h2-green__services span { color: #61758f; font-size: 9px; }
.h2-green__sidebar { min-width: 0; }
.h2-green-cost {
  min-height: 213px;
  padding: 10px 13px 7px;
  border-radius: 16px;
  background: linear-gradient(180deg,#f4f4f3,#fafafa);
  box-shadow: inset 0 0 0 1px rgba(228,231,231,.7);
}
.h2-green-cost > h3 { margin-bottom: 9px; text-align: center; }
.h2-green-cost > h3 small { font-size: 10px; }
.h2-green-cost > div {
  display: grid;
  grid-template-columns: 1fr 108px 1fr;
  gap: 11px;
  align-items: center;
}
.h2-green-cost article {
  min-height: 145px;
  overflow: hidden;
  border: 1px solid #d5e2d8;
  border-radius: 8px;
  background: rgba(255,255,255,.85);
}
.h2-green-cost article > strong {
  min-height: 26px;
  display: grid;
  place-items: center;
  padding: 4px;
  color: #fff;
  background: #2fac43;
  font-size: 10px;
}
.h2-green-cost__fuel > strong { background: #68788a !important; }
.h2-green-cost article > b {
  display: block;
  margin: 9px 11px 5px;
  color: #319b42;
  font-size: 25px;
}
.h2-green-cost__fuel > b { color: #465c75 !important; }
.h2-green-cost article > b small { font-size: 9px; }
.h2-green-cost dl {
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 6px;
  margin: 0;
  padding: 0 11px;
  color: #4e6077;
  font-size: 8px;
}
.h2-green-cost dt,
.h2-green-cost dd { margin: 0; }
.h2-green-cost dd { color: #203b61; font-weight: 700; }
.h2-green-cost__saving {
  min-height: 128px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  border-radius: 9px;
  color: #4f6176;
  background: #e8f2e8;
  text-align: center;
}
.h2-green-cost__saving span { font-size: 8px; }
.h2-green-cost__saving b {
  color: #36a447;
  font-size: 45px;
  line-height: .95;
}
.h2-green-cost__saving b small { font-size: 16px; }
.h2-green-cost__saving > small { font-size: 8px; }
.h2-green-cost > p {
  margin: 5px 0 0;
  color: #7a8797;
  text-align: center;
  font-size: 7px;
}
.h2-business-form {
  position: relative;
  min-height: 166px;
  margin-top: 9px;
  padding: 12px 14px;
  border-radius: 13px;
  color: #fff;
  background: linear-gradient(135deg,#073270,#052258);
}
.h2-business-form h3 { margin: 0; font-size: 15px; line-height: 1.1; }
.h2-business-form > p { margin: 4px 0 8px; font-size: 9px; }
.h2-business-form__fields {
  display: grid;
  grid-template-columns: repeat(3,minmax(0,1fr));
  gap: 7px 9px;
}
.h2-business-form__fields input,
.h2-business-form__fields select {
  width: 100%;
  min-width: 0;
  height: 31px;
  padding: 0 10px;
  border: 1px solid rgba(255,255,255,.52);
  border-radius: 5px;
  color: #52657c;
  background: #fff;
  font-size: 9px;
}
.h2-business-form > label {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  margin-top: 9px;
  font-size: 9px;
}
.h2-business-form > label input {
  width: 16px;
  height: 16px;
  margin: 0;
  accent-color: #55b43d;
}
.h2-business-form > button {
  position: absolute;
  right: 14px;
  bottom: 11px;
  width: 31%;
  height: 30px;
  border: 0;
  border-radius: 5px;
  color: #fff;
  background: linear-gradient(135deg,#53b833,#32942b);
  font-size: 10px;
  font-weight: 850;
  cursor: pointer;
}

/* 09 Service */
.h2-service { min-height: 940px; padding-bottom: 10px; background: linear-gradient(180deg,#f6f9fd,#f1f6fc); }
.h2-service__hero { position: relative; height: 370px; overflow: hidden; }
.h2-service__hero picture, .h2-service__hero picture img { position: absolute; inset: 0; width: 100%; height: 100%; display: block; object-fit: cover; }
.h2-service__hero picture img { object-position: center; }
.h2-service__hero::after { content: ""; position: absolute; inset: 0; background: linear-gradient(90deg,rgba(255,255,255,.98) 0,rgba(255,255,255,.9) 31%,rgba(255,255,255,.18) 57%,transparent 72%); }
.h2-service__hero-copy { height: 100%; padding: 84px 0 0 40px; }
.h2-service__counter { position: relative; z-index: 2; display: inline-flex; padding: 5px 11px; border-radius: 7px; color: #fff; background: var(--h2-navy); font-size: 11px; font-weight: 800; }
.h2-service__hero-copy h2 { position: relative; z-index: 2; max-width: 650px; margin: 13px 0 5px; color: var(--h2-navy); font-size: 50px; line-height: .98; letter-spacing: -.035em; }
.h2-service__hero-copy h3 { position: relative; z-index: 2; margin: 0; color: var(--h2-navy); font-size: 19px; }
.h2-service__trust { position: relative; z-index: 2; width: min(100%,690px); max-width: 690px; display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); margin-top: 18px; }
.h2-service__trust article { min-width: 0; padding: 0 17px; border-right: 1px solid #c7d4e4; }
.h2-service__trust article:first-child { padding-left: 0; }
.h2-service__trust article:last-child { border-right: 0; }
.h2-service__trust .vf-home-icon { width: 35px; height: 35px; }
.h2-service__trust b { font-size: 12px; line-height: 1.15; }
.h2-service__trust span { margin-top: 3px; color: #506783; font-size: 10px; line-height: 1.2; }
.h2-service__main { display: grid; grid-template-columns: 1.04fr 1.04fr 1.18fr; gap: 10px; margin-top: 1px; }
.h2-service-card { position: relative; min-width: 0; height: 258px; padding: 16px 20px; overflow: hidden; border: 1px solid #cbd9e9; border-radius: 15px; background: rgba(255,255,255,.96); box-shadow: 0 7px 20px rgba(10,44,90,.07); }
.h2-service-card h3, .h2-packages h3, .h2-rescue h3 { margin: 0; color: var(--h2-navy); font-size: 15px; }
.h2-service-card h3 { display: flex; align-items: center; gap: 8px; }
.h2-service-card h3 .vf-home-icon { width: 25px; height: 25px; color: #145dd0; }
.h2-service-card > p { margin: 5px 0 12px; color: #4f6684; font-size: 11px; }
.h2-service-form { display: grid; grid-template-columns: 1fr 1fr; gap: 6px 12px; }
.h2-service-form h3, .h2-service-form > p, .h2-service-form > input[type="tel"], .h2-service-form button, .h2-service-form small { grid-column: 1/-1; }
.h2-service-form label { color: var(--h2-navy); font-size: 10px; font-weight: 750; }
.h2-service-form input, .h2-service-form select { width: 100%; height: 31px; margin-top: 4px; padding: 0 9px; border: 1px solid #c8d5e5; border-radius: 5px; color: #536987; background: #fff; font-size: 10px; }
.h2-service-form > input[type="tel"] { display: none; }
.h2-service-form button { height: 31px; border: 0; border-radius: 5px; color: #fff; background: linear-gradient(135deg,#0e4fc5,#073386); font-size: 11px; font-weight: 800; cursor: pointer; }
.h2-service-form button span { float: right; }
.h2-service-form small { color: #33836e; font-size: 8.5px; }
.h2-warranty__grid { display: grid; grid-template-columns: 1fr 1fr; gap: 2px; }
.h2-warranty article { min-height: 72px; padding: 7px 8px; }
.h2-warranty article .vf-home-icon { width: 34px; height: 34px; color: #145dd0; }
.h2-warranty article b { font-size: 10px; }
.h2-warranty article span { margin-top: 2px; color: var(--h2-navy); font-size: 13px; font-weight: 800; }
.h2-warranty > a, .h2-parts a { display: inline-flex; align-items: center; gap: 12px; color: var(--h2-navy); text-decoration: none; font-size: 9px; font-weight: 750; }
.h2-warranty > a { position: absolute; left: 50%; bottom: 12px; transform: translateX(-50%); white-space: nowrap; }
.h2-parts > img { position: absolute; z-index: 0; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: center; }
.h2-parts::after { content: ""; position: absolute; z-index: 1; inset: 0; background: linear-gradient(90deg,#fff 0,rgba(255,255,255,.98) 46%,rgba(255,255,255,.22) 75%,transparent); }
.h2-parts > div { position: relative; z-index: 2; width: 58%; }
.h2-parts ul { margin: 12px 0 16px; padding: 0; list-style: none; color: #18365f; font-size: 10px; line-height: 1.7; }
.h2-parts li::before { content: "✓"; margin-right: 8px; color: #0c53cb; font-weight: 900; }
.h2-parts a { padding: 8px 13px; border: 1px solid #9eb5d4; border-radius: 6px; background: rgba(255,255,255,.85); }
.h2-service__lower { display: grid; grid-template-columns: 1.25fr 1fr; gap: 10px; margin-top: 10px; }
.h2-packages, .h2-rescue { height: 210px; overflow: hidden; border: 1px solid #cbd9e9; border-radius: 15px; background: #fff; box-shadow: 0 7px 20px rgba(10,44,90,.06); }
.h2-packages { padding: 12px 16px; }
.h2-packages header { display: flex; justify-content: space-between; align-items: flex-start; }
.h2-packages header p { margin: 3px 0 0; color: #506783; font-size: 9px; }
.h2-packages header a { color: var(--h2-navy); text-decoration: none; font-size: 9px; font-weight: 700; }
.h2-packages__grid { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 8px; margin-top: 9px; }
.h2-packages article { min-width: 0; height: 146px; padding: 10px; border: 1px solid #cfdbeb; border-radius: 9px; background: linear-gradient(180deg,#fff,#f8fbff); }
.h2-packages article b, .h2-packages article strong, .h2-packages article span, .h2-packages article small { display: block; }
.h2-packages article b { color: var(--h2-navy); font-size: 10px; }
.h2-packages article strong { margin-top: 3px; color: var(--h2-navy); font-size: 15px; }
.h2-packages article span { color: #31527e; font-size: 9px; }
.h2-packages article small { margin-top: 10px; color: #355579; font-size: 8px; line-height: 1.45; }
.h2-rescue { position: relative; }
.h2-rescue > img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.h2-rescue::after { content: ""; position: absolute; inset: 0; background: linear-gradient(90deg,#fff 0,rgba(255,255,255,.96) 43%,rgba(255,255,255,.1) 72%,transparent); }
.h2-rescue > div { position: relative; z-index: 2; width: 61%; padding: 16px 20px; }
.h2-rescue p { margin: 4px 0 9px; color: #536987; font-size: 10px; }
.h2-rescue ul { margin: 0 0 9px; padding-left: 18px; color: #1b3a63; font-size: 9px; line-height: 1.7; }
.h2-rescue > div > div { display: flex; gap: 8px; }
.h2-rescue a { display: inline-flex; align-items: center; gap: 7px; padding: 7px 12px; border: 1px solid #8da9cd; border-radius: 6px; color: var(--h2-navy); background: rgba(255,255,255,.85); text-decoration: none; font-size: 9px; font-weight: 800; }
.h2-rescue a .vf-home-icon { width: 16px; height: 16px; }
.h2-service__contact { height: 66px; display: grid; grid-template-columns: 54px 2fr 1fr 1fr 120px; align-items: center; margin-top: 10px; padding: 8px 20px; border: 1px solid #cbd9e9; border-radius: 15px; background: #fff; box-shadow: 0 7px 20px rgba(10,44,90,.07); }
.h2-service__contact > .vf-home-icon { width: 42px; height: 42px; color: #145dd0; }
.h2-service__contact div b, .h2-service__contact div span { display: block; }
.h2-service__contact div b { color: var(--h2-navy); font-size: 14px; }
.h2-service__contact div span { margin-top: 3px; color: #536987; font-size: 9px; }
.h2-service__contact > a { color: #23456f; text-decoration: none; font-size: 9px; }
.h2-service__contact > a b { display: block; margin-top: 2px; color: var(--h2-navy); font-size: 12px; }
.h2-service__contact > a:last-child { justify-self: stretch; padding: 10px; border-radius: 5px; color: #fff; background: var(--h2-navy); text-align: center; font-weight: 800; }

/* 10 Showroom */
.h2-showroom { min-height: 705px; padding: 0 0 20px; background: linear-gradient(180deg,#f5f9ff,#fff); }
.h2-showroom__hero { position: relative; height: 405px; overflow: hidden; }
.h2-showroom__hero picture, .h2-showroom__hero picture img { position: absolute; inset: 0; width: 100%; height: 100%; display: block; object-fit: cover; }
.h2-showroom__hero picture img { object-position: center; }
.h2-showroom__hero::after { content: ""; position: absolute; inset: 0; background: linear-gradient(90deg,rgba(255,255,255,.98) 0,rgba(255,255,255,.86) 33%,rgba(255,255,255,.08) 58%,transparent 72%); }
.h2-showroom__hero-copy { height: 100%; padding: 87px 0 0 30px; }
.h2-showroom__hero-copy h2 { position: relative; z-index: 2; max-width: 690px; margin: 0; color: var(--h2-navy); font-size: 48px; line-height: 1; letter-spacing: -.04em; }
.h2-showroom__hero-copy h2 span { font-size: 44px; }
.h2-showroom__hero-copy > p { position: relative; z-index: 2; margin: 13px 0 0; color: #24466f; font-size: 14px; line-height: 1.45; }
.h2-showroom__trust { position: relative; z-index: 2; width: min(100%,710px); max-width: 710px; display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); margin-top: 19px; }
.h2-showroom__trust article { min-width: 0; gap: 8px; padding: 0 15px; border-right: 1px solid #c9d6e6; }
.h2-showroom__trust article > div { min-width: 0; }
.h2-showroom__trust article b, .h2-showroom__trust article span { display: block; }
.h2-showroom__trust article:first-child { padding-left: 0; }
.h2-showroom__trust article:last-child { border-right: 0; }
.h2-showroom__trust .vf-home-icon { width: 32px; height: 32px; }
.h2-showroom__trust b { font-size: 10px; line-height: 1.2; }
.h2-showroom__trust span { margin-top: 3px; color: #506783; font-size: 8.5px; line-height: 1.25; }
.h2-showroom__grid { display: grid; grid-template-columns: .92fr .92fr .96fr 1.18fr; gap: 10px; margin-top: 1px; }
.h2-showroom-card { height: 286px; min-width: 0; padding: 14px; overflow: hidden; border: 1px solid #cbd9e9; border-radius: 15px; background: rgba(255,255,255,.97); box-shadow: 0 7px 20px rgba(10,44,90,.07); }
.h2-showroom-card h3 { margin: 0 0 10px; color: var(--h2-navy); font-size: 13px; }
.h2-showroom-contact > a { display: flex; gap: 10px; align-items: center; min-height: 59px; margin: 6px 0; padding: 8px; border: 1px solid #d2deec; border-radius: 7px; color: var(--h2-navy); text-decoration: none; }
.h2-showroom-contact > a .vf-home-icon { width: 35px; height: 35px; padding: 7px; border-radius: 50%; color: #fff; background: var(--h2-navy); }
.h2-showroom-contact > a span, .h2-showroom-contact > a b, .h2-showroom-contact > a small { display: block; }
.h2-showroom-contact > a span { min-width: 0; color: #546a85; font-size: 9px; }
.h2-showroom-contact > a b { overflow-wrap: anywhere; color: var(--h2-navy); font-size: 14px; }
.h2-showroom-contact > a small { font-size: 8px; }
.h2-showroom-address > p { display: flex; gap: 8px; margin: 0; color: #315174; font-size: 10px; line-height: 1.4; }
.h2-showroom-address > p .vf-home-icon { width: 26px; height: 26px; color: #145dd0; }
.h2-showroom-address > p span, .h2-showroom-address > p b { display: block; }
.h2-showroom-address > p b { margin-bottom: 5px; color: var(--h2-navy); font-size: 13px; }
.h2-showroom-address > a { display: inline-flex; margin: 7px 0 5px 34px; color: var(--h2-navy); text-decoration: none; font-size: 9px; font-weight: 750; }
.h2-mini-map { position: relative; height: 118px; overflow: hidden; border-radius: 7px; background: linear-gradient(28deg,#e6f0fa 0 44%,#fff 45% 50%,#dceaf6 51% 60%,#fff 61% 65%,#e5eef7 66%),linear-gradient(115deg,transparent 0 47%,#72bce0 48% 56%,transparent 57%); }
.h2-mini-map::before, .h2-mini-map::after { content: ""; position: absolute; left: 0; right: 0; height: 2px; background: rgba(87,145,189,.32); transform: rotate(-8deg); }
.h2-mini-map::before { top: 35%; }.h2-mini-map::after { top: 70%; }
.h2-mini-map i { position: absolute; left: 45%; top: 42%; width: 18px; height: 18px; border: 5px solid var(--h2-navy); border-radius: 50% 50% 50% 0; transform: rotate(-45deg); }
.h2-mini-map b { position: absolute; left: 51%; top: 47%; padding: 4px 7px; border-radius: 9px; background: #fff; color: var(--h2-navy); font-size: 8px; box-shadow: 0 4px 12px rgba(7,39,80,.14); }
.h2-showroom-hours h4 { margin: 11px 0 5px; color: var(--h2-navy); font-size: 10px; }
.h2-showroom-hours > p { display: flex; justify-content: space-between; margin: 0; padding: 5px 0; border-bottom: 1px solid #d8e1ed; color: #315174; font-size: 9px; }
.h2-showroom-hours ul { margin: 5px 0 0; padding: 0; list-style: none; color: #24466f; font-size: 9px; line-height: 1.55; }
.h2-showroom-hours li::before { content: "✓"; display: inline-grid; width: 13px; height: 13px; place-items: center; margin-right: 7px; border: 1px solid #1768e9; border-radius: 50%; color: #1768e9; font-size: 7px; }
.h2-showroom-form { display: flex; flex-direction: column; gap: 6px; color: #fff; background: linear-gradient(145deg,#06245f,#0a4ca8); }
.h2-showroom-form h3 { margin-bottom: 1px; color: #fff; }
.h2-showroom-form input:not([type="checkbox"]), .h2-showroom-form select, .h2-showroom-form textarea { width: 100%; min-height: 29px; padding: 6px 9px; border: 0; border-radius: 5px; color: #536987; background: #fff; font-size: 9px; }
.h2-showroom-form textarea { height: 45px; resize: none; }
.h2-showroom-form > label { display: flex; align-items: center; gap: 5px; font-size: 8px; }
.h2-showroom-form > label input { width: 12px; height: 12px; margin: 0; }
.h2-showroom-form button { height: 31px; border: 0; border-radius: 5px; color: var(--h2-navy); background: #fff; font-size: 10px; font-weight: 850; cursor: pointer; }

/* Footer */
.h2-footer { min-height: 225px; color: #fff; background: linear-gradient(120deg,#0b3f91,#05245f 55%,#031b48); }
.h2-footer__grid { display: grid; grid-template-columns: 1.48fr .58fr .78fr .66fr .69fr .67fr 1.12fr; gap: 28px; padding: 18px 16px 14px; }
.h2-footer nav, .h2-footer section { min-width: 0; display: flex; flex-direction: column; gap: 6px; }
.h2-footer b { margin-bottom: 4px; font-size: 11px; }
.h2-footer a { color: rgba(255,255,255,.9); text-decoration: none; font-size: 10px; }
.h2-footer p { margin: 0; color: rgba(255,255,255,.82); font-size: 9px; line-height: 1.55; }
.h2-footer__brand img { width: 155px; height: 38px; object-fit: contain; object-position: left center; filter: brightness(0) invert(1); }
.h2-footer__brand p { max-width: 260px; }
.h2-footer__social { display: flex; flex-direction: row !important; gap: 6px !important; }
.h2-footer__social span { min-width: 24px; height: 24px; display: grid; place-items: center; border: 1px solid rgba(255,255,255,.55); border-radius: 50%; font-size: 7px; }
.h2-footer__hotline { align-items: center; padding: 0 18px; border-left: 1px solid rgba(255,255,255,.17); border-right: 1px solid rgba(255,255,255,.17); text-align: center; }
.h2-footer__hotline img { width: 62px; height: 62px; object-fit: contain; }
.h2-footer__hotline span, .h2-footer__hotline small { font-size: 8px; }
.h2-footer__hotline > a { padding: 7px 10px; border: 1px solid rgba(255,255,255,.22); border-radius: 7px; font-size: 16px; font-weight: 800; }
.h2-footer__contact p { margin-bottom: 8px; }
.h2-footer__address > p { display: flex; gap: 8px; }
.h2-footer__address .vf-home-icon { width: 18px; height: 18px; flex: 0 0 auto; }
.h2-footer__address > a { margin-top: 8px; }
.h2-footer__bottom { display: flex; justify-content: space-between; padding: 10px 16px; border-top: 1px solid rgba(255,255,255,.18); color: rgba(255,255,255,.7); font-size: 8px; }

/* Responsive */
@media (max-width: 1200px) {
  .h2-header nav { gap: 17px; }.h2-header__location { display: none; }.h2-header__wing { padding-inline: 24px; }.h2-model-card strong { font-size: 14px; }.h2-model-card__copy { padding-left: 14px; }.h2-showroom__grid { grid-template-columns: 1fr 1fr; }.h2-showroom { min-height: 1160px; }
  .h2-green > .h2-shell { width: calc(100% - 36px); }
  .h2-green__heading { left: 0; width: min(100%,610px); max-width: 610px; }
  .h2-green__heading h2 { font-size: 45px; }
  .h2-green__trust { left: 0; width: 54%; }
  .h2-green__body { grid-template-columns: minmax(0,1.3fr) minmax(390px,1fr); gap: 18px; }
  .h2-green__usecases { gap: 7px; }
  .h2-green__usecases article { padding-inline: 9px; }
  .h2-green__advantages { gap: 3px; padding-inline: 7px; }
  .h2-green__services article { padding-inline: 9px; }
}

@media (max-width: 767px) {
  .h2-scene--urban-desktop { display: none; }.h2-scene--urban-mobile { display: block; }
  .h2-shell { width: calc(100% - 24px); }
  .h2-section { min-height: 0; }
  .h2-heading--left { max-width: none; }
  .h2-heading h2 { font-size: 42px; line-height: 1.03; }
  .h2-heading h3 { font-size: 21px; }.h2-heading p { font-size: 15px; }
  .h2-header { top: 12px; left: 12px; right: auto; width: calc(100% - 24px); height: 74px; display: block; border: 2px solid rgba(255,255,255,.9); border-radius: 30px; background: rgba(255,255,255,.76); box-shadow: 0 0 24px rgba(255,255,255,.9); backdrop-filter: blur(14px); }
  .h2-header__wing { display: none; }.h2-header__emblem { position: absolute; left: 50%; top: 50%; width: 72px; height: 82px; transform: translate(-50%,-50%); }.h2-header__emblem img { width: 62px; height: 72px; }.h2-header__mobile-brand { display: none; }.h2-header__toggle { position: absolute; right: 11px; top: 50%; width: 52px; height: 52px; transform: translateY(-50%); display: flex; flex-direction: column; justify-content: center; gap: 6px; padding: 0 12px; border: 0; background: transparent; }.h2-header__toggle span { width: 100%; height: 3px; border-radius: 2px; background: var(--h2-navy); }
  .h2-mobile-menu { position: fixed; z-index: 999; inset: 0; padding: 110px 24px 30px; background: rgba(244,249,255,.98); transform: translateY(-110%); transition: transform .28s ease; display: block; }.h2-mobile-menu.is-open { transform: translateY(0); }.h2-mobile-menu nav { display: flex; flex-direction: column; }.h2-mobile-menu nav a { padding: 15px 5px; border-bottom: 1px solid #d4dfeb; color: var(--h2-navy); text-decoration: none; font-size: 22px; font-weight: 750; }.h2-mobile-menu .h2-btn { width: 100%; margin-top: 14px; }
  .h2-hero { min-height: 0; padding-bottom: 12px; background: linear-gradient(180deg,#65a8df 0,#d9edfb 19%,#e9f3fd 76%); }
  .h2-hero__media { inset: 105px 0 auto; height: auto; }
  .h2-hero__media img { width: 100%; height: auto; object-fit: contain; object-position: top center; }
  .h2-hero__shade { background: linear-gradient(180deg,rgba(255,255,255,.18),transparent 46%,rgba(234,244,253,.18) 70%,#e9f3fd 78%); }
  .h2-hero__copy { width: calc(100% - 72px); margin-inline: auto; padding-top: 128px; }
  .h2-hero__copy h1 { width: 100%; max-width: 310px; font-size: clamp(52px,13.5vw,58px); line-height: .96; }
  .h2-hero__copy h2 { width: 100%; max-width: 330px; margin-top: 11px; font-size: 22px; line-height: 1.12; }
  .h2-mobile-break, .h2-mobile-title-break { display: inline; }
  .h2-hero__copy > p { width: 100%; max-width: 315px; margin-top: 11px; font-size: 14px; line-height: 1.45; }
  .h2-desktop-break { display: none; }
  .h2-hero .h2-actions { width: auto; max-width: none; margin: 14px 0 0; flex-direction: column; align-items: flex-start; gap: 8px; }
  .h2-hero .h2-btn { width: auto; min-height: 39px; padding-inline: 14px; font-size: 14px; }
  .h2-hero .h2-actions > :nth-child(-n+2) { min-width: 214px; }
  .h2-hero__trust, .h2-hero__nav, .h2-hero__dots { display: none; }
  .h2-hero__utilities { position: relative; left: auto; right: auto; bottom: auto; width: calc(100% - 24px); height: auto; min-height: 0; margin: 166px auto 0; grid-template-columns: 1fr; grid-template-rows: none; grid-auto-rows: auto; gap: 8px; padding: 0; overflow: visible; border: 0; border-radius: 0; background: transparent; box-shadow: none; backdrop-filter: none; }
  .h2-hero__utilities article { height: auto; min-height: 92px; gap: 16px; padding: 12px 58px 12px 22px; border: 1px solid rgba(255,255,255,.92); border-radius: 22px; background: rgba(255,255,255,.9); box-shadow: 0 10px 25px rgba(5,38,82,.11); }
  .h2-hero__utilities article::after { content: '\203A'; position: absolute; right: 22px; top: 50%; color: var(--h2-navy); font-size: 40px; font-weight: 300; line-height: 1; transform: translateY(-52%); }
  .h2-hero__utilities .vf-home-icon { width: 48px; height: 48px; }
  .h2-hero__utilities b { font-size: 16px; }
  .h2-hero__utilities span { font-size: 14px; line-height: 1.38; }
  .h2-hero__utilities article span { max-width: 190px; }
  .h2-hero__utility-media { display: none; }
  .h2-models { min-height: 0; padding: 92px 0 22px; }
  .h2-models > .h2-shell { width: calc(100% - 24px); }
  .h2-models__backdrop { height: 338px; background-position: 69% center; }
  .h2-models__backdrop::after { background: linear-gradient(90deg,rgba(255,255,255,.93) 0%,rgba(255,255,255,.72) 50%,rgba(255,255,255,.05) 100%); }
  .h2-models .h2-heading { max-width: none; margin-left: 0; }
  .h2-models .h2-heading h2 { font-size: 44px; line-height: 1; letter-spacing: -.04em; }
  .h2-models .h2-heading h3 { margin-top: 16px; font-size: 20px; }
  .h2-models .h2-heading p { max-width: 385px; margin-top: 8px; font-size: 14px; line-height: 1.42; }
  .h2-kicker i { display: none; }
  .h2-filters { gap: 8px; margin-inline: -12px; padding: 18px 12px 20px; }
  .h2-filters button { min-width: 126px; min-height: 51px; padding-inline: 15px; font-size: 14px; }
  .h2-filters button:first-child { min-width: 110px; order: 1; }
  .h2-filters button:nth-child(2) { min-width: 135px; order: 2; }
  .h2-filters button:nth-child(3) { min-width: 130px; order: 4; }
  .h2-filters button:nth-child(4) { min-width: 108px; order: 3; }
  .h2-filters button:nth-child(5) { min-width: 165px; order: 6; }
  .h2-filters button:nth-child(6) { min-width: 174px; order: 5; }
  .h2-filter-label--desktop { display: none; }
  .h2-filter-label--mobile { display: inline; }
  .h2-model-grid { width: 100%; grid-template-columns: minmax(0,1fr); gap: 8px; }
  .h2-model-card { width: 100%; min-height: 176px; grid-template-columns: minmax(0,45%) minmax(0,1fr); grid-template-rows: 176px; padding-right: 58px; border-radius: 15px; }
  .h2-model-card:nth-child(n+5) { display: none; }
  .h2-model-card > img { grid-column: 1; grid-row: 1; width: 108%; height: 158px; align-self: center; justify-self: center; }
  .h2-model-card__copy { grid-column: 2; grid-row: 1; align-self: center; overflow: hidden; padding: 10px 0 8px 2px; }
  .h2-model-card__copy div { flex-wrap: nowrap; gap: 3px; margin-top: 8px; }
  .h2-model-card__copy div span { padding: 3px 5px; font-size: 8px; }
  .h2-model-card h3 { font-size: 24px; }
  .h2-model-card p { margin: 5px 0 10px; font-size: 12px; }
  .h2-model-card small { font-size: 11px; }
  .h2-model-card strong { font-size: 16px; }
  .h2-model-card__actions { position: absolute; top: 0; right: 5px; bottom: 0; width: 52px; min-width: 0; display: flex; align-items: center; justify-content: center; overflow: hidden; border-top: 0; }
  .h2-model-card__actions a { width: 100%; height: 100%; padding: 0 5px; flex-direction: column-reverse; justify-content: center; gap: 8px; text-align: center; font-size: 11px; line-height: 1.15; }
  .h2-model-card__actions a span { display: none; }
  .h2-model-card__actions a b { width: 46px; height: 46px; display: grid; place-items: center; border-radius: 50%; background: #f0f5fd; font-size: 27px; }
  .h2-model-card__actions button { display: none; }
  .h2-model-tools { grid-template-columns: repeat(3,minmax(0,1fr)); gap: 6px; margin-top: 10px; }
  .h2-model-tools article { min-height: 235px; flex-direction: column; align-items: flex-start; gap: 9px; padding: 15px 10px 13px; }
  .h2-model-tools article > .vf-home-icon { width: 50px; height: 50px; padding: 11px; }
  .h2-model-tools article > div:not(.h2-model-tool__visual) { display: flex; flex: 1; flex-direction: column; }
  .h2-model-tools b { font-size: 15px; line-height: 1.2; }
  .h2-model-tools span { margin-top: 7px; font-size: 11px; line-height: 1.35; }
  .h2-model-tools a, .h2-model-tools button { margin-top: auto; padding-top: 9px; font-size: 11px; text-align: left; }
  .h2-model-tool__visual { display: none !important; }
  .h2-urban { padding: 88px 0 20px; }.h2-urban .h2-scene { height: 510px; }.h2-urban .h2-scene-fade { height: 510px; background: linear-gradient(180deg,rgba(255,255,255,.86),rgba(255,255,255,.06)); }.h2-urban .h2-heading { text-align: center; }.h2-urban .h2-heading h2 { font-size: 40px; }.h2-scene-lineup--urban { top: 270px; left: -5%; right: -5%; height: 220px; }.h2-scene-lineup--urban img { width: 27%; height: 180px; }.h2-scene-lineup--urban img:first-child { height: 180px; }.h2-urban-grid { margin-top: 260px; grid-template-columns: 1fr; gap: 8px; }.h2-urban-grid article { min-height: 145px; grid-template-columns: 39% 61%; }.h2-urban-grid article > div { grid-column: 2; grid-row: 1; padding: 12px; }.h2-urban-grid img { grid-column: 1; grid-row: 1; height: 135px; }.h2-urban-grid h3 { font-size: 31px; }.h2-urban-grid p { min-height: 0; margin: 3px 0; }.h2-urban-grid strong { font-size: 20px; }.h2-urban-grid button { float: right; margin-top: 4px; }.h2-lifestyle { grid-template-columns: 1fr; padding: 12px; }.h2-lifestyle article { min-height: 100px; border-left: 0; border-top: 1px solid #d2ddeb; }.h2-lifestyle > h3 { font-size: 27px; }
  .h2-family { padding: 88px 0 20px; }.h2-family .h2-scene { height: 560px; }.h2-family .h2-scene-fade { height: 560px; background: linear-gradient(180deg,rgba(255,255,255,.88),rgba(255,255,255,.1)); }.h2-family .h2-heading { text-align: center; }.h2-family .h2-heading h2 { font-size: 43px; }.h2-family .h2-actions { justify-content: center; }.h2-scene-lineup--family { top: 300px; left: -3%; right: -4%; height: 220px; }.h2-scene-lineup--family img { width: 40%; height: 210px; }.h2-family-features { margin-top: 275px; grid-template-columns: 1fr; }.h2-family-features > article { min-height: 195px; display: grid; grid-template-columns: 50% 50%; padding: 10px; }.h2-family-features > article > span, .h2-family-features > article > h3 { grid-column: 2; padding-left: 14px; }.h2-family-photo { grid-column: 1; grid-row: 1 / 3; height: 170px; }.h2-family-features > article:last-child { display: block; min-height: 390px; }.h2-family-compare div { min-height: 265px; }.h2-family-compare img { height: 120px; }
  .h2-vf8 { padding-bottom: 15px; }.h2-vf8 .h2-scene, .h2-vf8__veil { height: 670px; }.h2-vf8__hero { height: 670px; align-items: flex-start; }.h2-vf8__hero header { width: 100%; padding: 115px 10px 0; }.h2-vf8__logo { font-size: 52px; }.h2-vf8__hero h2 { font-size: 37px; }.h2-vf8__hero p { font-size: 14px; }.h2-vf8__hero .h2-actions { position: absolute; left: 0; right: 0; bottom: 15px; display: grid; grid-template-columns: 1fr 1fr; }.h2-vf8__hero .h2-btn { padding-inline: 8px; font-size: 12px; }.h2-vf8__content { margin-top: 0; }.h2-vf8__feature-grid { grid-template-columns: 1fr 1fr; gap: 6px; }.h2-vf8__feature-grid article { min-height: 175px; padding: 15px; }.h2-vf8__feature-grid b { font-size: 14px; }.h2-vf8__feature-grid span { font-size: 12px; }.h2-vf8__stats { grid-template-columns: 1fr 1fr; gap: 4px; padding: 12px; }.h2-vf8__stats > h3 { grid-column: 1/-1; }.h2-vf8__stats article { min-height: 95px; padding: 10px; border: 1px solid #e2e8f0; }.h2-vf8__versions { grid-template-columns: 1fr; }.h2-vf8__versions article { min-height: 200px; }
  .h2-charge { padding: 88px 0 18px; }.h2-charge .h2-scene { height: 620px; }.h2-charge .h2-scene-fade { height: 620px; background: linear-gradient(180deg,rgba(255,255,255,.85),rgba(255,255,255,.08)); }.h2-charge .h2-heading { min-height: 500px; padding-inline: 10px; }.h2-charge__panel { grid-template-columns: 1fr; padding: 10px; }.h2-charge__panel > section { padding: 16px; border: 0; border-bottom: 1px solid #d3deeb; }.h2-map-art { min-height: 260px; }.h2-charge__network > div { grid-template-columns: repeat(4,1fr); }.h2-charge__network article { min-height: 140px; display: flex; flex-direction: column; align-items: center; padding: 10px 5px; text-align: center; }.h2-charge__network article b { font-size: 22px; }.h2-charge__network article span { font-size: 10px; }.h2-charge__app { grid-template-columns: 43% 57%; }.h2-charge__links { grid-template-columns: 1fr; }.h2-charge__links article { min-height: 70px; }
  .h2-green {
    min-height: 0;
    padding: 660px 0 14px;
    background: #fff;
  }
  .h2-green > .h2-shell { width: calc(100% - 18px); }
  .h2-green__media,
  .h2-green__wash { height: 660px; }
  .h2-green__media img {
    object-fit: cover;
    object-position: 50% 52%;
  }
  .h2-green__wash {
    background: linear-gradient(180deg,rgba(255,255,255,.58) 0%,rgba(255,255,255,.1) 31%,rgba(255,255,255,0) 62%,rgba(255,255,255,.12) 100%);
  }
  .h2-green__heading {
    top: -565px;
    left: 13px;
    width: calc(100% - 34px);
    text-align: left;
  }
  .h2-green__heading > span {
    padding: 5px 14px;
    font-size: 10px;
  }
  .h2-green__heading h3 {
    margin-top: 10px;
    max-width: 330px;
    font-size: 36px;
    line-height: 1.03;
    text-transform: uppercase;
  }
  .h2-green__heading h2 {
    max-width: 355px;
    margin: 7px 0 0;
    font-size: 25px;
    line-height: 1.08;
  }
  .h2-green__heading p {
    max-width: 355px;
    margin: 10px 0 0;
    font-size: 12px;
    line-height: 1.4;
  }
  .h2-green__trust,
  .h2-green__index { display: none; }
  .h2-green__names {
    top: -79px;
    left: 3px;
    right: 3px;
    grid-template-columns: repeat(3,minmax(0,1fr));
    gap: 3px;
    color: #fff;
    text-shadow: 0 1px 4px rgba(0,24,46,.76);
    font-size: 11px;
  }
  .h2-green__names span small {
    margin-top: 2px;
    font-size: 7px;
    line-height: 1.2;
  }
  .h2-green__body {
    display: flex;
    flex-direction: column;
    gap: 9px;
    padding-top: 12px;
  }
  .h2-green__solutions { display: contents; }
  .h2-green__solutions > h3 {
    margin: 0 3px 10px;
    text-align: center;
    font-size: 14px;
  }
  .h2-green__usecases { display: none; }
  .h2-green__mobile-benefits {
    display: grid;
    grid-template-columns: repeat(4,minmax(0,1fr));
    gap: 6px;
  }
  .h2-green__mobile-benefits article {
    min-width: 0;
    min-height: 122px;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 12px 6px 8px;
    border: 1px solid #dbe6df;
    border-radius: 10px;
    text-align: center;
    background: #fff;
  }
  .h2-green__mobile-benefits .vf-home-icon {
    width: 32px;
    height: 32px;
    margin-bottom: 9px;
    color: #36a244;
  }
  .h2-green__mobile-benefits b,
  .h2-green__mobile-benefits span { display: block; }
  .h2-green__mobile-benefits b {
    min-height: 27px;
    color: #173662;
    font-size: 9px;
    line-height: 1.2;
    text-transform: uppercase;
  }
  .h2-green__mobile-benefits span {
    margin-top: 5px;
    color: #667b8f;
    font-size: 7px;
    line-height: 1.3;
  }
  .h2-green__sidebar {
    display: contents;
  }
  .h2-green-cost {
    order: 1;
    min-height: 0;
    margin-top: 2px;
    padding: 11px 8px 7px;
    border-radius: 12px;
  }
  .h2-green-cost > h3 {
    margin-bottom: 8px;
    font-size: 13px;
  }
  .h2-green-cost > h3 small { display: block; margin-top: 2px; font-size: 8px; }
  .h2-green-cost > div {
    grid-template-columns: 1fr 76px 1fr;
    gap: 5px;
  }
  .h2-green-cost article { min-height: 130px; }
  .h2-green-cost article > strong { min-height: 25px; font-size: 8px; }
  .h2-green-cost article > b { margin: 9px 7px 6px; font-size: 20px; }
  .h2-green-cost dl { gap: 5px; padding: 0 7px; font-size: 7px; }
  .h2-green-cost__saving { min-height: 112px; }
  .h2-green-cost__saving span,
  .h2-green-cost__saving > small { font-size: 7px; }
  .h2-green-cost__saving b { font-size: 36px; }
  .h2-green-cost > p { font-size: 6px; }
  .h2-green__advantages {
    order: 2;
    min-height: 110px;
    grid-template-columns: repeat(4,minmax(0,1fr));
    gap: 3px;
    margin-top: 0;
    padding: 29px 5px 7px;
  }
  .h2-green__advantages > h3 {
    left: 7px;
    margin-top: -20px;
    font-size: 12px;
  }
  .h2-green__advantages article {
    flex-direction: column;
    gap: 4px;
    text-align: center;
  }
  .h2-green__advantages article:nth-of-type(5) { display: none; }
  .h2-green__advantages .vf-home-icon { width: 28px; height: 28px; }
  .h2-green__advantages b { font-size: 8px; }
  .h2-green__advantages span { font-size: 7px; }
  .h2-green__services { display: none; }
  .h2-business-form {
    order: 3;
    min-height: 0;
    margin-top: 0;
    padding: 14px 12px 12px;
    border-radius: 12px;
  }
  .h2-business-form h3 {
    text-align: center;
    font-size: 15px;
  }
  .h2-business-form > p {
    margin: 5px 0 11px;
    text-align: center;
    font-size: 9px;
  }
  .h2-business-form__fields {
    grid-template-columns: 1fr 1fr;
    gap: 7px;
  }
  .h2-business-form__fields input,
  .h2-business-form__fields select {
    height: 36px;
    padding-inline: 9px;
    font-size: 9px;
  }
  .h2-business-form__fields > :nth-child(1) { order: 1; }
  .h2-business-form__fields > :nth-child(2) { order: 2; }
  .h2-business-form__fields > :nth-child(3) { order: 5; }
  .h2-business-form__fields > :nth-child(4) { order: 3; }
  .h2-business-form__fields > :nth-child(5) { order: 4; }
  .h2-business-form__fields > :nth-child(6) { order: 6; }
  .h2-business-form > label {
    margin: 10px 0;
    font-size: 8px;
  }
  .h2-business-form > button {
    position: static;
    width: 100%;
    height: 37px;
    font-size: 10px;
  }
}

@media (max-width: 430px) {
  .h2-hero__copy h1 { font-size: clamp(52px,13.5vw,58px); }.h2-heading h2 { font-size: 36px; }.h2-models .h2-heading h2 { font-size: 44px; }.h2-urban-grid h3 { font-size: 27px; }.h2-family-compare span { font-size: 10px; }.h2-vf8__hero h2 { font-size: 33px; }.h2-charge__network article b { font-size: 19px; }.h2-showroom__grid { grid-template-columns: 1fr; }.h2-showroom__grid > section, .h2-showroom__grid > form { min-height: 0; }.h2-footer__grid { grid-template-columns: 1fr; }.h2-footer__brand { grid-column: auto; }
}

@media (max-width: 767px) {
  .h2-urban, .h2-family, .h2-vf8 { min-height: 0; padding: 76px 0 18px; }
  .h2-vf8 { padding-top: 0; }
  .h2-urban .h2-scene, .h2-family .h2-scene { height: 430px; object-position: 58% top; }
  .h2-urban__wash, .h2-family__wash { height: 430px; background: linear-gradient(180deg,rgba(255,255,255,.92),rgba(255,255,255,.62) 48%,rgba(244,248,255,.98)); }
  .h2-family .h2-scene { object-position: 68% center; }
  .h2-family__wash { background: linear-gradient(180deg,rgba(255,255,255,.88) 0%,rgba(255,255,255,.58) 45%,rgba(244,248,255,.12) 72%,rgba(244,248,255,.92) 100%); }
  .h2-urban__hero, .h2-family__hero { margin-left: 0; max-width: none; padding-inline: 4px; }
  .h2-urban__hero h2, .h2-family__hero h2 { font-size: 42px; line-height: 1.04; }
  .h2-urban__hero p, .h2-family__hero p { max-width: 370px; font-size: 14px; }
  .h2-urban-grid { margin-top: 12px; grid-template-columns: 1fr; gap: 10px; }
  .h2-urban-card { min-height: 178px; padding: 18px; }
  .h2-urban-card h3 { font-size: 32px; }.h2-urban-card p { margin-bottom: 12px; }
  .h2-urban-card ul { width: 54%; }.h2-urban-card > img { right: 6px; bottom: 55px; width: 45%; height: 105px; }
  .h2-urban-card strong { font-size: 22px; bottom: 20px; }.h2-urban-card > a { right: 58px; bottom: 18px; min-width: 106px; }.h2-urban-card > button { bottom: 18px; }
  .h2-lifestyle { grid-template-columns: 1fr; gap: 8px; margin-top: 12px; }
  .h2-lifestyle > h3 { font-size: 28px; }
  .h2-lifestyle article { min-height: 106px; padding: 18px 145px 14px 18px; background: linear-gradient(90deg,#fff 0%,rgba(255,255,255,.88) 56%,rgba(255,255,255,.2)); }
  .h2-lifestyle article img { width: 145px; height: 100px; }
  .h2-urban-benefits { grid-template-columns: 1fr 1fr; gap: 1px; }.h2-urban-benefits article { justify-content: flex-start; padding: 12px; border: 0; }
  .h2-family__hero .h2-actions { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; }
  .h2-family__hero .h2-btn { min-height: 46px; padding-inline: 10px; font-size: 12px; }
  .h2-family-trust { grid-template-columns: 1fr 1fr; gap: 10px; margin: 14px 0 0; }
  .h2-family-panels { margin-top: 14px; grid-template-columns: 1fr; gap: 10px; }
  .h2-family-panel { min-height: 0; padding: 14px; }
  .h2-family-media--large { float: none; width: 100%; height: 190px; }.h2-family-mini { float: none; width: 100%; grid-template-columns: 1fr 1fr; margin-top: 8px; }.h2-family-mini span { min-height: 72px; padding-top: 40px; }
  .h2-family-panel footer { grid-template-columns: 1fr 1fr; }
  .h2-family-compare { grid-template-columns: 1fr 1fr 1fr; gap: 6px; }.h2-family-compare div { min-height: 145px; padding: 9px; }.h2-family-compare img { height: 50px; }
  .h2-family-panel--compare section { grid-template-columns: 42px 1fr; }.h2-family-panel--compare section button { grid-column: 1/-1; }
  .h2-family-bottom { grid-template-columns: 1fr 1fr; gap: 1px; padding: 8px; }.h2-family-bottom article { min-height: 58px; padding: 8px; border: 0; }.h2-family-bottom button { grid-column: 1/-1; }
  .h2-vf8 .h2-scene, .h2-vf8__veil { height: 620px; }
  .h2-vf8 .h2-scene { object-position: center center; }
  .h2-vf8__hero { width: 100%; min-height: 620px; padding: 86px 10px 0; }
  .h2-vf8__logo { font-size: 48px; }.h2-vf8__hero h2 { font-size: 31px; }.h2-vf8__hero p { font-size: 13px; }
  .h2-vf8__promises { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; max-width: 340px; }
  .h2-vf8__feature-grid { grid-template-columns: 1fr 1fr; margin-top: 10px; gap: 8px; }
  .h2-vf8__feature-grid article { min-height: 140px; padding: 14px; }
  .h2-vf8__middle, .h2-vf8__versions { grid-template-columns: 1fr; gap: 8px; }
  .h2-vf8__stats { grid-template-columns: 1fr 1fr; gap: 8px; padding: 14px; }.h2-vf8__stats h3 { grid-column: 1/-1; }.h2-vf8__stats article { border: 1px solid #d5dfec; border-radius: 9px; padding: 10px; }
  .h2-vf8__charge { padding: 16px 150px 14px 16px; }.h2-vf8__charge img { width: 150px; }
  .h2-vf8__versions section, .h2-vf8__versions article { min-height: 0; }
  .h2-vf8__palette div { flex-wrap: wrap; gap: 16px; }.h2-vf8__palette aside { padding: 16px; }
  .h2-vf8__bottom { grid-template-columns: 1fr 1fr; }.h2-vf8__bottom article { min-height: 58px; padding: 8px 12px; border: 0; }
  .h2-service { min-height: 0; padding-bottom: 12px; }
  .h2-service__hero { height: 430px; }
  .h2-service__hero picture img { object-position: center bottom; }
  .h2-service__hero::after { background: linear-gradient(180deg,rgba(255,255,255,.98) 0,rgba(255,255,255,.9) 33%,rgba(255,255,255,.18) 67%,rgba(255,255,255,.7) 100%); }
  .h2-service__hero-copy { width: 100%; padding: 98px 18px 0; }
  .h2-service__counter { padding: 4px 9px; font-size: 9px; }
  .h2-service__hero-copy h2 { margin-top: 10px; font-size: 32px; }
  .h2-service__hero-copy h3 { font-size: 14px; }
  .h2-service__trust { position: absolute; left: 12px; right: 12px; bottom: 13px; width: auto; margin: 0; padding: 10px 4px; border-radius: 12px; background: rgba(255,255,255,.78); backdrop-filter: blur(8px); }
  .h2-service__trust article { flex-direction: column; gap: 4px; padding: 0 4px; text-align: center; }
  .h2-service__trust .vf-home-icon { width: 29px; height: 29px; }
  .h2-service__trust b { font-size: 8px; }
  .h2-service__trust span { display: none; }
  .h2-service__main { grid-template-columns: 1fr; gap: 9px; margin-top: 10px; }
  .h2-service-card { height: auto; min-height: 260px; padding: 15px; }
  .h2-service-card h3, .h2-packages h3, .h2-rescue h3 { font-size: 14px; }
  .h2-service-form { min-height: 282px; }
  .h2-service-form input, .h2-service-form select { height: 35px; font-size: 10px; }
  .h2-service-form button { height: 35px; }
  .h2-warranty { min-height: 250px; }
  .h2-warranty article { min-height: 78px; }
  .h2-parts { min-height: 260px; }
  .h2-parts > div { width: 64%; }
  .h2-parts::after { background: linear-gradient(90deg,#fff 0,rgba(255,255,255,.98) 52%,rgba(255,255,255,.1) 83%,transparent); }
  .h2-service__lower { grid-template-columns: 1fr; gap: 9px; margin-top: 9px; }
  .h2-packages { height: 310px; padding: 14px 12px; }
  .h2-packages header a { display: none; }
  .h2-packages__grid { grid-template-columns: repeat(3,minmax(0,1fr)); gap: 6px; }
  .h2-packages article { height: 235px; padding: 9px 7px; }
  .h2-packages article:nth-child(4) { display: none; }
  .h2-packages article strong { font-size: 12px; }
  .h2-packages article small { font-size: 7.5px; }
  .h2-rescue { height: 255px; }
  .h2-rescue > div { width: 66%; padding: 15px; }
  .h2-rescue h3 { font-size: 15px; }
  .h2-rescue ul { font-size: 8px; }
  .h2-rescue a { padding: 7px 9px; font-size: 8px; }
  .h2-service__contact { display: none; }

  .h2-showroom { min-height: 0; padding-bottom: 10px; }
  .h2-showroom__hero { height: 610px; }
  .h2-showroom__hero picture img { object-position: center bottom; }
  .h2-showroom__hero::after { background: linear-gradient(180deg,rgba(255,255,255,.94) 0,rgba(255,255,255,.77) 33%,rgba(255,255,255,.05) 64%,transparent 100%); }
  .h2-showroom__hero-copy { width: 100%; padding: 104px 18px 0; text-align: center; }
  .h2-showroom__hero-copy h2 { max-width: none; font-size: 31px; line-height: 1.02; }
  .h2-showroom__hero-copy h2 span { font-size: 25px; }
  .h2-showroom__hero-copy > p { font-size: 11px; }
  .h2-showroom__trust { position: absolute; left: 12px; right: 12px; top: 264px; width: auto; margin: 0; padding: 10px 3px; border-radius: 12px; background: rgba(255,255,255,.78); backdrop-filter: blur(8px); }
  .h2-showroom__trust article { flex-direction: column; gap: 4px; padding: 0 4px; text-align: center; }
  .h2-showroom__trust .vf-home-icon { width: 28px; height: 28px; }
  .h2-showroom__trust b { font-size: 8px; }
  .h2-showroom__trust span { display: none; }
  .h2-showroom__grid { grid-template-columns: 1fr 1fr; gap: 8px; margin-top: 9px; }
  .h2-showroom-card { height: 320px; padding: 12px; }
  .h2-showroom-card h3 { font-size: 11px; }
  .h2-showroom-contact > a { min-height: 66px; padding: 6px; }
  .h2-showroom-contact > a .vf-home-icon { width: 30px; height: 30px; }
  .h2-showroom-contact > a b { font-size: 11px; }
  .h2-showroom-address > p { font-size: 8px; }
  .h2-mini-map { height: 145px; }
  .h2-showroom-hours { height: 340px; }
  .h2-showroom-hours ul { font-size: 8px; }
  .h2-showroom-form { height: 340px; }
  .h2-showroom-form input:not([type="checkbox"]), .h2-showroom-form select, .h2-showroom-form textarea { min-height: 34px; }

  .h2-footer { min-height: 0; }
  .h2-footer__grid { grid-template-columns: 1.18fr .78fr .82fr; gap: 14px 9px; width: 100%; padding: 20px 16px 16px; }
  .h2-footer__brand { grid-column: auto; }
  .h2-footer__brand img { width: 112px; height: 31px; }
  .h2-footer__brand p { font-size: 7px; }
  .h2-footer b { font-size: 8px; }
  .h2-footer a, .h2-footer p { font-size: 7px; }
  .h2-footer__hotline { grid-column: 2; grid-row: 2; padding: 0; border: 0; }
  .h2-footer__hotline img { width: 44px; height: 44px; }
  .h2-footer__hotline > a { padding: 4px; font-size: 10px; }
  .h2-footer__contact { grid-column: 3; grid-row: 2; }
  .h2-footer__address { grid-column: 1; grid-row: 2; }
  .h2-footer__bottom { flex-direction: column; gap: 5px; width: 100%; padding-inline: 16px; }
}

@media (min-width: 768px) {
  .h2-models { min-height: 941px; padding: 90px 0 18px; background: linear-gradient(180deg,#f3f8ff 0,#fff 44%,#f7fbff 100%); }
  .h2-models > .h2-shell { width: min(1534px, calc(100% - 140px)); }
  .h2-models__backdrop { height: 374px; background-position: center 58%; opacity: .92; }
  .h2-models__backdrop::after { background: linear-gradient(90deg,#fff 0%,rgba(255,255,255,.98) 28%,rgba(255,255,255,.86) 49%,rgba(255,255,255,.22) 73%,rgba(255,255,255,0) 90%); }
  .h2-models .h2-heading { max-width: 690px; margin-left: 42px; }
  .h2-models .h2-kicker { margin-bottom: 9px; }
  .h2-models .h2-kicker span, .h2-models .h2-kicker i { padding: 5px 15px; border-radius: 11px; font-size: 14px; }
  .h2-models .h2-heading h2 { font-size: 70px; line-height: .98; letter-spacing: -.045em; }
  .h2-models .h2-heading h3 { margin-top: 14px; font-size: 27px; line-height: 1.06; }
  .h2-models .h2-heading p { margin-top: 10px; font-size: 16px; line-height: 1.42; }
  .h2-filters { gap: 16px; margin-left: 42px; padding: 18px 0 20px; }
  .h2-filters button { min-width: 163px; min-height: 45px; border-radius: 11px; font-size: 14px; }
  .h2-filters button:first-child { min-width: 126px; }
  .h2-filters button:nth-child(4) { min-width: 178px; }
  .h2-filters button:nth-child(5) { min-width: 189px; }
  .h2-filters button:nth-child(6) { min-width: 205px; }
  .h2-model-grid { grid-template-columns: repeat(4,minmax(0,1fr)); gap: 10px; }
  .h2-model-card { min-height: 190px; grid-template-columns: 43% 57%; grid-template-rows: 150px 40px; border-radius: 17px; box-shadow: 0 8px 24px rgba(12,48,94,.065); }
  .h2-model-card__copy { padding: 15px 0 4px 20px; }
  .h2-model-card h3 { font-size: 25px; letter-spacing: -.025em; }
  .h2-model-card p { margin: 5px 0 12px; font-size: 12px; }
  .h2-model-card strong { font-size: 16px; }
  .h2-model-card__copy div span { font-size: 12px; }
  .h2-model-card > img { width: 106%; height: 144px; filter: drop-shadow(0 10px 7px rgba(6,21,45,.18)); transform: none; }
  .h2-model-card--vf-5 > img, .h2-model-card--vf-6 > img, .h2-model-card--vf-7 > img, .h2-model-card--vf-8 > img, .h2-model-card--vf-9 > img, .h2-model-card--ec-van > img, .h2-model-card--mpv-7 > img { width: 115%; transform: translateX(-4%); filter: drop-shadow(0 10px 7px rgba(6,21,45,.18)); }
  .h2-model-card--vf-6 > img, .h2-model-card--vf-7 > img, .h2-model-card--vf-8 > img, .h2-model-card--vf-9 > img { filter: drop-shadow(0 10px 7px rgba(6,21,45,.2)); }
  .h2-model-card--ec-van > img { width: 118%; filter: drop-shadow(0 8px 7px rgba(6,21,45,.12)); }
  .h2-model-card__actions a, .h2-model-card__actions button { padding: 0 24px; font-size: 13px; }
  .h2-model-tools { gap: 22px; margin-top: 16px; }
  .h2-model-tools article { min-height: 142px; padding: 20px 184px 18px 28px; border-radius: 18px; }
  .h2-model-tools article > .vf-home-icon { width: 68px; height: 68px; }
  .h2-model-tools b { font-size: 20px; }
  .h2-model-tools span { font-size: 13px; line-height: 1.35; }
  .h2-model-tool__visual { right: 18px; top: 14px; bottom: 14px; width: 148px; }
  .h2-urban, .h2-family, .h2-vf8 { min-height: 941px; overflow: hidden; }
  .h2-urban { height: 941px; min-height: 941px; padding-top: 86px; padding-bottom: 0; }
  .h2-family { height: 941px; min-height: 941px; padding-top: 86px; padding-bottom: 8px; }
  .h2-urban .h2-shell, .h2-family .h2-shell, .h2-vf8 .h2-shell { width: min(1534px, calc(100% - 128px)); }
  .h2-urban .h2-scene { height: 528px; object-position: center 47%; transform: none; }
  .h2-family .h2-scene { height: 532px; object-position: center center; transform: none; }
  .h2-urban__wash { height: 528px; background: radial-gradient(ellipse 44% 51% at 15% 16%,rgba(255,255,255,.9) 0%,rgba(255,255,255,.7) 42%,rgba(255,255,255,.22) 72%,rgba(255,255,255,0) 100%),linear-gradient(180deg,rgba(255,255,255,.05) 0%,rgba(255,255,255,0) 68%,rgba(244,248,255,.18) 100%); }
  .h2-family__wash { height: 532px; background: linear-gradient(90deg,rgba(255,255,255,.94) 0%,rgba(255,255,255,.72) 25%,rgba(255,255,255,.06) 47%,rgba(255,255,255,0) 63%),linear-gradient(180deg,rgba(255,255,255,0) 75%,rgba(244,248,255,.84) 100%); }
  .h2-urban__hero { max-width: 650px; margin-left: 68px; }
  .h2-urban__hero span { padding: 4px 21px; }
  .h2-urban__hero h2 { max-width: 540px; margin-block: 8px 10px; font-size: 45px; line-height: 1.02; letter-spacing: -.04em; }
  .h2-urban__hero p { font-size: 16px; line-height: 1.4; }
  .h2-urban__hero p .vf-home-icon { width: 15px; height: 15px; padding: 0; border: 0; border-radius: 0; background: transparent; color: #36a969; vertical-align: -3px; }
  .h2-urban__hero p .vf-home-icon svg { width: 15px; height: 15px; }
  .h2-urban-grid { width: min(1506px,100%); margin-top: 204px; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 12px; }
  .h2-urban-card { min-height: 224px; padding: 14px 25px 20px; border-radius: 20px; }
  .h2-urban-card h3 { font-size: 37px; letter-spacing: -.03em; }
  .h2-urban-card p { margin: 1px 0 9px; font-size: 13px; line-height: 1.25; }
  .h2-urban-card ul { width: 52%; }
  .h2-urban-card li { margin: 5px 0; }
  .h2-urban-card strong { bottom: 20px; max-width: 170px; font-size: 20px; }
  .h2-urban-card strong small { margin-bottom: 5px; }
  .h2-urban-card > img { right: 7px; bottom: 58px; width: 46%; height: 112px; filter: drop-shadow(0 12px 8px rgba(0,18,40,.18)); }
  .h2-urban-card--mint > img { right: 8px; width: 42%; height: 105px; }
  .h2-urban-card--red > img { right: 10px; width: 47%; height: 108px; }
  .h2-urban-card--slate > img { right: 17px; width: 49%; height: 116px; }
  .h2-urban-card > a { right: 57px; bottom: 18px; min-width: 124px; height: 35px; }
  .h2-urban-card > button { right: 18px; bottom: 18px; }
  .h2-lifestyle { width: min(1506px,100%); margin-top: 18px; grid-template-columns: 140px repeat(4,minmax(0,1fr)); gap: 14px; }
  .h2-lifestyle > h3 { min-height: 112px; padding: 14px 0 14px 26px; border: 1px solid #d2deec; border-radius: 16px; background: rgba(255,255,255,.94); box-shadow: 0 12px 28px rgba(18,58,100,.06); font-size: 25px; line-height: 1.08; }
  .h2-lifestyle article { min-height: 112px; padding: 18px 150px 14px 20px; background: var(--h2-life-image) right center / 120% auto no-repeat; }
  .h2-lifestyle article img { display: none; }
  .h2-lifestyle article span { margin: 8px 0 13px; }
  .h2-urban-benefits { width: min(1360px,100%); min-height: 60px; margin: 21px auto 0; padding: 5px 0; border-radius: 0; background: transparent; }
  .h2-urban-benefits article, .h2-urban-benefits article[data-h2-reveal] { position: relative; top: -8px; display: flex; align-items: center; gap: 12px; padding-inline: 20px; opacity: 1; transform: none; }
  .h2-urban-benefits .vf-home-icon { width: 42px; height: 42px; }
  .h2-urban-benefits article div { min-width: 0; }
  .h2-urban-benefits b { display: block; font-size: 14px; line-height: 1.25; }
  .h2-urban-benefits article div > span { display: block; margin-top: 3px; font-size: 12px; line-height: 1.25; white-space: nowrap; }

  .h2-family .h2-shell { width: calc(100% - 48px); max-width: none; }
  .h2-family__hero { max-width: 555px; margin-left: 98px; }
  .h2-family__hero h2 { font-size: 70px; line-height: .98; letter-spacing: -.045em; }
  .h2-family__hero p { margin-top: 16px; font-size: 17px; line-height: 1.35; }
  .h2-family__hero .h2-actions { margin-top: 26px; }
  .h2-family__hero .h2-btn { min-height: 42px; min-width: 185px; border-radius: 8px; }
  .h2-family-trust { grid-template-columns: repeat(4,118px); gap: 20px; margin: 60px 0 0 98px; }
  .h2-family-panels { width: min(1624px,100%); margin: 38px auto 0; grid-template-columns: 1.1fr 1fr 1.08fr; gap: 9px; }
  .h2-family-panel { height: 356px; min-height: 356px; max-height: 356px; padding: 16px 18px; overflow: hidden; border-radius: 19px; }
  .h2-family-panel h3 { font-size: 15px; line-height: 1.2; }
  .h2-family-panel > p { font-size: 13px; }
  .h2-family-media--large { width: 69%; height: 214px; }
  .h2-family-media--wide { height: 198px; background-position: center; }
  .h2-family-mini span { min-height: 96px; }
  .h2-family-compare div { height: 170px; min-height: 170px; max-height: 170px; padding: 8px 10px; overflow: hidden; }
  .h2-family-compare img { height: 58px; }
  .h2-family-compare b { font-size: 16px; }
  .h2-family-compare span, .h2-family-compare small { font-size: 14px; }
  .h2-family-compare strong { margin: 3px 0; font-size: 15px; }
  .h2-family-panel--compare section { height: 84px; min-height: 84px; max-height: 84px; }
  .h2-family-bottom { width: min(1624px,100%); height: 58px; min-height: 58px; margin: 19px auto 0; grid-template-columns: 1.05fr 1.2fr .8fr .85fr 1.35fr 188px; overflow: hidden; }
  .h2-family-bottom article[data-h2-reveal] { opacity: 1; transform: none; }

  .h2-vf8 { padding: 0 0 10px; background: #eef4fb; }
  .h2-vf8 .h2-scene, .h2-vf8__veil { height: 384px; }
  .h2-vf8 .h2-scene { object-position: center 44%; transform: scale(1.02); }
  .h2-vf8__hero { width: 48%; min-height: 360px; padding: 82px 0 0 130px; }
  .h2-vf8__logo { font-size: 57px; line-height: .86; }
  .h2-vf8__logo span { font-size: 15px; }
  .h2-vf8__hero h2 { margin-top: 13px; font-size: 35px; line-height: 1; }
  .h2-vf8__hero p { max-width: 430px; font-size: 15px; }
  .h2-vf8__promises { gap: 28px; }
  .h2-vf8__hero .h2-actions { margin-top: 16px; }
  .h2-vf8__hero .h2-btn { min-height: 38px; min-width: 165px; border-radius: 7px; }
  .h2-vf8__feature-grid { margin-top: -13px; gap: 8px; }
  .h2-vf8__feature-grid article { min-height: 126px; border-radius: 12px; }
  .h2-vf8__middle { grid-template-columns: 1.42fr 1fr; gap: 12px; margin-top: 12px; }
  .h2-vf8__stats, .h2-vf8__charge { min-height: 105px; }
  .h2-vf8__versions { grid-template-columns: 1.15fr .95fr .95fr 1.7fr; gap: 12px; margin-top: 12px; }
  .h2-vf8__versions section, .h2-vf8__versions article { min-height: 226px; }
  .h2-vf8__bottom { min-height: 56px; margin-top: 12px; }
  .h2-vf8__feature-grid article { min-height: 112px; padding: 14px 18px; }
  .h2-vf8__feature-grid span { margin: 7px 0 9px; }
  .h2-vf8__middle { height: 112px; }
  .h2-vf8__stats { min-height: 104px; grid-template-columns: 230px repeat(4,1fr); padding: 10px 18px; }
  .h2-vf8__stats h3 { font-size: 20px; }
  .h2-vf8__stats article { padding: 0 8px; }
  .h2-vf8__stats b { font-size: 22px; white-space: nowrap; }
  .h2-vf8__stats, .h2-vf8__charge { height: 112px; min-height: 112px; max-height: 112px; overflow: hidden; }
  .h2-vf8__versions { height: 220px; }
  .h2-vf8__versions > section, .h2-vf8__versions > article { height: 220px; min-height: 220px; max-height: 220px; padding: 13px 16px; }
  .h2-vf8__versions h3 { margin-bottom: 8px; }
  .h2-vf8__versions article strong { margin: 3px 0; font-size: 22px; }
  .h2-vf8__versions article img { height: 65px; margin-top: 7px; }
  .h2-vf8__palette div { margin: 5px 0 9px; }
  .h2-vf8__palette aside { height: 98px; min-height: 98px; max-height: 98px; padding: 9px 220px 8px 20px; overflow: hidden; }
  .h2-vf8__palette aside h4, .h2-vf8__palette aside p { margin-bottom: 5px; line-height: 1.15; }
  .h2-vf8__palette aside h4 { font-size: 12px; }
  .h2-vf8__palette aside p { font-size: 10px; }
  .h2-vf8__palette aside button { min-height: 27px; padding-inline: 16px; font-size: 10px; }
  .h2-vf8__bottom { min-height: 50px; }
}

/* Keep the four-column art direction readable on 16:10 and compact desktop widths. */
@media (min-width: 768px) and (max-width: 1499px) {
  .h2-header__location { display: none; }
  .h2-header__wing { gap: 14px; padding-inline: 18px; }
  .h2-header__wing--left { padding-right: 45px; }
  .h2-header__wing--right { padding-left: 45px; }
  .h2-header nav { gap: 15px; }
  .h2-header nav a { font-size: 12px; }
  .h2-header__cta { min-height: 44px; padding-inline: 13px; font-size: 12px; }

  .h2-urban-card { height: 224px; min-height: 224px; padding: 13px 14px 18px; overflow: hidden; }
  .h2-urban-card h3 { font-size: 31px; }
  .h2-urban-card p { margin-bottom: 7px; font-size: 11px; }
  .h2-urban-card ul { width: 55%; }
  .h2-urban-card li { grid-template-columns: 14px 1fr auto; gap: 4px; margin: 3px 0; font-size: 9px; }
  .h2-urban-card li .vf-home-icon { width: 12px; height: 12px; }
  .h2-urban-card li b { font-size: 10px; }
  .h2-urban-card strong { bottom: 18px; max-width: 132px; font-size: 20px; }
  .h2-urban-card strong small { margin-bottom: 3px; font-size: 10px; }
  .h2-urban-card > img,
  .h2-urban-card--mint > img,
  .h2-urban-card--red > img,
  .h2-urban-card--slate > img { right: 5px; bottom: 58px; width: 47%; height: 100px; }
  .h2-urban-card > a { right: 46px; bottom: 17px; min-width: 94px; height: 32px; padding-inline: 10px; font-size: 10px; }
  .h2-urban-card > button { right: 12px; bottom: 17px; width: 30px; height: 30px; }

  .h2-lifestyle { height: 134px; }
  .h2-lifestyle > h3 { height: 112px; min-height: 112px; padding-left: 20px; font-size: 22px; }
  .h2-lifestyle article { height: 134px; min-height: 134px; padding: 17px 96px 12px 16px; overflow: hidden; background-size: cover; }
  .h2-lifestyle article b { font-size: 13px; }
  .h2-lifestyle article span { margin: 7px 0 12px; font-size: 11px; }
  .h2-lifestyle article strong { font-size: 16px; }
}

@media (prefers-reduced-motion: no-preference) {
  .h2-section [data-h2-reveal] { opacity: 0; transform: translateY(24px); transition: .6s ease; }
  .h2-section [data-h2-reveal].is-visible { opacity: 1; transform: none; }
}

/* Section 03 mobile follows the compact mobile artboard rather than stacking desktop cards. */
@media (max-width: 767px) {
  .h2-urban { height: 950px; min-height: 950px; padding: 76px 0 0; overflow: hidden; }
  .h2-urban .h2-shell { width: calc(100% - 24px); }
  .h2-scene--urban-desktop { display: none; }
  .h2-urban .h2-scene--urban-mobile { display: block; inset: 74px auto auto -28%; width: 145%; max-width: none; height: auto; object-fit: contain; object-position: center; transform: none; }
  .h2-urban__wash { height: 315px; background: linear-gradient(180deg,rgba(255,255,255,.48) 0%,rgba(255,255,255,.12) 48%,rgba(255,255,255,0) 100%); }
  .h2-urban__hero { max-width: none; margin: 0; padding: 0; text-align: center; }
  .h2-urban__hero > span { display: none; }
  .h2-urban__hero h2 { margin: 0 0 7px; font-size: 29px; line-height: .98; letter-spacing: -.03em; }
  .h2-urban__hero p { max-width: none; font-size: 10px; line-height: 1.5; }
  .h2-urban__hero p .vf-home-icon { width: 11px; height: 11px; padding: 0; border: 0; border-radius: 0; background: transparent; vertical-align: -2px; }
  .h2-urban__hero p .vf-home-icon svg { width: 11px; height: 11px; }
  .h2-urban-grid { width: 100%; margin-top: 136px; grid-template-columns: 1fr; gap: 5px; }
  .h2-urban-grid .h2-urban-card { height: 80px; min-height: 80px; padding: 0; border-radius: 10px; box-shadow: 0 7px 18px rgba(22,54,96,.09); }
  .h2-urban-card > div { position: absolute; left: 128px; top: 10px; padding: 0; }
  .h2-urban-card h3 { font-size: 24px; line-height: 1; }
  .h2-urban-card p { display: none; }
  .h2-urban-card ul { position: absolute; left: 238px; top: 8px; width: 116px; }
  .h2-urban-card li { display: flex; align-items: center; gap: 5px; margin: 2px 0; font-size: 9px; line-height: 1.15; }
  .h2-urban-card li .vf-home-icon { width: 11px; height: 11px; }
  .h2-urban-card li span { display: none; }
  .h2-urban-card li b { justify-self: auto; font-size: 9px; white-space: nowrap; }
  .h2-urban-card li:first-child b::after { content: ' ngồi'; }
  .h2-urban-card li:nth-child(2) b::after { content: ' (WLTP)'; }
  .h2-urban-card strong { left: 128px; top: 45px; bottom: auto; max-width: 135px; font-size: 20px; white-space: nowrap; }
  .h2-urban-card strong small { display: none; }
  .h2-urban-card > img,
  .h2-urban-card--mint > img,
  .h2-urban-card--red > img,
  .h2-urban-card--slate > img { left: 8px; right: auto; top: 5px; bottom: auto; width: 108px; height: 69px; object-fit: contain; }
  .h2-urban-card > a { right: 10px; bottom: 7px; min-width: 80px; min-height: 27px; height: 27px; padding: 0 9px; font-size: 9px; }
  .h2-urban-card > a::after { content: '  →'; margin-left: 5px; }
  .h2-urban-card > button { display: none; }

  .h2-lifestyle { width: 100%; margin-top: 12px; padding: 0; grid-template-columns: 1fr; gap: 4px; }
  .h2-lifestyle > h3 { min-height: 20px; padding: 0 8px; border: 0; border-radius: 0; background: transparent; box-shadow: none; font-size: 0; line-height: 20px; }
  .h2-lifestyle > h3 br { display: none; }
  .h2-lifestyle > h3::after { content: 'Mẫu xe phù hợp với bạn'; font-size: 18px; line-height: 20px; }
  .h2-lifestyle article { height: 64px; min-height: 64px; padding: 9px 182px 6px 16px; border-radius: 10px; background: var(--h2-life-image) center / cover no-repeat; box-shadow: 0 6px 16px rgba(18,58,100,.07); }
  .h2-lifestyle article b { font-size: 14px; line-height: 1.1; }
  .h2-lifestyle article span { margin: 3px 0; font-size: 10px; line-height: 1.15; }
  .h2-lifestyle article strong { font-size: 13px; line-height: 1; }
  .h2-lifestyle article img { display: none; }
  .h2-urban-benefits { display: none; }
}

/*
 * Sections 04-06 are art-directed against the supplied desktop and mobile
 * boards. Keep these overrides last so older responsive rules cannot distort
 * the complete scene artwork.
 */
@media (min-width: 768px) {
  .h2-family {
    height: 941px;
    min-height: 941px;
    padding: 86px 0 8px;
    overflow: hidden;
  }

  .h2-family .h2-scene {
    height: 532px;
    object-position: center 52%;
    transform: none;
  }

  .h2-family__wash {
    height: 532px;
    background: linear-gradient(90deg, rgba(255,255,255,.7) 0%, rgba(255,255,255,.45) 23%, rgba(255,255,255,.08) 39%, rgba(255,255,255,0) 50%);
  }

  .h2-family__hero {
    max-width: 555px;
    margin-left: 98px;
  }

  .h2-family-panels {
    margin-top: 38px;
  }

  .h2-vf8 {
    height: 941px;
    min-height: 941px;
    overflow: hidden;
  }

  .h2-vf8 .h2-scene,
  .h2-vf8__veil {
    height: 384px;
  }

  .h2-vf8 .h2-scene {
    object-position: center 54%;
    transform: none;
  }

  .h2-vf8__veil {
    background: linear-gradient(90deg, rgba(2,12,34,.88) 0%, rgba(5,30,70,.58) 31%, rgba(3,15,35,.12) 52%, rgba(3,15,35,0) 68%);
  }

  .h2-vf8__feature-grid article {
    background: linear-gradient(96deg, rgba(255,255,255,.98) 0%, rgba(255,255,255,.74) 42%, rgba(255,255,255,.06) 72%), var(--vf8-bg) center / cover no-repeat;
  }

  .h2-vf8__feature-grid article:nth-child(1) {
    --vf8-bg: url('../img/vf8-all-new/feature-exterior-match.png') !important;
  }

  .h2-vf8__feature-grid article:nth-child(3) {
    --vf8-bg: url('../img/vf8-all-new/feature-technology-match.png') !important;
  }

  .h2-vf8__feature-grid article:nth-child(4) {
    --vf8-bg: url('../img/vf8-all-new/feature-safety-match.png') !important;
  }

  .h2-vf8__charge img {
    content: url('../img/vf8-all-new/feature-charging-match.png');
    width: 58%;
    object-position: 64% center;
  }

  .h2-charge {
    height: 941px;
    min-height: 941px;
    padding: 106px 0 14px;
    overflow: hidden;
  }

  .h2-charge > .h2-shell {
    width: calc(100% - 48px);
    max-width: none;
  }

  .h2-charge .h2-scene,
  .h2-charge .h2-scene-fade {
    height: 941px;
  }

  .h2-charge .h2-scene {
    object-position: center 52%;
  }

  .h2-charge .h2-scene-fade {
    background: linear-gradient(90deg, rgba(255,255,255,.92) 0%, rgba(255,255,255,.65) 27%, rgba(255,255,255,.09) 48%, rgba(255,255,255,0) 59%);
  }

  .h2-charge .h2-heading {
    min-height: 354px;
    padding-left: 74px;
  }

  .h2-charge .h2-heading h2 {
    max-width: 650px;
    font-size: 56px;
    line-height: 1.02;
  }

  .h2-charge .h2-heading p {
    max-width: 535px;
  }

  .h2-charge .h2-kicker {
    gap: 12px;
  }

  .h2-charge .h2-kicker span,
  .h2-charge .h2-kicker i {
    padding: 0;
    background: transparent;
  }

  .h2-charge .h2-kicker i {
    display: none;
  }

  .h2-charge .h2-kicker::after {
    content: '';
    width: 150px;
    height: 2px;
    background: linear-gradient(90deg, #08285f 0 27%, transparent 27% 36%, #1768e9 36% 59%, rgba(23,104,233,.28) 59%);
  }

  .h2-charge__panel {
    height: 354px;
    max-height: 354px;
    padding: 18px;
    overflow: hidden;
    border: 1px solid #d2deec;
    border-radius: 20px;
  }

  .h2-charge__panel > section {
    padding: 0 22px;
  }

  .h2-map-art {
    min-height: 239px;
    background: url('../img/home-v2/charging/ninh-binh-map-match.png') center / cover no-repeat;
  }

  .h2-charge__app .h2-phone-art {
    min-height: 268px;
    background: url('../img/home-v2/charging/vinfast-app-match.png') center / contain no-repeat;
  }

  .h2-charge__links {
    height: 86px;
    margin-top: 12px;
  }

  .h2-charge__links article {
    min-height: 86px;
  }
}

@media (max-width: 767px) {
  .h2-family {
    min-height: 0;
    padding: 76px 0 16px;
    overflow: hidden;
    background: #f4f8ff;
  }

  .h2-family .h2-shell {
    width: calc(100% - 24px);
  }

  .h2-family .h2-scene,
  .h2-family__wash {
    height: 430px;
  }

  .h2-family .h2-scene {
    object-position: center 52%;
  }

  .h2-family__wash {
    background: linear-gradient(180deg, rgba(255,255,255,.3) 0%, rgba(255,255,255,.05) 54%, rgba(244,248,255,0) 78%);
  }

  .h2-family__hero {
    max-width: none;
    margin: 0;
    padding: 4px 8px 0;
    text-align: center;
  }

  .h2-family__hero h2 {
    margin: 0;
    font-size: 32px;
    line-height: 1.02;
  }

  .h2-family__hero p,
  .h2-family__hero p b {
    font-size: 11px;
    line-height: 1.35;
  }

  .h2-family__hero .h2-actions {
    position: absolute;
    top: 278px;
    left: 0;
    right: 0;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 8px;
    margin: 0;
  }

  .h2-family__hero .h2-btn {
    min-width: 0;
    min-height: 42px;
    padding: 0 8px;
    border-radius: 8px;
    font-size: 10px;
  }

  .h2-family-trust {
    position: absolute;
    top: 370px;
    left: 0;
    width: 100%;
    grid-template-columns: repeat(4, 1fr);
    gap: 2px;
    margin: 0;
  }

  .h2-family-trust article {
    display: flex;
    flex-direction: column;
    align-items: center;
    min-width: 0;
    text-align: center;
  }

  .h2-family-trust .vf-home-icon {
    width: 22px;
    height: 22px;
  }

  .h2-family-trust b {
    font-size: 7px;
    line-height: 1.15;
  }

  .h2-family-trust span {
    font-size: 6px;
    line-height: 1.15;
  }

  .h2-family-panels {
    margin-top: 308px;
    grid-template-columns: 1fr;
    gap: 10px;
  }

  .h2-family-panel {
    position: relative;
    min-height: 0;
  }

  .h2-family-panel--comfort,
  .h2-family-panel--tech {
    height: 158px;
    min-height: 158px;
    display: grid;
    grid-template-columns: 50% 50%;
    grid-template-rows: auto auto 1fr;
    padding: 0;
    overflow: hidden;
  }

  .h2-family-panel--comfort h3,
  .h2-family-panel--comfort > p,
  .h2-family-panel--tech h3,
  .h2-family-panel--tech > p {
    grid-column: 2;
    z-index: 2;
    padding-inline: 14px;
  }

  .h2-family-panel--comfort h3,
  .h2-family-panel--tech h3 {
    margin: 38px 0 4px;
    font-size: 13px;
  }

  .h2-family-panel--comfort > p,
  .h2-family-panel--tech > p {
    font-size: 10px;
    line-height: 1.3;
  }

  .h2-family-media--large,
  .h2-family-media--wide {
    grid-column: 1;
    grid-row: 1 / -1;
    float: none;
    width: 100%;
    height: 100%;
    border-radius: 0;
  }

  .h2-family-mini,
  .h2-family-panel--comfort footer,
  .h2-family-panel--tech footer {
    display: none;
  }

  .h2-family-panel--comfort::after,
  .h2-family-panel--tech::after {
    content: '›';
    position: absolute;
    right: 14px;
    top: 50%;
    color: var(--h2-navy);
    font-size: 30px;
    line-height: 1;
    transform: translateY(-50%);
  }

  .h2-family-panel--compare {
    min-height: 322px;
    padding: 15px 12px;
  }

  .h2-family-compare {
    gap: 6px;
  }

  .h2-family-compare div {
    min-height: 185px;
    padding: 8px 4px;
  }

  .h2-family-compare img {
    width: 100%;
    height: 62px;
  }

  .h2-family-panel--compare section {
    grid-template-columns: 38px 1fr 82px;
    min-height: 82px;
    padding: 8px;
  }

  .h2-family-panel--compare section span {
    font-size: 8px;
  }

  .h2-family-panel--compare section button {
    font-size: 9px;
  }

  .h2-family-bottom {
    display: none;
  }

  .h2-vf8 {
    min-height: 0;
    padding: 0 0 14px;
    overflow: hidden;
  }

  .h2-vf8 .h2-shell {
    width: calc(100% - 24px);
  }

  .h2-vf8 .h2-scene,
  .h2-vf8__veil {
    height: 500px;
  }

  .h2-vf8 .h2-scene {
    object-position: center 56%;
    transform: none;
  }

  .h2-vf8__veil {
    background: linear-gradient(180deg, rgba(1,12,34,.82) 0%, rgba(2,22,54,.46) 40%, rgba(2,18,44,.02) 68%);
  }

  .h2-vf8__hero {
    width: 100%;
    height: 500px;
    min-height: 500px;
    padding: 90px 12px 0;
    text-align: center;
  }

  .h2-vf8__logo {
    font-size: 44px;
  }

  .h2-vf8__hero h2 {
    font-size: 30px;
  }

  .h2-vf8__hero p {
    font-size: 12px;
  }

  .h2-vf8__promises {
    display: none;
  }

  .h2-vf8__hero .h2-actions {
    bottom: 12px;
  }

  .h2-vf8__feature-grid {
    margin-top: 8px;
    grid-template-columns: 1fr 1fr;
    gap: 7px;
  }

  .h2-vf8__feature-grid article {
    min-height: 145px;
    padding: 13px;
    background: linear-gradient(180deg, rgba(255,255,255,.95), rgba(255,255,255,.4)), var(--vf8-bg) center / cover no-repeat;
  }

  .h2-vf8__feature-grid article:nth-child(1) {
    --vf8-bg: url('../img/vf8-all-new/feature-exterior-match.png') !important;
  }

  .h2-vf8__feature-grid article:nth-child(3) {
    --vf8-bg: url('../img/vf8-all-new/feature-technology-match.png') !important;
  }

  .h2-vf8__feature-grid article:nth-child(4) {
    --vf8-bg: url('../img/vf8-all-new/feature-safety-match.png') !important;
  }

  .h2-vf8__feature-grid b {
    font-size: 12px;
  }

  .h2-vf8__feature-grid span {
    margin: 7px 0;
    font-size: 10px;
  }

  .h2-vf8__feature-grid a {
    font-size: 0;
  }

  .h2-vf8__feature-grid a::after {
    content: '→';
    font-size: 22px;
  }

  .h2-vf8__middle {
    display: block;
    height: auto;
  }

  .h2-vf8__stats {
    height: auto;
    min-height: 0;
    max-height: none;
    grid-template-columns: repeat(4, 1fr);
    gap: 4px;
    padding: 12px 7px;
  }

  .h2-vf8__stats h3 {
    grid-column: 1 / -1;
    font-size: 17px;
  }

  .h2-vf8__stats article {
    min-height: 92px;
    display: flex;
    flex-direction: column;
    gap: 4px;
    padding: 8px 3px;
    border: 1px solid #dce5f1;
    text-align: center;
  }

  .h2-vf8__stats .vf-home-icon {
    width: 24px;
    height: 24px;
  }

  .h2-vf8__stats b {
    font-size: 15px;
  }

  .h2-vf8__stats span {
    font-size: 7px;
  }

  .h2-vf8__charge {
    display: none;
  }

  .h2-vf8__versions {
    height: auto;
    grid-template-columns: 1fr 1fr;
    gap: 7px;
  }

  .h2-vf8__versions > section:first-child {
    display: none;
  }

  .h2-vf8__versions > article {
    height: 195px;
    min-height: 195px;
    max-height: none;
    padding: 12px 7px;
  }

  .h2-vf8__versions article h3 {
    font-size: 12px;
  }

  .h2-vf8__versions article strong {
    font-size: 15px;
  }

  .h2-vf8__versions article img {
    height: 70px;
  }

  .h2-vf8__versions > .h2-vf8__palette {
    grid-column: 1 / -1;
    height: auto;
    min-height: 0;
    max-height: none;
  }

  .h2-vf8__palette div {
    justify-content: space-between;
    gap: 3px;
  }

  .h2-vf8__palette aside {
    height: 118px;
    min-height: 118px;
    max-height: 118px;
    padding: 14px 122px 10px 14px;
  }

  .h2-vf8__bottom {
    display: none;
  }

  .h2-charge {
    min-height: 0;
    padding: 76px 0 18px;
    overflow: hidden;
  }

  .h2-charge > .h2-shell {
    width: calc(100% - 24px);
  }

  .h2-charge .h2-scene,
  .h2-charge .h2-scene-fade {
    height: 500px;
  }

  .h2-charge .h2-scene {
    object-position: center 51%;
  }

  .h2-charge .h2-scene-fade {
    background: linear-gradient(180deg, rgba(255,255,255,.55) 0%, rgba(255,255,255,.08) 48%, rgba(255,255,255,0) 72%);
  }

  .h2-charge .h2-heading {
    min-height: 350px;
    padding: 18px 10px 0;
    text-align: center;
  }

  .h2-charge .h2-heading h2 {
    font-size: 34px;
    line-height: 1.02;
  }

  .h2-charge .h2-heading p {
    max-width: none;
    font-size: 11px;
  }

  .h2-charge .h2-kicker {
    justify-content: center;
  }

  .h2-charge .h2-kicker span,
  .h2-charge .h2-kicker i {
    padding: 0;
    background: transparent;
    font-size: 10px;
  }

  .h2-charge__panel {
    grid-template-columns: 1fr;
    gap: 12px;
    padding: 0;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
  }

  .h2-charge__panel > section {
    padding: 15px;
    border: 1px solid #d2deec;
    border-radius: 18px;
    background: #fff;
    box-shadow: 0 8px 22px rgba(10,42,90,.08);
  }

  .h2-map-art {
    min-height: 215px;
    background: url('../img/home-v2/charging/ninh-binh-map-match.png') center / cover no-repeat;
  }

  .h2-charge__network > div {
    grid-template-columns: repeat(4, 1fr);
  }

  .h2-charge__network article {
    min-height: 112px;
    padding: 8px 3px;
  }

  .h2-charge__network article .vf-home-icon {
    width: 28px;
    height: 28px;
  }

  .h2-charge__network article b {
    font-size: 16px;
  }

  .h2-charge__network article span {
    font-size: 7px;
  }

  .h2-charge__app .h2-phone-art {
    min-height: 205px;
    background: url('../img/home-v2/charging/vinfast-app-match.png') center / contain no-repeat;
  }

  .h2-charge__links {
    grid-template-columns: 1fr;
  }

  .h2-charge__links article {
    min-height: 74px;
  }

  .h2-charge__links article:first-child {
    color: #fff;
    background: linear-gradient(115deg, #062a72, #1768e9);
  }

  .h2-charge__links article:first-child span {
    color: #dce9ff;
  }
}

/* Final coordinate pass against Desktop/Mobile boards 04-06. */
.h2-charge .h2-kicker span {
  font-size: 0;
}

.h2-charge .h2-kicker span::after {
  content: '07 / 10';
  font-size: 14px;
}

@media (min-width: 768px) {
  .h2-vf8__hero {
    min-height: 384px;
    padding-top: 96px;
  }

  .h2-vf8__feature-grid {
    margin-top: 0;
  }

  .h2-vf8__feature-grid article {
    height: 123px;
    min-height: 123px;
    max-height: 123px;
  }

  .h2-vf8__middle {
    height: 104px;
  }

  .h2-vf8__stats,
  .h2-vf8__charge {
    height: 104px;
    min-height: 104px;
    max-height: 104px;
  }

  .h2-vf8__versions {
    height: 234px;
  }

  .h2-vf8__versions > section,
  .h2-vf8__versions > article {
    height: 234px;
    min-height: 234px;
    max-height: 234px;
  }

  .h2-vf8__charge {
    padding: 10px 260px 8px 20px;
  }

  .h2-vf8__charge h3 {
    font-size: 14px;
  }

  .h2-vf8__charge p,
  .h2-vf8__charge span {
    font-size: 10px;
  }

  .h2-vf8__charge b {
    margin-top: 2px;
    font-size: 22px;
    line-height: 1;
  }

  .h2-vf8__palette aside {
    background: linear-gradient(90deg, #062a72 0%, rgba(6,42,114,.96) 40%, rgba(6,52,125,.38) 69%, rgba(6,52,125,.06) 100%), url('../img/home-v2/family/family-hero-match-desktop.png') 70% 56% / cover no-repeat;
  }

  .h2-charge .h2-scene,
  .h2-charge .h2-scene-fade {
    height: 535px;
  }

  .h2-charge .h2-scene {
    object-position: center 56%;
  }

  .h2-charge .h2-heading {
    min-height: 366px;
    padding-left: 35px;
  }

  .h2-charge__map {
    position: relative;
  }

  .h2-charge__map label {
    position: absolute;
    z-index: 2;
    top: 46px;
    left: 22px;
    right: 132px;
    height: 38px;
  }

  .h2-charge__map::after {
    content: 'Bộ lọc';
    position: absolute;
    z-index: 2;
    top: 46px;
    right: 22px;
    height: 38px;
    display: grid;
    place-items: center;
    padding: 0 18px;
    border: 1px solid #d2deed;
    border-radius: 10px;
    color: var(--h2-navy);
    background: #fff;
    font-size: 11px;
    font-weight: 800;
  }

  .h2-map-art {
    min-height: 282px;
    margin-top: 8px;
  }

  .h2-charge__network {
    display: flex;
    flex-direction: column;
  }

  .h2-charge__network article {
    height: 90px;
    min-height: 90px;
  }

  .h2-charge__network > div {
    flex: 0 0 180px;
    grid-auto-rows: 90px;
  }

  .h2-charge__network::after {
    content: 'Sạc nhanh – Tiện lợi – An tâm\A Hệ thống trạm sạc VinFast đạt chuẩn quốc tế, công suất đa dạng từ 11kW đến 250kW.';
    flex: 0 0 62px;
    margin-top: 12px;
    padding: 11px 14px 8px 68px;
    border-radius: 10px;
    color: var(--h2-navy);
    background: linear-gradient(90deg, #f6f9ff, #fff);
    box-shadow: inset 0 0 0 1px #e0e8f2;
    font-size: 10px;
    font-weight: 600;
    line-height: 1.35;
    white-space: pre-line;
  }

  .h2-charge__app .h2-phone-art {
    background-size: 108% auto;
  }
}

@media (max-width: 767px) {
  .h2-family__hero {
    padding-top: 22px;
  }

  .h2-family-trust {
    top: 305px;
  }

  .h2-family-panels {
    margin-top: 218px;
    gap: 6px;
  }

  .h2-family-panel--comfort,
  .h2-family-panel--tech {
    height: 108px;
    min-height: 108px;
  }

  .h2-family-panel--comfort h3,
  .h2-family-panel--tech h3 {
    margin-top: 25px;
    font-size: 11px;
  }

  .h2-family-panel--comfort > p,
  .h2-family-panel--tech > p {
    font-size: 9px;
  }

  .h2-family-panel--compare {
    min-height: 310px;
  }

  .h2-vf8 .h2-scene,
  .h2-vf8__veil,
  .h2-vf8__hero {
    height: 360px;
    min-height: 360px;
  }

  .h2-vf8__hero {
    padding-top: 82px;
    padding-left: 20px;
    text-align: left;
  }

  .h2-vf8__logo {
    font-size: 40px;
  }

  .h2-vf8__hero h2 {
    margin-top: 10px;
    font-size: 27px;
  }

  .h2-vf8__feature-grid article {
    min-height: 94px;
    padding: 10px;
  }

  .h2-vf8__feature-grid b {
    font-size: 10px;
  }

  .h2-vf8__feature-grid span {
    margin: 4px 0;
    font-size: 8px;
  }

  .h2-vf8__feature-grid a::after {
    font-size: 17px;
  }

  .h2-vf8__stats article {
    min-height: 66px;
  }

  .h2-vf8__stats {
    height: 110px;
    min-height: 110px;
    max-height: 110px;
    padding: 8px;
    overflow: hidden;
  }

  .h2-vf8__stats h3 span {
    display: none;
  }

  .h2-vf8__stats .vf-home-icon {
    width: 21px;
    height: 21px;
  }

  .h2-vf8__stats b {
    font-size: 14px;
  }

  .h2-vf8__versions > article {
    height: 145px;
    min-height: 145px;
  }

  .h2-vf8__versions article img {
    height: 58px;
  }

  .h2-vf8__palette aside {
    height: 108px;
    min-height: 108px;
    max-height: 108px;
  }

  .h2-charge .h2-heading {
    min-height: 318px;
    padding-top: 12px;
  }

  .h2-charge .h2-kicker span::after {
    font-size: 10px;
  }

  .h2-charge .h2-kicker i {
    display: inline;
    font-size: 0;
  }

  .h2-charge .h2-kicker i::after {
    content: 'TRẠM SẠC & KẾT NỐI';
    font-size: 10px;
  }

  .h2-charge__panel > section {
    padding: 13px;
  }

  .h2-charge__map {
    position: relative;
  }

  .h2-charge__map h3 {
    padding-right: 72px;
    font-size: 15px;
  }

  .h2-charge__map::after {
    content: 'Xem tất cả  ›';
    position: absolute;
    top: 15px;
    right: 14px;
    color: var(--h2-navy);
    font-size: 9px;
    font-weight: 700;
  }

  .h2-charge__map label {
    position: absolute;
    z-index: 2;
    top: 48px;
    left: 20px;
    right: 20px;
    height: 38px;
  }

  .h2-charge__map .h2-map-art {
    min-height: 150px;
    margin-top: 12px;
  }

  .h2-charge__network article {
    height: 66px;
    min-height: 66px;
    padding: 5px 2px;
  }

  .h2-charge__network {
    padding: 12px;
  }

  .h2-charge__network h3 {
    margin-bottom: 8px;
  }

  .h2-charge__app .h2-phone-art {
    min-height: 132px;
  }

  .h2-charge__app h3 {
    font-size: 13px;
    white-space: nowrap;
  }
}

/* Offers mobile is kept last so the mockup-specific layout wins over shared responsive rules. */
@media (max-width: 767px) {
  .h2-offers {
    min-height: 0;
    padding: 600px 0 14px;
    background: linear-gradient(180deg, #f2f7ff 0%, #fff 100%);
  }
  .h2-offers__media { height: 600px; }
  .h2-offers__media .h2-scene { object-position: center 49%; }
  .h2-offers::before {
    z-index: -2;
    height: 600px;
    background: linear-gradient(180deg, rgba(0,17,55,.42), rgba(2,30,76,.1) 44%, rgba(1,21,58,.28));
  }
  .h2-offers > .h2-shell { width: calc(100% - 20px); }
  .h2-offers__hero {
    top: -484px;
    left: 14px;
    width: calc(100% - 28px);
    min-height: 488px;
    padding: 0;
    text-align: center;
  }
  .h2-offers__hero > span { display: none; }
  .h2-offers__hero h2 {
    max-width: 390px;
    margin: 0 auto;
    font-size: 30px;
    line-height: .98;
    text-shadow: 0 3px 18px rgba(0,19,58,.4);
  }
  .h2-offers__hero h2 em {
    display: block;
    margin-top: 4px;
    font-size: 1em;
    font-weight: 700;
    letter-spacing: .01em;
  }
  .h2-offers__hero > p {
    max-width: 360px;
    margin: 12px auto 0;
    padding: 8px 12px;
    border: 1px solid rgba(117,181,255,.45);
    border-radius: 9px;
    background: rgba(2,34,86,.52);
    backdrop-filter: blur(7px);
    font-size: 0;
  }
  .h2-offers__hero > p::after {
    content: 'Hỗ trợ tối đa – Sở hữu xe VinFast ngay hôm nay!';
    font-size: 12px;
  }
  .h2-offers__benefits {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 55px;
    width: 100%;
    margin: 0;
    padding: 10px 5px;
    border: 1px solid rgba(124,181,246,.45);
    border-radius: 12px;
    background: rgba(2,29,72,.72);
    backdrop-filter: blur(8px);
  }
  .h2-offers__benefits article {
    grid-template-columns: 1fr;
    justify-items: center;
    padding: 0 3px;
    text-align: center;
  }
  .h2-offers__benefits .vf-home-icon {
    grid-row: auto;
    width: 24px;
    height: 24px;
    margin: 0 0 4px;
  }
  .h2-offers__benefits span,
  .h2-offers__benefits b,
  .h2-offers__benefits small { grid-column: 1; }
  .h2-offers__benefits span,
  .h2-offers__benefits small { font-size: 8px; }
  .h2-offers__benefits b { font-size: 10px; }
  .h2-offers__hero > .h2-btn {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    min-width: 0;
    min-height: 44px;
    border-radius: 8px;
    font-size: 13px;
  }
  .h2-offer-cars {
    margin-top: 10px;
    overflow: visible;
  }
  .h2-offer-cars > h3 {
    display: block;
    margin: 0 0 9px;
    color: var(--h2-navy);
    font-size: 18px;
  }
  .h2-offer-cars > div:first-of-type {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 4px;
    margin-inline: 0;
    padding: 0 0 6px;
    overflow: visible;
  }
  .h2-offer-cars article {
    width: auto;
    height: 198px;
    min-width: 0;
    padding: 7px 5px 7px;
    border-radius: 8px;
  }
  .h2-offer-car__head {
    min-height: 93px;
    display: flex;
    flex-direction: column-reverse;
    justify-content: flex-end;
  }
  .h2-offer-car__head > div {
    position: relative;
    z-index: 1;
    padding: 0;
  }
  .h2-offer-car__head b { font-size: 15px; }
  .h2-offer-car__head small {
    min-height: 18px;
    margin-top: 1px;
    font-size: 6px;
    line-height: 1.15;
  }
  .h2-offer-car__head img {
    width: 100%;
    height: 61px;
    margin: 0 0 3px;
  }
  .h2-offer-cars article > i {
    top: 6px;
    right: 5px;
    padding: 3px 5px;
    font-size: 6px;
  }
  .h2-offer-cars article > span {
    margin-top: 3px;
    font-size: 6.3px;
    line-height: 1.18;
  }
  .h2-offer-cars article > button {
    display: none;
  }
  .h2-offer-cars__dots {
    height: 8px;
    display: flex !important;
    justify-content: center;
    gap: 5px;
    margin: 2px 0;
  }
  .h2-offer-cars__dots i {
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background: #c3cedd;
  }
  .h2-offer-cars__dots i:first-child {
    width: 18px;
    border-radius: 4px;
    background: #1265e7;
  }
  .h2-offer-cars__note {
    margin: 0;
    text-align: center;
    font-size: 7px;
  }
  .h2-offer-tools {
    grid-template-columns: 1fr;
    gap: 9px;
    margin-top: 9px;
  }
  .h2-offer-tools > section {
    height: auto;
    padding: 14px;
    border-radius: 11px;
  }
  .h2-offer-tools h3 { font-size: 17px; }
  .h2-offer-tools p { font-size: 10px; }
  .h2-loan__fields {
    grid-template-columns: 1.15fr .95fr .72fr 1.2fr;
    gap: 5px;
    margin-top: 10px;
  }
  .h2-loan__fields strong {
    grid-column: auto;
    min-height: 49px;
    padding: 5px 7px;
  }
  .h2-loan__fields label { font-size: 7px; }
  .h2-loan__fields input,
  .h2-loan__fields select {
    height: 31px;
    padding-inline: 5px;
    font-size: 8px;
  }
  .h2-loan__fields strong b { font-size: 12px; }
  .h2-loan__benefits {
    grid-template-columns: repeat(3, 1fr) 1.15fr;
    gap: 4px;
  }
  .h2-loan__benefits > span {
    min-height: 45px;
    align-items: flex-start;
  }
  .h2-loan__benefits button {
    grid-column: auto;
    min-height: 39px;
  }
  .h2-gifts > div {
    grid-template-columns: repeat(4, 1fr);
    gap: 4px;
    margin-top: 11px;
  }
  .h2-gifts article {
    height: 75px;
    display: block;
    padding: 5px;
    text-align: center;
  }
  .h2-gifts article .vf-home-icon {
    width: 29px;
    height: 29px;
    margin: 0 auto 3px;
  }
  .h2-gifts article > img {
    width: 40px;
    height: 29px;
  }
  .h2-gifts article span,
  .h2-gifts article b { font-size: 7px; }
  .h2-gifts > button {
    width: 100%;
    min-height: 39px;
  }
  .h2-offers__contact { display: none; }
}

/* VF8 All New version cards: preserve the two-card mockup composition. */
@media (min-width: 768px) {
  .h2-vf8__versions > article {
    box-sizing: border-box;
    height: 234px;
    min-height: 234px;
    max-height: 234px;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 16px 10px 6px;
    overflow: hidden;
    background:
      radial-gradient(circle at 50% 108%, rgba(181, 207, 242, .25), transparent 48%),
      rgba(255, 255, 255, .97);
  }
  .h2-vf8__versions > article h3 {
    margin: 0 0 5px;
    font-size: clamp(13px, .92vw, 16px);
    line-height: 1.15;
    letter-spacing: -.01em;
    white-space: nowrap;
  }
  .h2-vf8__versions > article small { display: none; }
  .h2-vf8__versions > article strong {
    margin: 0;
    font-size: clamp(19px, 1.35vw, 23px);
    line-height: 1.1;
    letter-spacing: -.035em;
    white-space: nowrap;
  }
  .h2-vf8__versions > article em {
    margin-left: 2px;
    font-size: 10px;
    letter-spacing: 0;
  }
  .h2-vf8__versions > article button {
    min-width: 108px;
    min-height: 31px;
    margin: 8px auto 0;
    padding: 0 18px;
    border-radius: 7px;
    font-size: 10px;
    line-height: 1;
    flex: 0 0 auto;
  }
  .h2-vf8__versions > article img {
    width: 112%;
    max-width: none;
    height: 108px;
    margin: auto -6% -7px;
    object-fit: contain;
    object-position: center bottom;
    filter: drop-shadow(0 8px 8px rgba(8, 37, 78, .13));
    flex: 0 0 auto;
  }
}

@media (max-width: 767px) {
  .h2-vf8__versions > article {
    box-sizing: border-box;
    height: 188px;
    min-height: 188px;
    max-height: 188px;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 11px 5px 4px;
    overflow: hidden;
    background:
      radial-gradient(circle at 50% 108%, rgba(181, 207, 242, .24), transparent 50%),
      rgba(255, 255, 255, .97);
  }
  .h2-vf8__versions > article h3 {
    margin: 0 0 4px;
    font-size: 11px;
    line-height: 1.15;
    letter-spacing: -.015em;
    white-space: nowrap;
  }
  .h2-vf8__versions > article small { display: none; }
  .h2-vf8__versions > article strong {
    margin: 0;
    font-size: 14px;
    line-height: 1.08;
    letter-spacing: -.035em;
    white-space: nowrap;
  }
  .h2-vf8__versions > article em {
    font-size: 7px;
    letter-spacing: 0;
  }
  .h2-vf8__versions > article button {
    min-width: 88px;
    min-height: 27px;
    margin: 7px auto 0;
    padding: 0 11px;
    border-radius: 6px;
    font-size: 8px;
    line-height: 1;
    flex: 0 0 auto;
  }
  .h2-vf8__versions > article img {
    width: 116%;
    max-width: none;
    height: 82px;
    margin: auto -8% -6px;
    object-fit: contain;
    object-position: center bottom;
    filter: drop-shadow(0 6px 6px rgba(8, 37, 78, .13));
    flex: 0 0 auto;
  }
}

@media (max-width: 380px) {
  .h2-vf8__versions > article {
    height: 178px;
    min-height: 178px;
    max-height: 178px;
  }
  .h2-vf8__versions > article h3 { font-size: 10px; }
  .h2-vf8__versions > article strong { font-size: 13px; }
  .h2-vf8__versions > article img { height: 75px; }
}

.h2-charge__trust {
  display: none;
}

/*
 * Canonical desktop layout system.
 * Full-bleed section artwork remains viewport-wide while every content block
 * shares one centered 1440px alignment axis from Full HD through 4K.
 */
@media (min-width: 768px) {
  .h2-shell,
  .h2-models > .h2-shell,
  .h2-urban .h2-shell,
  .h2-family .h2-shell,
  .h2-vf8 .h2-shell,
  .h2-charge > .h2-shell,
  .h2-offers > .h2-shell,
  .h2-green > .h2-shell,
  .h2-service .h2-shell,
  .h2-showroom .h2-shell {
    width: var(--h2-container-width);
    max-width: var(--h2-container-max);
    margin-inline: auto;
  }

  .h2-header {
    width: 1920px;
    max-width: 1800px;
    left: 50%;
    right: auto;
    transform: translateX(-50%);
  }

  .h2-hero__copy {
    width: var(--h2-container-width);
    max-width: var(--h2-container-max);
    margin-inline: auto;
  }

  .h2-hero__utilities {
    width: var(--h2-container-width);
    max-width: var(--h2-container-max);
    left: 50%;
    right: auto;
    transform: translateX(-50%);
  }

  .h2-models .h2-heading,
  .h2-filters {
    margin-left: clamp(0px, 2vw, 28px);
  }

  .h2-urban__hero {
    margin-left: clamp(0px, 3vw, 44px);
  }

  .h2-family__hero,
  .h2-family-trust {
    margin-left: clamp(0px, 4vw, 58px);
  }

  .h2-family-trust {
    width: min(100%, 560px);
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: clamp(12px, 1.4vw, 20px);
  }

  .h2-vf8__hero {
    padding-left: clamp(28px, 5vw, 72px);
  }

  .h2-charge .h2-heading {
    padding-left: clamp(24px, 4vw, 58px);
  }

  .h2-charge__trust {
    position: absolute;
    z-index: 3;
    top: 250px;
    left: clamp(24px, 4vw, 58px);
    width: min(40%, 430px);
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    color: var(--h2-navy);
  }

  .h2-charge__trust article {
    min-width: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 3px;
    padding: 0 10px;
    border-right: 1px solid rgba(8, 42, 100, .17);
    text-align: center;
  }

  .h2-charge__trust article:last-child {
    border-right: 0;
  }

  .h2-charge__trust .vf-home-icon {
    width: 34px;
    height: 34px;
    margin-bottom: 3px;
  }

  .h2-charge__trust b,
  .h2-charge__trust span {
    display: block;
    font-size: 11px;
    line-height: 1.15;
  }

  .h2-charge__trust b {
    font-weight: 750;
  }

  .h2-urban-grid,
  .h2-lifestyle,
  .h2-urban-benefits,
  .h2-family-panels,
  .h2-family-bottom {
    width: 100%;
    max-width: 100%;
    margin-inline: auto;
  }

  .h2-offers__hero {
    left: clamp(0px, 2.4vw, 34px);
    width: min(48%, 685px);
    max-width: 685px;
  }

  .h2-green__heading {
    left: clamp(0px, .5vw, 6px);
    width: min(48%, 680px);
    max-width: 680px;
  }

  .h2-green__trust {
    left: clamp(0px, .5vw, 6px);
    width: min(48%, 690px);
    max-width: 690px;
  }

  .h2-service__trust {
    width: min(100%, 690px);
    max-width: 690px;
  }

  .h2-showroom__trust {
    width: min(100%, 710px);
    max-width: 710px;
  }
}

/* Larger lifestyle selector on wide desktop screens. */
@media (min-width:1500px) {
  .h2-lifestyle {
    width: min(calc(100vw - 88px),1980px);
    max-width: none;
    height: 184px;
    grid-template-columns: 192px repeat(4,minmax(0,1fr));
    gap: 18px;
    margin-top: 24px;
    margin-left: 50%;
    transform: translateX(-50%);
  }

  .h2-lifestyle > h3 {
    align-self: stretch;
    display: flex;
    align-items: center;
    height: 184px;
    min-height: 184px;
    padding: 22px 20px 22px 30px;
    border-radius: 20px;
    font-size: 31px;
    line-height: 1.08;
  }

  .h2-lifestyle article {
    height: 184px;
    min-height: 184px;
    padding: 29px 170px 20px 25px;
    border-radius: 20px;
    background-position: right center;
    background-size: cover;
    box-shadow: 0 16px 34px rgba(18,58,100,.11);
  }

  .h2-lifestyle article b {
    font-size: 19px;
    line-height: 1.1;
  }

  .h2-lifestyle article span {
    margin: 13px 0 21px;
    font-size: 16px;
    line-height: 1.2;
  }

  .h2-lifestyle article strong {
    font-size: 24px;
    line-height: 1;
  }
}