@import url("https://fonts.googleapis.com/css2?family=Saira+Condensed:wght@300;400;500;600;700;900&display=swap");

/* VB-Airsuspension design system — tokens (from tokens.json) */
:root {
  --vb-blue: #0075bf;
  --vb-blue-dark: #00568c;
  --vb-blue-bright: #0085d9;
  --vb-blue-light: #3390cb;
  --ink: #000000;
  --white: #ffffff;
  --grey-050: #f7f7f7;
  --grey-100: #ededed;
  --grey-200: #d4d4d4;
  --grey-300: #d0d0d0;
  --grey-400: #bfbfbf;
  --grey-600: #6a6a6a;
  --input-ink: #495057;
  --signal-red: #db001b;
  --check-green: #62ba69;
  --focus-ring: var(--vb-blue-dark);
  --space-5: 5px;
  --space-10: 10px;
  --space-15: 15px;
  --space-25: 25px;
  --space-30: 30px;
  --space-40: 40px;
  --space-60: 60px;
  --space-70: 70px;
  --radius-none: 0px;
  --radius-sm: 4px;
  --radius-md: 5px;
  --radius-round: 50%;
  --container-max: 1170px;
  --header-height: 66px;
  --hero-height: 650px;
  --hero-height-page: 718px;
  --title-anchor-overlap: -53px;
  --article-max: 760px;
  --font-sans: "Saira Condensed", "Arial Narrow", sans-serif;
}

/* VB-Airsuspension design system — components (bundle.css) */
body { margin: 0; font-family: var(--font-sans); font-size: 20px; line-height: 32px; font-weight: 300; color: var(--ink); background: var(--white); }

