/* S4 (audit port 2026-10-13): Swiper JS was 8.0.3 against Swiper 12.1.2 CSS; JS aligned to 12.1.2.
   Swiper 11+ auto-injects its own <svg class="swiper-navigation-icon"> into every
   .swiper-button-next/.swiper-button-prev, which drew a blue chevron over this design's custom
   arrows. Hide only the injected icon (same fix as schalkautomotive Entry 25). */
.swiper-button-next .swiper-navigation-icon,
.swiper-button-prev .swiper-navigation-icon {
	display: none !important;
}

/* PageSpeed (2026-10-13): /aanbod and /verkocht load their cars by AJAX after the page is shown.
   While only the "Een moment graag..." loader is in the list, reserve a screen of height so the
   footer does not start in view and then jump down when the cars arrive (CLS 0.6 on mobile). */
#product_content_area.vk-reserve:not(:has(> :not(.loading_more_data, .load_more_record))),
#sold_content_area.vk-reserve:not(:has(> :not(.loading_more_sold))) { min-height: max(100vh, 1200px); } /* CLS: reserve space while only loader(s) are present */
/* PageSpeed (CLS): photos carry width/height attributes only to reserve space; :where() has zero specificity, so any existing height rule still wins */
:where(img.w-100[width][height]) { height: auto; }

/* ===== BEGIN heading-as (EXAM 3.4 line 7) — generated, re-run DOCUMENT/tools/gen-heading-as.js ===== */
/* GENERATED by DOCUMENT/tools/gen-heading-as.js — do not edit by hand. Heading tags h1 with the look of h2/h3/h6. */
/* from bootstrap.min.css */
:is(h1,p,span):where(.vk-as-h2),
:is(h1,p,span):where(.vk-as-h3),
:is(h1,p,span):where(.vk-as-h6) { margin-top:0;margin-bottom:.5rem;font-weight:500;line-height:1.2;color:var(--bs-heading-color) }
:is(h1,p,span):where(.vk-as-h2) { font-size:calc(1.325rem + .9vw) }
@media (min-width:1200px) {
  :is(h1,p,span):where(.vk-as-h2) { font-size:2rem }
}
:is(h1,p,span):where(.vk-as-h3) { font-size:calc(1.3rem + .6vw) }
@media (min-width:1200px) {
  :is(h1,p,span):where(.vk-as-h3) { font-size:1.75rem }
}
:is(h1,p,span):where(.vk-as-h6) { font-size:1rem }
/* from common-class.css */
:is(h1,p,span):where(.vk-as-h2),
:is(h1,p,span):where(.vk-as-h3),
:is(h1,p,span):where(.vk-as-h6) { margin: 0px; }
:is(h1,p,span):where(.vk-as-h2) { color: #fff; font-family: 'LamaSans-SemiBold', 'LamaSans-SemiBold Fallback'; font-size: 5rem; line-height: 58px; }
:is(h1,p,span):where(.vk-as-h3) { color: #fff; font-family: 'LamaSans-SemiBold', 'LamaSans-SemiBold Fallback'; font-size: 3.2rem; line-height: 32px; }
:is(h1,p,span):where(.vk-as-h6) { color: #fff; font-family: 'LamaSans-Medium', 'LamaSans-Medium Fallback'; font-size: 1.6rem; line-height: normal; }
/* from style.css */
.side-menu-contact-dtls :is(h1,p,span):where(.vk-as-h6) { color: rgba(0, 0, 0, 0.70); letter-spacing: 0.8px; font-family: 'LamaSans-Regular', 'LamaSans-Regular Fallback'; margin-bottom: 8px; font-size: 1.6rem; }
.each-product-model :is(h1,p,span):where(.vk-as-h3) { font-size: 4rem; font-family: 'LamaSans-Bold', 'LamaSans-Bold Fallback'; line-height: 40px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; }
.each-product-model :is(h1,p,span):where(.vk-as-h6) { color: rgba(255, 255, 255, 0.80); font-family: 'LamaSans-Regular', 'LamaSans-Regular Fallback'; line-height: 24px; margin-top: 16px; }
.each-product-spec :is(h1,p,span):where(.vk-as-h6) { color: rgba(255, 255, 255, 0.53); font-family: 'LamaSans-Regular', 'LamaSans-Regular Fallback'; margin-bottom: 4px; }
.service-thumb :is(h1,p,span):where(.vk-as-h6) { position: absolute; left: 16px; top: 32px; color: #fff; font-family: 'LamaSans-Regular', 'LamaSans-Regular Fallback'; font-size: 1.4rem; line-height: 22px; writing-mode: vertical-rl; display: none; }
.each-service-info-text :is(h1,p,span):where(.vk-as-h3) { color:  #7A5B3F; }
.why-us-reach-text :is(h1,p,span):where(.vk-as-h3) { color:  #7A5B3F; font-family: 'LamaSans-Bold', 'LamaSans-Bold Fallback'; margin-bottom: 24px; }
.why-us-right :is(h1,p,span):where(.vk-as-h3) { line-height: 40px; margin: 0; }
.each-footer-info :is(h1,p,span):where(.vk-as-h6) { font-family: 'LamaSans-Bold', 'LamaSans-Bold Fallback'; margin-bottom: 8px; }
.each-list-txt :is(h1,p,span):where(.vk-as-h3) { transition: all 0.5s; -webkit-transition: all 0.5s; line-height: 40px; }
.diensten-dtl-top-info :is(h1,p,span):where(.vk-as-h6) { font-family: 'LamaSans-Bold', 'LamaSans-Bold Fallback'; color: rgba(255, 255, 255, 0.80); line-height: 24px; margin-bottom: 20px; margin-top: 55px; }
.diensten-dtl-mid td :is(h1,p,span):where(.vk-as-h3) { text-align: center; margin: 38px 0 25px; font-family: 'LamaSans-Regular', 'LamaSans-Regular Fallback'; line-height: 40px; }
.form-title :is(h1,p,span):where(.vk-as-h2) { font-family: 'LamaSans-Regular', 'LamaSans-Regular Fallback'; font-size: 4.8rem; line-height: 56px; margin-bottom: 15px; }
.each-form-contact :is(h1,p,span):where(.vk-as-h6) { transition: all 0.5s; -webkit-transition: all 0.5s; font-family: 'LamaSans-Regular', 'LamaSans-Regular Fallback'; color: #F2F0EF; line-height: 24px; }
.each-form-left:hover :is(h1,p,span):where(.vk-as-h6) { color:  #7A5B3F; }
.vacature-dtl-mid td :is(h1,p,span):where(.vk-as-h3) { text-align: left; }
.over-ons-right-content :is(h1,p,span):where(.vk-as-h6) { color:  #7A5B3F; font-family: 'LamaSans-Regular', 'LamaSans-Regular Fallback'; line-height: 24px; margin-bottom: 16px; }
.over-ons-left-content :is(h1,p,span):where(.vk-as-h2) { font-size: 4.8rem; line-height: 56px; font-family: 'LamaSans-Bold', 'LamaSans-Bold Fallback'; margin-bottom: 25px; }
.over-ons-team-info :is(h1,p,span):where(.vk-as-h3) { font-family: 'LamaSans-Regular', 'LamaSans-Regular Fallback'; line-height: 40px; margin-bottom: 2px; }
.over-ons-team-info :is(h1,p,span):where(.vk-as-h6) { font-family: 'LamaSans-Light', 'LamaSans-Light Fallback'; }
.aanbod-top-info-left :is(h1,p,span):where(.vk-as-h3) { font-size: 4rem; line-height: 40px; margin-bottom: 15px; font-family: 'LamaSans-Bold', 'LamaSans-Bold Fallback'; }
.aanbod-top-info-right strong :is(h1,p,span):where(.vk-as-h6),
.aanbod-top-info-right em :is(h1,p,span):where(.vk-as-h6) { color: rgba(255, 255, 255, 0.80); font-family: 'LamaSans-Regular', 'LamaSans-Regular Fallback'; line-height: 24px; }
.aanbod-top-info-left :is(h1,p,span):where(.vk-as-h6) { font-family: 'LamaSans-Regular', 'LamaSans-Regular Fallback'; line-height: 24px; color: rgba(255, 255, 255, 0.80); }
.each-small-car-last-info :is(h1,p,span):where(.vk-as-h6) { line-height: 24px; font-family: 'LamaSans-Regular', 'LamaSans-Regular Fallback'; }
.each-aanbod-dtl-content-part :is(h1,p,span):where(.vk-as-h6) { font-family: 'LamaSans-Regular', 'LamaSans-Regular Fallback'; color: rgba(255, 255, 255, 0.53); margin-bottom: 8px; }
.aanbod-dtl-car-info-title :is(h1,p,span):where(.vk-as-h3) { font-family: 'LamaSans-Regular', 'LamaSans-Regular Fallback'; color: #D9D9D9; margin: 12px 0 6px; }
.left-bg-block :is(h1,p,span):where(.vk-as-h6) { line-height: 20px; font-size: 1.6rem; text-transform: none; color: #FFFFFF; }
.tab-popup-area :is(h1,p,span):where(.vk-as-h3) { line-height: normal; margin-bottom: 20px; font-size: 2.8rem; color: #fff; }
.aanbod-product-grid .each-product-model :is(h1,p,span):where(.vk-as-h3) { font-size: 2.4rem; line-height: 32px; }
.aanbod-heading-sec :is(h1,p,span):where(.vk-as-h6) { line-height: 24px; margin-top: 8px; }
.filter-sort :is(h1,p,span):where(.vk-as-h6) { margin-right: 10px; color: #fff; font-family: 'LamaSans-Bold', 'LamaSans-Bold Fallback'; text-transform: none; letter-spacing: normal; font-size: 2.4rem; margin-top: -15px; }
.mob-filter-visible :is(h1,p,span):where(.vk-as-h6) { color: #fff; }
.modal-area .popup-content :is(h1,p,span):where(.vk-as-h3) { font-size: 4rem; line-height: 65px; }
.verkocht-top :is(h1,p,span):where(.vk-as-h6) { line-height: 24px; margin-top: 10px; }
.star_icon :is(h1,p,span):where(.vk-as-h3) { margin: 40px 0 30px; }
.bullet-panel :is(h1,p,span):where(.vk-as-h3) { margin-bottom: 30px; }
@media(max-width: 767.98px) {
  .widget-mobile :is(h1,p,span):where(.vk-as-h6) span { font-size: 1.45rem; cursor: pointer; font-weight: 600; padding-right: 2.5rem; color: #fff; margin-right: .75rem; }
  .widget-mobile :is(h1,p,span):where(.vk-as-h6) span:after { background: url(../images/arw-color.svg) no-repeat center/ contain; right: 0; }
  .widget-mobile :is(h1,p,span):where(.vk-as-h6) span:not(.active):after { filter: brightness(0) invert(1); -webkit-filter: brightness(0) invert(1); }
  .widget-mobile :is(h1,p,span):where(.vk-as-h6) span.active { color: #FF7100; }
  .widget-mobile :is(h1,p,span):where(.vk-as-h6) span.active:after { transform: translateY(-50%) rotate(-90deg); }
}
.footer-info :is(h1,p,span):where(.vk-as-h6) { font-family: 'LamaSans-Medium', 'LamaSans-Medium Fallback'; }
@media (max-width: 991.98px) {
  .why-us-left .why-us-reach-text :is(h1,p,span):where(.vk-as-h3) { font-size: 32px; line-height: 38px; margin-bottom: 16px; }
  .why-us-right :is(h1,p,span):where(.vk-as-h3) { font-size: 32px; line-height: 32px; }
}
@media (min-width: 992px) {
  .aanbod-list-heading .search_records_desktop :is(h1,p,span):where(.vk-as-h6) { font-family: 'LamaSans-Regular', 'LamaSans-Regular Fallback'; font-size: 16px; line-height: 24px; color: #fff; margin: 8px 0 0; }
  .aanbod-product-grid .each-product-model :is(h1,p,span):where(.vk-as-h3) { font-size: 24px; line-height: 24px; -webkit-line-clamp: 1; }
  .aanbod-product-grid .each-product-model :is(h1,p,span):where(.vk-as-h6) { font-size: 16px; line-height: 24px; margin: 10px 0 0; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; }
  .aanbod-product-grid .each-product-spec :is(h1,p,span):where(.vk-as-h6) { font-size: 16px; line-height: 20px; margin: 0; color: rgba(255, 255, 255, 0.53); font-family: 'LamaSans-Regular', 'LamaSans-Regular Fallback'; }
  .aanbod-list-row .each-product-model :is(h1,p,span):where(.vk-as-h3) { font-size: 40px; line-height: 40px; -webkit-line-clamp: 1; }
  .aanbod-list-row .each-product-model :is(h1,p,span):where(.vk-as-h6) { font-size: 16px; line-height: 24px; margin-top: 16px; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; }
  .aanbod-list-row .each-product-spec :is(h1,p,span):where(.vk-as-h6) { font-size: 16px; line-height: 24px; margin: 0; color: rgba(255, 255, 255, 0.53); font-family: 'LamaSans-Regular', 'LamaSans-Regular Fallback'; }
}
@media (max-width: 991.98px) {
  .page-aanbod .aanbod-product-grid .each-product-model :is(h1,p,span):where(.vk-as-h3) { margin: 0; font-family: 'LamaSans-Bold', 'LamaSans-Bold Fallback'; font-size: 16px; line-height: 24px; color: #fff; display: block; overflow: visible; -webkit-line-clamp: none; }
  .page-aanbod .aanbod-product-grid .each-product-model :is(h1,p,span):where(.vk-as-h6) { margin: 6px 0 0; font-family: 'LamaSans-Regular', 'LamaSans-Regular Fallback'; font-size: 14px; line-height: 22px; color: rgba(255, 255, 255, 0.8); display: block; overflow: visible; -webkit-line-clamp: none; }
  .page-aanbod .aanbod-product-grid .product-spec-text :is(h1,p,span):where(.vk-as-h6) { margin: 0; font-family: 'LamaSans-Regular', 'LamaSans-Regular Fallback'; font-size: 14px; line-height: 17px; color: rgba(255, 255, 255, 0.53); }
}
@media (min-width: 992px) {
  body.page-aanbod-detail .aanbod-top-info-left :is(h1,p,span):where(.vk-as-h3) { font-size: 40px; line-height: 40px; margin: 0 0 16px; }
  body.page-aanbod-detail .aanbod-top-info-left :is(h1,p,span):where(.vk-as-h6) { font-size: 16px; line-height: 24px; margin: 0; }
  body.page-aanbod-detail .aanbod-top-info-right :is(h1,p,span):where(.vk-as-h6) { font-size: 16px; line-height: 24px; margin: 0; white-space: nowrap; }
  body.page-aanbod-detail .each-small-car-last-info :is(h1,p,span):where(.vk-as-h6) { font-size: 16px; line-height: 24px; margin: 0; }
  body.page-aanbod-detail .each-aanbod-dtl-content-part :is(h1,p,span):where(.vk-as-h6) { font-size: 16px; line-height: 20px; margin: 0 0 8px; }
  body.page-aanbod-detail .form-title :is(h1,p,span):where(.vk-as-h2) { font-family: 'LamaSans-SemiBold', 'LamaSans-SemiBold Fallback'; font-size: 50px; line-height: 58px; margin-bottom: 8px; }
  body.page-aanbod-detail .related-car-title :is(h1,p,span):where(.vk-as-h2) { font-size: 50px; line-height: 58px; margin: 0; }
}
@media (max-width: 991.98px) {
  body.page-aanbod-detail .aanbod-top-info-left :is(h1,p,span):where(.vk-as-h3) { font-size: 24px; line-height: 32px; margin: 0 0 10px; }
  body.page-aanbod-detail .aanbod-top-info-left :is(h1,p,span):where(.vk-as-h6) { font-size: 14px; line-height: 23px; margin: 0; }
  body.page-aanbod-detail .aanbod-top-info-right strong :is(h1,p,span):where(.vk-as-h6),
  body.page-aanbod-detail .aanbod-top-info-right em :is(h1,p,span):where(.vk-as-h6) { font-size: 14px; line-height: 22px; }
  body.page-aanbod-detail .aanbod-dtl-car-info-title :is(h1,p,span):where(.vk-as-h3) { font-family: 'LamaSans-SemiBold', 'LamaSans-SemiBold Fallback'; font-size: 24px; line-height: 32px; }
  body.page-aanbod-detail .form-title :is(h1,p,span):where(.vk-as-h2) { font-family: 'LamaSans-SemiBold', 'LamaSans-SemiBold Fallback'; font-size: 32px; line-height: 40px; margin-bottom: 14px; }
  body.page-aanbod-detail .each-form-contact :is(h1,p,span):where(.vk-as-h6) { font-size: 14px; line-height: 22px; }
}
@media (min-width: 992px) {
  body.page-diensten .each-list-txt :is(h1,p,span):where(.vk-as-h3) { font-size: 32px; line-height: 40px; margin: 0; color: #fff; }
}
@media (max-width: 991.98px) {
  body.page-diensten .each-list-txt :is(h1,p,span):where(.vk-as-h3) { font-size: 24px; line-height: 32px; margin: 0 0 24px; color:  #7A5B3F; }
}
@media (min-width: 992px) {
  body.page-diensten-detail .diensten-dtl-mid td :is(h1,p,span):where(.vk-as-h3) { font-family: 'LamaSans-SemiBold', 'LamaSans-SemiBold Fallback'; font-size: 32px; line-height: 40px; margin: 39px 0 24px; min-height: 80px; display: flex; align-items: flex-start; justify-content: center; }
  body.page-diensten-detail .form-title :is(h1,p,span):where(.vk-as-h2) { font-family: 'LamaSans-SemiBold', 'LamaSans-SemiBold Fallback'; font-size: 50px; line-height: 58px; margin: 0 0 14px; }
  body.page-diensten-detail .dtl-slider-title :is(h1,p,span):where(.vk-as-h2) { font-size: 50px; line-height: 58px; margin: 0; font-family: 'LamaSans-SemiBold', 'LamaSans-SemiBold Fallback'; }
  body.page-diensten-detail .dtl-slider .each-list-txt :is(h1,p,span):where(.vk-as-h3) { font-size: 32px; line-height: 40px; margin: 0; color: #fff; }
}
@media (max-width: 991.98px) {
  body.page-diensten-detail .diensten-dtl-mid td :is(h1,p,span):where(.vk-as-h3) { font-size: 28px; line-height: 36px; margin: 32px 0 16px; min-height: 0; display: block; text-align: center; }
  body.page-diensten-detail .form-sec :is(h1,p,span):where(.vk-as-h2) { font-size: 36px; line-height: 44px; }
  body.page-diensten-detail .dtl-slider-title :is(h1,p,span):where(.vk-as-h2) { font-size: 32px; line-height: 40px; margin: 0; }
  body.page-diensten-detail .dtl-slider .each-list-txt :is(h1,p,span):where(.vk-as-h3) { font-size: 28px; line-height: 36px; margin: 0; color: #fff; }
}
@media (min-width: 992px) {
  body.page-werkplaats-detail .diensten-dtl-mid td :is(h1,p,span):where(.vk-as-h3) { min-height: 0; }
}
@media (min-width: 992px) {
  body.page-contact .form-title :is(h1,p,span):where(.vk-as-h2) { font-family: 'LamaSans-SemiBold', 'LamaSans-SemiBold Fallback'; font-size: 50px; line-height: 58px; margin: 0 0 14px; }
}
@media (max-width: 991.98px) {
  body.page-contact .form-title :is(h1,p,span):where(.vk-as-h2) { font-family: 'LamaSans-SemiBold', 'LamaSans-SemiBold Fallback'; font-size: 32px; line-height: 40px; margin: 0 0 14px; }
  body.page-contact .each-form-contact :is(h1,p,span):where(.vk-as-h6) { font-size: 14px; line-height: 22px; }
}
.modal-area .popup-content :is(h1,p,span):where(.vk-as-h3) { font-family: 'LamaSans-Bold', 'LamaSans-Bold Fallback'; font-size: 40px; line-height: 40px; margin: 24px 0 56px; }
/* from form-popup.css */
.modal-area2 .popup-left-content :is(h1,p,span):where(.vk-as-h2) { font-size: 2.5rem; font-weight: 700; line-height: 32px; letter-spacing: 0.64px; margin-bottom: 12px; text-transform: none; color: #181818; }
.modal-area2 .popup-left-content :is(h1,p,span):where(.vk-as-h6) { line-height: 25.28px; letter-spacing: 0.32px; }
.modal-area2 .popup-left-content :is(h1,p,span):where(.vk-as-h6) { color: rgba(16, 16, 16, 0.50); }
.modal-area2 .popup-left-content :is(h1,p,span):where(.vk-as-h6) { margin-bottom: 40px; }
.modal-area2 .popup-right :is(h1,p,span):where(.vk-as-h2) { font-size: 2.5rem; font-weight: 700; line-height: 50px; letter-spacing: 0.64px; margin-bottom: 12px; text-transform: none; color: #101010; }
/* from error_style.css */
.error-contact :is(h1,p,span):where(.vk-as-h6) { line-height: 24px; color: #fff; margin-left: 20px; margin-bottom: 27px; font-size: 1.6rem; font-weight: 700; }
.error-contact :is(h1,p,span):where(.vk-as-h6) { font-family: 'LamaSans-Bold', 'LamaSans-Bold Fallback'; }
/* from responsive.css */
@media(max-width: 1599.98px) {
  :is(h1,p,span):where(.vk-as-h2) { font-size: 4rem; line-height: 48px; }
  :is(h1,p,span):where(.vk-as-h3) { font-size: 2.4rem; }
  .each-product-model :is(h1,p,span):where(.vk-as-h3) { font-size: 3.5rem; }
  .diensten-dtl-top-info :is(h1,p,span):where(.vk-as-h6) { margin-top: 40px; }
  .form-title :is(h1,p,span):where(.vk-as-h2) { font-size: 4rem; line-height: 48px; }
  .over-ons-left-content :is(h1,p,span):where(.vk-as-h2) { font-size: 4rem; line-height: 48px; }
  .aanbod-top-info-left :is(h1,p,span):where(.vk-as-h3) { font-size: 3.2rem; line-height: 32px; }
  .filter-sort :is(h1,p,span):where(.vk-as-h6) { font-size: 2rem; }
  .modal-area .popup-content :is(h1,p,span):where(.vk-as-h3) { font-size: 2.4rem; line-height: 32px; }
}
@media(max-width: 1399.98px) {
  .each-product-model :is(h1,p,span):where(.vk-as-h3) { font-size: 3rem; }
  .each-product-model :is(h1,p,span):where(.vk-as-h6) { margin-top: 8px; }
  .diensten-dtl-top-info :is(h1,p,span):where(.vk-as-h6) { margin-top: 25px; }
  .aanbod-top-info-left :is(h1,p,span):where(.vk-as-h3) { font-size: 2.4rem; }
  .aanbod-product-grid .each-product-spec :is(h1,p,span):where(.vk-as-h6) { font-size: 1.5rem; }
  .filter-sort :is(h1,p,span):where(.vk-as-h6) { font-size: 1.8rem; }
}
@media(max-width: 1199.98px) {
  .diensten-dtl-mid td :is(h1,p,span):where(.vk-as-h3) { margin: 28px 0 20px; }
}
@media(max-width: 991.98px) {
  .service-thumb :is(h1,p,span):where(.vk-as-h6) { display: block; }
  .why-us-reach-text :is(h1,p,span):where(.vk-as-h3) { font-size: 3.2rem; }
  .each-list-txt :is(h1,p,span):where(.vk-as-h3) { color:  #7A5B3F; }
  .diensten-dtl-top-info :is(h1,p,span):where(.vk-as-h6) { margin-top: 20px; margin-bottom: 10px; }
  .over-ons-left-content :is(h1,p,span):where(.vk-as-h2) { font-size: 3rem; line-height: 38px; }
  .filter-sort :is(h1,p,span):where(.vk-as-h6) { margin-top: 0px; }
  .mobile-filter-close :is(h1,p,span):where(.vk-as-h6) { color: #fff; font-size: 1.6rem; }
  .filter-sort :is(h1,p,span):where(.vk-as-h6) { color: #fff; min-width: 100px; }
  .modal-area .popup-content :is(h1,p,span):where(.vk-as-h3) { color: #FFFFFF; }
}
@media(max-width: 767.98px) {
  :is(h1,p,span):where(.vk-as-h2) { font-size: 3.2rem; line-height: 40px; }
  :is(h1,p,span):where(.vk-as-h6) { font-size: 1.4rem; }
  .each-product-model :is(h1,p,span):where(.vk-as-h3) { font-size: 1.6rem; line-height: 24px; }
  .why-us-right :is(h1,p,span):where(.vk-as-h3) { line-height: 24px; }
  .each-footer-info :is(h1,p,span):where(.vk-as-h6) { font-size: 2.4rem; line-height: 32px; }
  .diensten-dtl-top-info :is(h1,p,span):where(.vk-as-h6) { margin-top: 14px; }
  .diensten-dtl-mid td :is(h1,p,span):where(.vk-as-h3) { margin: 20px 0 12px; }
  .form-title :is(h1,p,span):where(.vk-as-h2) { font-size: 3.2rem; line-height: 40px; }
  .each-form-contact :is(h1,p,span):where(.vk-as-h6) { line-height: 22px; }
  .dtl-slider-title :is(h1,p,span):where(.vk-as-h2) { font-size: 2.4rem; line-height: normal; }
  .over-ons-left-content :is(h1,p,span):where(.vk-as-h2) { font-size: 2.4rem; line-height: normal; margin-bottom: 15px; }
  .over-ons-right-content :is(h1,p,span):where(.vk-as-h6) { margin-bottom: 8px; }
  .over-ons-team-info :is(h1,p,span):where(.vk-as-h3) { line-height: 32px; letter-spacing: 0.24px; }
  .over-ons-team-title :is(h1,p,span):where(.vk-as-h2) { font-size: 2.4rem; line-height: normal; }
  .aanbod-top-info-left :is(h1,p,span):where(.vk-as-h6) { line-height: 23px; }
  .aanbod-top-info-right strong :is(h1,p,span):where(.vk-as-h6),
  .aanbod-top-info-right em :is(h1,p,span):where(.vk-as-h6) { line-height: 22px; }
  .aanbod-top-info-left :is(h1,p,span):where(.vk-as-h3) { margin-bottom: 10px; }
  .left-bg-block :is(h1,p,span):where(.vk-as-h6) { font-size: 1.4rem; }
  .tab-popup-area :is(h1,p,span):where(.vk-as-h3) { font-size: 2.4rem; margin-bottom: 10px; }
  .aanbod-product-grid .each-product-model :is(h1,p,span):where(.vk-as-h3) { font-size: 1.6rem; line-height: 24px; }
  .each-product-model :is(h1,p,span):where(.vk-as-h6) { line-height: 22px; }
  .aanbod-product-grid .each-product-spec :is(h1,p,span):where(.vk-as-h6) { font-size: 1.4rem; }
  .aanbod-heading-sec :is(h1,p,span):where(.vk-as-h6) { margin-top: 4px; }
  .filter-sort :is(h1,p,span):where(.vk-as-h6) { font-size: 1.4rem; }
}
@media(max-width: 429.98px) {
  :is(h1,p,span):where(.vk-as-h2) { font-size: 3rem; line-height: 37px; }
  .each-product-spec :is(h1,p,span):where(.vk-as-h6) { font-size: 1.2rem; }
  .why-us-reach-text :is(h1,p,span):where(.vk-as-h3) { font-size: 2.4rem; }
  .form-title :is(h1,p,span):where(.vk-as-h2) { font-size: 3rem; line-height: 37px; margin-bottom: 10px; }
  .aanbod-top-info-left :is(h1,p,span):where(.vk-as-h3) { font-size: 2.2rem; margin-bottom: 5px; }
  .each-aanbod-dtl-content-part :is(h1,p,span):where(.vk-as-h6) { margin-bottom: 6px; }
  .aanbod-product-grid .each-product-spec :is(h1,p,span):where(.vk-as-h6) { font-size: 1.3rem; }
}
@media (max-width: 991.98px) {
  .modal-area .popup-content :is(h1,p,span):where(.vk-as-h3) { font-family: 'LamaSans-SemiBold', 'LamaSans-SemiBold Fallback'; color: #03151A; font-size: 24px; line-height: 32px; margin: 0 0 8px; }
}
/* from form-popup-responsive.css */
@media(max-width: 1599.98px) {
  .modal-area2 .popup-left-content :is(h1,p,span):where(.vk-as-h2),
  .modal-area2 .popup-right :is(h1,p,span):where(.vk-as-h2) { line-height: 30px; }
}
@media(max-width: 1399.98px) {
  .modal-area2 .popup-left-content :is(h1,p,span):where(.vk-as-h2),
  .modal-area2 .popup-right :is(h1,p,span):where(.vk-as-h2) { line-height: 27px; }
}
@media(max-width: 767.98px) {
  .modal-area2 .popup-left-content :is(h1,p,span):where(.vk-as-h2),
  .modal-area2 .popup-right :is(h1,p,span):where(.vk-as-h2) { line-height: 27px; font-size: 2rem; }
}
/* from event-popup.css */
.event-popup-area .popup-content :is(h1,p,span):where(.vk-as-h2) { color: #fff; font-size: 4.8rem; line-height: 56px; }
.event-popup-light .modal-content :is(h1,p,span):where(.vk-as-h2) { color: #0C1217; }
.event-popup-dark .modal-content :is(h1,p,span):where(.vk-as-h2) { color: #fff; }
@media (max-width: 1599.98px) {
  .event-popup-area .popup-content :is(h1,p,span):where(.vk-as-h2) { font-size: 3.8rem; line-height: 45px; }
}
@media(max-width: 767.98px) {
  .event-popup-area .popup-content :is(h1,p,span):where(.vk-as-h2) { font-size: 3.2rem; line-height: 40px; }
}
/* from cookie_style.css */
.cmn-cookie-info :is(h1,p,span):where(.vk-as-h6) { font-weight: 500; font-style: normal; font-size: 1.8rem; font-family: "Inter", "Inter Fallback", sans-serif; line-height: 1.2; letter-spacing: 0.16px; }
.cookie :is(h1,p,span):where(.vk-as-h6) { padding-right: 40px; }
.light-theme :is(h1,p,span):where(.vk-as-h6) { color: #000; }
.dark-theme :is(h1,p,span):where(.vk-as-h6) { color: #fff; }
@media(max-width: 767.98px) {
  .cookie :is(h1,p,span):where(.vk-as-h6) { padding-right: 0; }
}
/* /aanbod: the H1 wraps the count and the label; both keep the block layout of the old <h1>/<h6> pair */
.vk-aanbod-h1 > .vk-aanbod-count,
.vk-aanbod-h1 > .vk-as-h6 { display: block; }
/* ===== END heading-as ===== */

/* ===== EXAM 3.5 line 1: no horizontal scroll (fixed Figma pixel widths overflowed below 1920 / 430 px) ===== */
/* Car page desktop: the gallery column is "flex: 0 0 1253px", wider than the container below ~1500 px
   (185 px sideways scroll at 1280, 427 px at 1024). Keep the bleed to the right edge, clip the overflow. */
body.page-aanbod-detail .aanbod-dtl-content { overflow-x: clip; }
/* Car page mobile: the decorative lines (body::before) are drawn 430 px wide (Figma mobile frame), so 360-414 px
   phones could scroll 16-70 px sideways. Cut the invisible part off; what is on screen stays the same. */
@media (max-width: 991.98px) { body.page-aanbod-detail::before { width: min(430px, 100%); } }
/* Diensten / Werkplaats detail: three cards of a fixed 462 px in one row only fit from ~1500 px; below that they
   were cut off on both sides. Let the row wrap there (2 + 1 centred, or stacked); 1500 px+ is unchanged. */


/* Verkocht loader: same look as the Aanbod loader */
.load_sold {
	justify-content: center;
	display: flex;
	column-gap: 30px;
	align-items: center;
	color: #fff;
}

/* Keep the spinner visible in the viewport on both lists */
#product_content_area > .loading_more_data,
#sold_content_area > .loading_more_sold {
	position: absolute;
	left: 50%;
	top: 40px;
	transform: translateX(-50%);
	width: auto;
	max-width: calc(100% - 32px);
	flex: 0 0 auto;
	padding: 14px 24px !important;
	background: rgba(16, 16, 16, .92);
	
	z-index: 9999;
}
@media(max-width:991.98px){
  .verkocht-product-block .product-slider-text{
    height: auto !important;
  }
  body.page-diensten-detail .diensten-dtl-top img{
    border-radius: 10px;
  }
  

}
/* ===== END EXAM 3.5 ===== */


.aanbod-loader {
    width: 45px;
    height: 40px;
    background: linear-gradient(#101010 calc(1*100%/6),#7A5B3F 0 calc(3*100%/6),#101010 0),
              linear-gradient(#101010 calc(2*100%/6),#7A5B3F 0 calc(4*100%/6),#101010 0),
              linear-gradient(#101010 calc(3*100%/6),#7A5B3F 0 calc(5*100%/6),#101010 0);
    background-size: 10px 400%;
    background-repeat: no-repeat;
    animation: matrix 1s infinite linear;
  }
  @keyframes matrix {
    0% {
      background-position: 0% 100%, 50% 100%, 100% 100%
    }
  
    100% {
      background-position: 0% 0%, 50% 0%, 100% 0%
    }
  }
  .load_aanbod{
    justify-content: center;
    display: flex;
    column-gap: 30px;
    align-items: center;
    color: #7A5B3F;
  }
/* Car detail page: empty space after the footer (2026-10-24, Neo Coderz).
   The decorative line in the top banner (.sec-line, position:absolute; bottom:-50%) had no
   positioned parent, so it was placed relative to <body> and ended ~50% of the page height
   below the footer. Anchor it to its own banner, whose overflow:hidden then clips it. */
.aanbod_dtl_banner { position: relative; }

/* ===== Monday 13432919919 (02-11-2026, Neo Coderz): Werkplaats dropdown, approved MI mockup 31-10-2026 =====
   Taken over literally from mockup-vdkaap.nl.html. Placed here (not style.css) because Admin > Website Settings >
   Style CSS rewrites style.css. Rollback: delete this block up to END Monday 13432919919. */
/* ===== mi- Werkplaats dropdown (desktop, .header-nav) ===== */
.header-nav li.mi-has-dd{position:relative}
.header-nav li.mi-has-dd>a{display:inline-flex;align-items:center;gap:6px}
.mi-chev{width:10px;height:10px;transition:transform .25s ease;opacity:.8}
.header-nav li.mi-has-dd:hover .mi-chev,.header-nav li.mi-has-dd:focus-within .mi-chev{transform:rotate(180deg)}
.mi-dd{position:absolute;top:100%;left:50%;transform:translate(-50%,6px);padding-top:28px;min-width:250px;opacity:0;visibility:hidden;transition:opacity .2s ease,transform .2s ease,visibility .2s;z-index:100}
.header-nav li.mi-has-dd:hover .mi-dd,.header-nav li.mi-has-dd:focus-within .mi-dd{opacity:1;visibility:visible;transform:translate(-50%,0)}
.mi-dd ul{list-style:none;margin:0;padding:8px;display:flex!important;flex-direction:column;gap:2px!important;background:rgba(28,28,28,.9);border:1px solid rgba(255,255,255,.2);border-radius:14px;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:0 18px 40px rgba(0,0,0,.45)}
.mi-dd li{margin:0}
.mi-dd a{display:flex!important;align-items:center;justify-content:space-between;gap:16px;padding:11px 14px;border-radius:8px;font-family:LamaSans-Medium,"LamaSans-Medium Fallback",sans-serif;font-size:15px;color:#fff;white-space:nowrap;text-decoration:none;transition:background .2s ease}
.mi-dd a::after{content:"";width:6px;height:6px;border-right:1.5px solid currentColor;border-top:1.5px solid currentColor;transform:rotate(45deg);opacity:0;transition:opacity .2s ease}
.mi-dd a:hover,.mi-dd a:focus-visible{background:rgba(255,255,255,.08)}
.mi-dd a:hover::after,.mi-dd a:focus-visible::after{opacity:1}
.mi-dd a[aria-current="page"]{background:rgb(139,60,43)}
.mi-dd a[aria-current="page"]::after{opacity:1}
/* ===== mi- Werkplaats submenu (mobile, .side-main-menu) ===== */
.side-main-menu li.mi-has-sub{position:relative;padding-right:56px}
.mi-sub-toggle{position:absolute;top:-2px;right:0;display:grid;place-items:center;width:40px;height:40px;padding:0;border:1px solid rgba(0,0,0,.15);border-radius:50%;background:transparent;color:#000;cursor:pointer}
.mi-sub-toggle svg{width:14px;height:14px;transition:transform .25s ease}
.mi-sub-toggle[aria-expanded="true"] svg{transform:rotate(180deg)}
.side-main-menu ul.mi-sub{list-style:none;margin:14px 0 4px;padding:0 0 0 14px;border-left:2px solid rgb(139,60,43)}
.side-main-menu ul.mi-sub[hidden]{display:none}
.side-main-menu ul.mi-sub li{margin:0 0 4px}
.side-main-menu ul.mi-sub a{display:block;padding:7px 0;font-family:LamaSans-Medium,"LamaSans-Medium Fallback",sans-serif;font-size:18px;line-height:1.3;color:#333;text-decoration:none}
.side-main-menu ul.mi-sub a[aria-current="page"]{color:rgb(139,60,43)}
/* ===== END Monday 13432919919 ===== */