/* Button */
.vba-btn { position: relative; display: inline-block; white-space: nowrap; box-sizing: border-box; font-family: var(--font-sans); font-size: 20px; line-height: 28px; font-weight: 600; text-align: center; text-decoration: none; padding: 9px var(--space-40) 9px var(--space-15); background-color: var(--vb-blue); border: 2px solid var(--vb-blue); border-radius: var(--radius-md); color: var(--white); cursor: pointer; }
.vba-btn::after { content: ""; position: absolute; right: 13px; top: 50%; margin-top: -6px; width: 14px; height: 12px; background: no-repeat 50% url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='12' viewBox='0 0 14 12'%3E%3Cpath fill='%23fff' d='M13.7,5.2L9.1,0.4c-0.4-0.5-1.1-0.5-1.6,0C7,0.8,7,1.5,7.4,2l2.7,2.8H1.1C0.5,4.9,0,5.4,0,6s0.5,1.2,1.1,1.2h9L7.5,10c-0.4,0.5-0.4,1.2,0,1.7c0.4,0.4,1.1,0.4,1.5,0l4.6-4.8C13.9,6.7,14,6.4,14,6.1C14,5.7,13.9,5.4,13.7,5.2z'/%3E%3C/svg%3E"); }
.vba-btn:hover, .vba-btn:focus-visible { background-color: var(--vb-blue-dark); border-color: var(--vb-blue-dark); color: var(--white); }
.vba-btn:focus-visible { outline: 2px solid var(--focus-ring); outline-offset: 2px; }
.vba-btn--border { background-color: transparent; color: var(--vb-blue); }
.vba-btn--border::after { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='12' viewBox='0 0 14 12'%3E%3Cpath fill='%230075bf' d='M13.7,5.2L9.1,0.4c-0.4-0.5-1.1-0.5-1.6,0C7,0.8,7,1.5,7.4,2l2.7,2.8H1.1C0.5,4.9,0,5.4,0,6s0.5,1.2,1.1,1.2h9L7.5,10c-0.4,0.5-0.4,1.2,0,1.7c0.4,0.4,1.1,0.4,1.5,0l4.6-4.8C13.9,6.7,14,6.4,14,6.1C14,5.7,13.9,5.4,13.7,5.2z'/%3E%3C/svg%3E"); }
.vba-btn--border:hover, .vba-btn--border:focus-visible { background-color: transparent; color: var(--vb-blue-dark); }
.vba-btn--white { background-color: var(--white); border-color: var(--white); color: var(--ink); }
.vba-btn--white::after { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='12' viewBox='0 0 14 12'%3E%3Cpath fill='%23000' d='M13.7,5.2L9.1,0.4c-0.4-0.5-1.1-0.5-1.6,0C7,0.8,7,1.5,7.4,2l2.7,2.8H1.1C0.5,4.9,0,5.4,0,6s0.5,1.2,1.1,1.2h9L7.5,10c-0.4,0.5-0.4,1.2,0,1.7c0.4,0.4,1.1,0.4,1.5,0l4.6-4.8C13.9,6.7,14,6.4,14,6.1C14,5.7,13.9,5.4,13.7,5.2z'/%3E%3C/svg%3E"); }
.vba-btn--white:hover, .vba-btn--white:focus-visible { background-color: var(--vb-blue); border-color: var(--vb-blue); color: var(--white); text-decoration: underline; }
.vba-btn--white:hover::after, .vba-btn--white:focus-visible::after { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='12' viewBox='0 0 14 12'%3E%3Cpath fill='%23fff' d='M13.7,5.2L9.1,0.4c-0.4-0.5-1.1-0.5-1.6,0C7,0.8,7,1.5,7.4,2l2.7,2.8H1.1C0.5,4.9,0,5.4,0,6s0.5,1.2,1.1,1.2h9L7.5,10c-0.4,0.5-0.4,1.2,0,1.7c0.4,0.4,1.1,0.4,1.5,0l4.6-4.8C13.9,6.7,14,6.4,14,6.1C14,5.7,13.9,5.4,13.7,5.2z'/%3E%3C/svg%3E"); }
.vba-btn--small { padding: 4px var(--space-15); }
.vba-btn--small::after, .vba-btn--no-arrow::after { display: none; }
.vba-btn--no-arrow { padding-right: var(--space-15); }

/* Button: inverse (white on blue bands, blue label), black (title anchor), big */
.vba-btn--inverse { background-color: var(--white); border-color: var(--white); color: var(--vb-blue); }
.vba-btn--inverse::after { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='12' viewBox='0 0 14 12'%3E%3Cpath fill='%230075bf' d='M13.7,5.2L9.1,0.4c-0.4-0.5-1.1-0.5-1.6,0C7,0.8,7,1.5,7.4,2l2.7,2.8H1.1C0.5,4.9,0,5.4,0,6s0.5,1.2,1.1,1.2h9L7.5,10c-0.4,0.5-0.4,1.2,0,1.7c0.4,0.4,1.1,0.4,1.5,0l4.6-4.8C13.9,6.7,14,6.4,14,6.1C14,5.7,13.9,5.4,13.7,5.2z'/%3E%3C/svg%3E"); }
.vba-btn--inverse:hover, .vba-btn--inverse:focus-visible { background-color: var(--white); border-color: var(--white); color: var(--vb-blue-dark); text-decoration: underline; }
.vba-btn--inverse:focus-visible { outline-color: var(--white); }
.vba-btn--black { background-color: var(--ink); border-color: var(--ink); color: var(--white); border-radius: var(--radius-none); font-size: 28px; line-height: 36px; padding: 9px var(--space-70) 9px var(--space-30); }
.vba-btn--black::after { width: 25px; height: 22px; margin-top: -11px; right: 22px; background-size: 25px 22px; }
.vba-btn--black:hover, .vba-btn--black:focus-visible { background-color: var(--ink); border-color: var(--ink); color: var(--white); text-decoration: underline; }
.vba-btn--big { font-size: 26px; line-height: 34px; font-weight: 900; padding: 11px 50px; }
.vba-btn--big::after { display: none; }

/* Tag */
.vba-tags { display: flex; flex-wrap: wrap; gap: 5px; margin: 0; padding: 0; list-style: none; }
.vba-tag { display: inline-block; background-color: var(--grey-100); border-radius: var(--radius-md); color: var(--ink); font-size: 16px; font-weight: 300; line-height: 20px; padding: 6px var(--space-10); text-decoration: none; cursor: pointer; border: 0; font-family: var(--font-sans); }
.vba-tag:hover, .vba-tag:focus-visible { background-color: var(--grey-200); color: var(--ink); }
.vba-tag.is-active { background-color: var(--vb-blue); color: var(--white); }
.vba-tag.is-active:hover, .vba-tag.is-active:focus-visible { background-color: var(--vb-blue-dark); }
.vba-tag--small { background-color: var(--grey-600); color: var(--white); font-size: 14px; }
.vba-tag:focus-visible { outline: 2px solid var(--focus-ring); outline-offset: 2px; }

/* SearchInput */
.vba-search { position: relative; display: block; max-width: 420px; }
.vba-input { display: block; width: 100%; box-sizing: border-box; height: 44px; background-color: var(--grey-050); border: 0 solid var(--grey-100); border-radius: var(--radius-sm); color: var(--input-ink); font-family: var(--font-sans); font-size: 18px; font-weight: 400; padding: 9px 55px 9px var(--space-15); }
.vba-input::placeholder { color: var(--input-ink); }
.vba-input:focus { outline: 2px solid var(--focus-ring); outline-offset: 0; }
.vba-input.has-error { box-shadow: inset 0 0 0 1px var(--signal-red); }
.vba-search__btn { position: absolute; right: 0; top: 0; width: 40px; height: 44px; border: 0; padding: 0; background: transparent no-repeat 50% url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 19.816 19.816'%3E%3Cpath d='M337.1,329.808a.853.853,0,0,1-.609-.252l-5.63-5.63-.362.259a7.748,7.748,0,0,1-4.527,1.45,7.821,7.821,0,1,1,7.821-7.821,7.75,7.75,0,0,1-1.45,4.527l-.259.362,5.629,5.628a.866.866,0,0,1-.612,1.478Zm-11.129-18.085a6.09,6.09,0,1,0,6.091,6.09A6.1,6.1,0,0,0,325.972,311.723Z' transform='translate(-318.151 -309.992)' fill='%230075bf'/%3E%3C/svg%3E"); cursor: pointer; }
.vba-search__btn:focus-visible { outline: 2px solid var(--focus-ring); }
.vba-error { color: var(--signal-red); font-size: 14px; line-height: 22px; margin-top: 4px; }

/* SectionTitle */
.vba-title { margin: 0; font-family: var(--font-sans); font-size: 40px; line-height: 44px; font-weight: 900; text-transform: uppercase; color: var(--vb-blue); }
.vba-title .special { color: var(--ink); }
.vba-title--on-blue { color: var(--white); }
.vba-title--on-blue .special { color: var(--white); }

/* UspList */
.vba-usps { background: var(--vb-blue); color: var(--white); padding: var(--space-60) var(--space-15) var(--space-30); text-align: center; }
.vba-usps__title { margin: 0 auto var(--space-30); max-width: var(--container-max); font-size: 40px; line-height: 44px; font-weight: 900; }
.vba-usps__list { display: flex; flex-wrap: wrap; justify-content: center; margin: 0; padding: 0; list-style: none; max-width: var(--container-max); margin: 0 auto; }
.vba-usps__item { flex: 0 0 25%; max-width: 25%; display: flex; flex-direction: column; align-items: center; margin: 0 0 var(--space-15); }
.vba-usps__item img { width: 72px; height: 72px; }
.vba-usps__item p { margin: var(--space-10) 0 0; font-size: 20px; line-height: 32px; font-weight: 300; }

/* HighlightCard */
.vba-highlight { position: relative; width: 367px; max-width: 100%; padding-bottom: 30px; }
.vba-highlight__image { display: block; width: 100%; height: 220px; object-fit: cover; background: var(--grey-200); }
.vba-highlight .vba-btn { position: absolute; right: 0; bottom: 0; }

/* Header */
.vba-header { display: flex; align-items: center; gap: var(--space-30); height: var(--header-height); background: var(--vb-blue); padding: 0 var(--space-15); box-sizing: border-box; }
.vba-header__logo { display: block; height: 44px; width: auto; }
.vba-header__nav { display: flex; gap: var(--space-10); margin: 0; padding: 0; list-style: none; }
.vba-header__nav a { position: relative; display: block; color: var(--white); font-size: 18px; line-height: 24px; font-weight: 700; padding: 6px var(--space-5); text-decoration: none; white-space: nowrap; }
.vba-header__nav a::before { content: ""; position: absolute; left: 50%; right: 50%; bottom: -16px; height: 2px; background: var(--white); opacity: 0; transition: left .3s, right .3s; }
.vba-header__nav a:hover::before, .vba-header__nav a:focus-visible::before, .vba-header__nav a.is-active::before { left: 0; right: 0; opacity: 1; }
.vba-header__nav a:focus-visible { outline: 2px solid var(--white); }
.vba-header__actions { margin-left: auto; display: flex; gap: var(--space-10); align-items: center; }
.vba-counter { position: absolute; right: -6px; top: -6px; width: 16px; height: 16px; border-radius: var(--radius-round); background: var(--signal-red); color: var(--white); font-size: 11px; line-height: 16px; font-weight: 400; text-align: center; }

/* Footer */
.vba-footer { background: var(--vb-blue-light); color: var(--white); }
.vba-footer__top { padding: var(--space-60) var(--space-15) var(--space-30); text-align: center; }
.vba-footer__title { margin: 0 0 var(--space-30); font-size: 32px; line-height: 36px; font-weight: 900; text-transform: uppercase; }
.vba-social { display: flex; justify-content: center; gap: var(--space-15); margin: 0; padding: 0; list-style: none; }
.vba-social a { display: flex; align-items: center; justify-content: center; width: 40px; height: 40px; box-sizing: border-box; border: 2px solid var(--white); border-radius: var(--radius-round); }
.vba-social a:hover { background: var(--vb-blue); }
.vba-social a:focus-visible { outline: 2px solid var(--white); outline-offset: 2px; }
.vba-social img { width: 20px; height: 20px; }
.vba-footer__bottom { background: var(--vb-blue); padding: 8px var(--space-15); display: flex; gap: var(--space-15); justify-content: center; }
.vba-footer__bottom a { color: var(--white); font-size: 14px; line-height: 24px; text-decoration: none; }
.vba-footer__bottom a:hover { text-decoration: underline; }

.vba-row { display: flex; flex-wrap: wrap; gap: var(--space-15); align-items: center; padding: var(--space-15); }
.vba-row--blue { background: var(--vb-blue); }

/* Subnav */
.vba-subnav { background: var(--vb-blue-light); padding: 0 5px; }
.vba-subnav ul { display: flex; flex-wrap: wrap; margin: 0; padding: 0; list-style: none; }
.vba-subnav li { margin: 20px 10px 20px 0; padding: 0 10px 0 0; border-right: 1px solid var(--white); }
.vba-subnav li:last-child { border-right: 0; }
.vba-subnav a { color: var(--white); font-size: 18px; line-height: 22px; font-weight: 700; text-decoration: none; }
.vba-subnav a:hover, .vba-subnav a:focus-visible, .vba-subnav a.is-active { text-decoration: underline; }

/* SideNav */
.vba-sidenav { display: flex; flex-direction: column; align-items: flex-end; gap: 5px; }
.vba-sidenav--fixed { position: fixed; right: 0; top: 50%; transform: translateY(-50%); z-index: 50; }
.vba-sidenav a { position: relative; display: block; min-width: 203px; white-space: nowrap; box-sizing: border-box; background: var(--ink); color: var(--white); font-size: 16px; line-height: 32px; font-weight: 600; padding: 4px var(--space-15) 4px 50px; border-radius: var(--radius-md) 0 0 var(--radius-md); text-decoration: none; }
.vba-sidenav a:hover, .vba-sidenav a:focus-visible { text-decoration: underline; }
.vba-sidenav img { position: absolute; left: 15px; top: 50%; width: 24px; height: 24px; margin-top: -12px; }

/* Hero + TitleAnchor */
.vba-hero { position: relative; }
.vba-hero__image { display: block; width: 100%; height: var(--hero-height-page); object-fit: cover; background: var(--grey-200); }
.vba-title-anchor { position: relative; z-index: 9; display: flex; align-items: stretch; max-width: var(--container-max); margin: var(--title-anchor-overlap) auto 0; padding: 0 var(--space-15); box-sizing: border-box; }
.vba-title-anchor__title { flex: 1 1 auto; background: var(--vb-blue); padding: var(--space-25) var(--space-30); }
.vba-title-anchor__title h1 { margin: 0; color: var(--white); font-size: 48px; line-height: 52px; font-weight: 900; text-transform: uppercase; }
.vba-title-anchor__actions { display: flex; }
.vba-title-anchor__actions .vba-btn { display: flex; align-items: center; }

/* Band + ContentBlock + RichText */
.vba-band { padding: var(--space-60) 0 var(--space-30); }
.vba-band--grey { background: var(--grey-100); }
.vba-band--blue { background: var(--vb-blue); color: var(--white); }
.vba-wrapper { max-width: var(--container-max); margin: 0 auto; padding: 0 var(--space-15); box-sizing: border-box; }
.vba-content__title { padding: 0 var(--space-30); margin-bottom: var(--space-30); }
.vba-content__cols { display: flex; flex-wrap: wrap; }
.vba-content__cols > .vba-richtext { flex: 1 1 50%; min-width: 280px; box-sizing: border-box; padding: 0 var(--space-30); }
.vba-content--narrow { max-width: var(--article-max); }
.vba-content--narrow .vba-content__title, .vba-content--narrow .vba-richtext { padding: 0; }
.vba-richtext { font-size: 20px; line-height: 32px; font-weight: 300; }
.vba-richtext p { margin: 0 0 var(--space-30); }
.vba-richtext strong { font-weight: 600; }
.vba-richtext h2 { margin: 0 0 var(--space-30); color: var(--vb-blue); font-size: 40px; line-height: 44px; font-weight: 900; text-transform: uppercase; }
.vba-band--blue .vba-richtext h2 { color: var(--white); }
.vba-richtext ul { margin: 0 0 var(--space-30); padding: 0; list-style: none; }
.vba-richtext li { position: relative; padding-left: 30px; font-weight: 400; }
.vba-richtext li::before { content: ""; position: absolute; left: 0; top: 8px; width: 18px; height: 18px; background: var(--vb-blue) no-repeat 50% url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15' height='15' viewBox='0 0 50 50'%3E%3Cline fill='none' stroke='%23fff' stroke-width='4' x1='9' x2='41' y1='25' y2='25'/%3E%3Cline fill='none' stroke='%23fff' stroke-width='4' x1='25' x2='25' y1='9' y2='41'/%3E%3C/svg%3E"); }
.vba-band--blue .vba-richtext li::before { background-color: var(--ink); }
.vba-richtext a:not(.vba-btn) { color: var(--vb-blue); text-decoration: underline; }
.vba-band--blue .vba-richtext a:not(.vba-btn) { color: var(--white); }

/* FeatureSplit */
.vba-feature { display: flex; align-items: flex-start; }
.vba-feature--reverse { flex-direction: row-reverse; }
.vba-feature__image { flex: 0 0 50%; }
.vba-feature__image img, .vba-feature__image .vba-ph { display: block; width: 100%; height: 100%; min-height: 250px; object-fit: cover; background: var(--grey-200); }
.vba-feature__content { flex: 0 0 50%; box-sizing: border-box; padding: 0 var(--space-60); }
.vba-feature__content .vba-title { margin-bottom: var(--space-30); }
.vba-feature--full { align-items: stretch; min-height: 477px; }
.vba-feature--full .vba-feature__content { padding: var(--space-30) var(--space-60) 0; max-width: 560px; }
.vba-feature--full .vba-feature__image img, .vba-feature--full .vba-feature__image .vba-ph { min-height: 477px; }

/* NewsCard */
.vba-news { display: block; width: 360px; max-width: 100%; margin: 0 0 var(--space-30); color: var(--ink); text-decoration: none; }
.vba-news__image { display: block; width: 100%; height: 220px; object-fit: cover; margin: 0 0 var(--space-30); background: var(--grey-200); }
.vba-news__title { margin: 0 0 var(--space-15); color: var(--vb-blue); font-size: 32px; line-height: 36px; font-weight: 900; text-transform: uppercase; }
.vba-news__date { display: block; margin: -15px 0 var(--space-15); font-size: 16px; line-height: 32px; font-weight: 300; }
.vba-news__excerpt { margin: -15px 0 0; font-size: 20px; line-height: 32px; font-weight: 300; }
.vba-news:hover .vba-news__title, .vba-news:focus-visible .vba-news__title { text-decoration: underline; }

/* Pagination */
.vba-pagination { display: flex; flex-wrap: wrap; justify-content: center; margin: 0; padding: 0; list-style: none; }
.vba-pagination li { margin: 0 5px; }
.vba-pagination a { display: block; box-sizing: border-box; width: 40px; height: 40px; padding: 7px 0; text-align: center; border: 1px solid var(--ink); border-radius: var(--radius-md); color: var(--ink); font-size: 20px; line-height: 26px; font-weight: 300; text-decoration: none; }
.vba-pagination a:hover, .vba-pagination a:focus-visible, .vba-pagination a.is-active { background: var(--vb-blue); border-color: var(--vb-blue); color: var(--white); }
.vba-pagination a.is-control { border: 0; font-size: 0; background: transparent no-repeat 50% url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='20' viewBox='0 0 14 23'%3E%3Cpolygon fill='%23000' points='3.1,23 0,20.3 8.3,11.3 0,2.8 3,0 14,11.2'/%3E%3C/svg%3E"); }
.vba-pagination a.is-prev { transform: rotate(-180deg); }

/* SliderControls */
.vba-slider-controls { display: flex; gap: var(--space-10); }
.vba-slider-controls button { width: 40px; height: 40px; border: 0; padding: 0; font-size: 0; cursor: pointer; background: transparent no-repeat 50% url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='20' viewBox='0 0 14 23'%3E%3Cpolygon fill='%23000' points='3.1,23 0,20.3 8.3,11.3 0,2.8 3,0 14,11.2'/%3E%3C/svg%3E"); }
.vba-slider-controls button.is-prev { transform: rotate(180deg); }
.vba-slider-controls button:disabled { opacity: .5; cursor: default; }
.vba-slider-controls button:focus-visible { outline: 2px solid var(--focus-ring); }

/* Testimonial */
.vba-testimonial { display: flex; flex-wrap: wrap; }
.vba-testimonial__title, .vba-testimonial__content { flex: 1 1 50%; min-width: 280px; box-sizing: border-box; padding: 0 var(--space-60); }
.vba-testimonial__title h2 { margin: 0; color: var(--vb-blue); font-size: 48px; line-height: 52px; font-weight: 900; }
.vba-testimonial__quote { margin: 0; font-size: 20px; line-height: 32px; font-weight: 300; }
.vba-testimonial__author { margin: 0; color: var(--vb-blue); font-size: 16px; line-height: 32px; font-weight: 700; }

/* SpecTable */
.vba-spec { width: 100%; border-collapse: collapse; font-size: 20px; line-height: 32px; font-weight: 300; }
.vba-spec th, .vba-spec td { padding: 5px; border-bottom: 2px solid var(--grey-300); text-align: left; vertical-align: middle; }
.vba-spec th { font-weight: 700; text-transform: uppercase; }
.vba-spec th.vba-spec__title { font-size: 32px; line-height: 36px; font-weight: 900; }
.vba-spec .is-alt { background: var(--grey-100); }
.vba-spec td.is-mark { text-align: center; }
.vba-spec__row { display: flex; align-items: center; gap: 13px; }
.vba-num { display: inline-flex; align-items: center; justify-content: center; width: 25px; height: 25px; background: var(--vb-blue); color: var(--white); font-size: 16px; line-height: 1; font-weight: 700; }
.vba-plus { display: inline-block; width: 23px; height: 23px; vertical-align: middle; background: var(--grey-400) no-repeat 50% url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 50 50'%3E%3Cline fill='none' stroke='%23fff' stroke-width='4' x1='9' x2='41' y1='25' y2='25'/%3E%3Cline fill='none' stroke='%23fff' stroke-width='4' x1='25' x2='25' y1='9' y2='41'/%3E%3C/svg%3E"); }

/* Form */
.vba-form { max-width: 570px; }
.vba-field { margin: 0 0 10px; }
.vba-field__label { display: block; margin: 0 0 10px; font-size: 20px; line-height: 32px; font-weight: 600; }
.vba-control { display: block; width: 100%; box-sizing: border-box; background-color: var(--grey-050); border: 0; border-radius: var(--radius-sm); color: var(--input-ink); font-family: var(--font-sans); font-size: 18px; line-height: 26px; font-weight: 400; padding: 12px var(--space-15); }
.vba-control:focus { outline: 2px solid var(--focus-ring); outline-offset: 0; }
.vba-control.has-error { box-shadow: inset 0 0 0 1px var(--signal-red); }
textarea.vba-control { height: 128px; resize: vertical; }
.vba-select { position: relative; }
.vba-select select { appearance: none; -webkit-appearance: none; padding-right: 35px; cursor: pointer; }
.vba-select::after { content: ""; position: absolute; right: 5px; top: 0; width: 35px; height: 50px; pointer-events: none; background: no-repeat 50% url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22' viewBox='0 0 20 6'%3E%3Cpath fill='%23000' d='M10.6,0.2c0.4-0.3,0.9-0.3,1.2,0.1l0,0c0.3,0.4,0.3,0.9-0.1,1.2l-5,4.3c-0.3,0.3-0.8,0.3-1.1,0L0.3,1.6c-0.4-0.3-0.4-0.9-0.1-1.2C0.5,0,1-0.1,1.4,0.2l0,0L6.1,4L10.6,0.2z'/%3E%3C/svg%3E"); }
.vba-check { position: relative; display: block; margin: 0 0 10px; padding: 0 0 0 25px; font-size: 20px; line-height: 26px; font-weight: 900; cursor: pointer; }
.vba-check input { position: absolute; opacity: 0; width: 17px; height: 17px; left: 0; top: 4px; margin: 0; }
.vba-check i { position: absolute; left: 0; top: 4px; width: 17px; height: 17px; box-sizing: border-box; background: var(--grey-050); border: 1px solid var(--grey-050); border-radius: var(--radius-sm); }
.vba-check--on-white i { border-color: var(--grey-200); }
.vba-check i::before { content: ""; display: none; position: absolute; left: 1px; top: 1px; width: 13px; height: 13px; background: var(--vb-blue); border-radius: var(--radius-sm); }
.vba-check input:checked + i::before { display: block; }
.vba-check input[type=radio] + i, .vba-check input[type=radio] + i::before { border-radius: var(--radius-round); }
.vba-check input:focus-visible + i { outline: 2px solid var(--focus-ring); outline-offset: 2px; }

/* Alert */
.vba-alert { background: var(--vb-blue); color: var(--white); border-radius: var(--radius-md); padding: 7px 12px; font-size: 16px; line-height: 22px; font-weight: 300; }

/* Brand / product tile (vehicle brands carousel) */
.vba-brand { width: 367px; max-width: 100%; }
.vba-brand__image { display: block; width: 100%; height: 100px; object-fit: contain; background: var(--white); }
.vba-brand__name { margin: 0; color: var(--vb-blue); font-size: 22px; line-height: 36px; font-weight: 500; text-transform: uppercase; }

.vba-stack { display: flex; flex-direction: column; gap: var(--space-15); padding: var(--space-15); }

/* Language switch (HU | EN) — intentional addition, styled like the header nav */
.vba-lang { display: flex; align-items: center; }
.vba-lang a { color: var(--white); font-size: 18px; line-height: 24px; font-weight: 700; padding: 6px var(--space-5); text-decoration: none; }
.vba-lang a + a { border-left: 1px solid var(--white); }
.vba-lang a.is-active { text-decoration: underline; text-underline-offset: 4px; }
.vba-lang a:focus-visible { outline: 2px solid var(--white); }

/* Hungarian typesetting: long compounds in condensed uppercase headlines break with hyphens (needs lang="hu" on <html>) */
.vba-title, .vba-title-anchor__title h1, .vba-usps__title, .vba-news__title, .vba-testimonial__title h2, .vba-footer__title, .vba-richtext h2, .vba-spec__title, .vba-spec th, .vba-brand__name {
  -webkit-hyphens: auto; hyphens: auto; overflow-wrap: break-word; hyphenate-limit-chars: 8 4 4;
}
.vba-richtext, .vba-testimonial__quote, .vba-news__excerpt { overflow-wrap: break-word; }
.vba-btn { max-width: 100%; }
.vba-header__nav { flex-wrap: nowrap; min-width: 0; }