/* Approved 27.10.2026: shorter orientation, one car comparison, five action chapters.
 * Load after the existing home/actions/mobile-first styles. No new design system,
 * assets, animation, storage or third-party requests. */
body.home .elementor-995 .wm-approved-home-hero .wm-approved-home-lead p {
  max-width: 620px;
  text-wrap: pretty;
}

/* The comparison is one native outer section with two native inner sections. */
body.home .elementor-995 .wm-approved-auto-comparison > .elementor-container > .elementor-column {
  width: 100% !important;
  min-width: 0;
}
body.home .elementor-995 .wm-approved-auto-comparison .wm-approved-auto-cards {
  width: 100%;
  margin: 20px 0 0 !important;
  padding: 0 !important;
}
body.home .elementor-995 .wm-approved-auto-comparison .wm-approved-auto-cards > .elementor-container {
  display: grid !important;
  grid-template-columns: repeat(3,minmax(0,1fr));
  gap: 18px;
  max-width: none;
}
body.home .elementor-995 .wm-approved-auto-comparison .wm-approved-auto-cards .fw-path-card {
  width: 100% !important;
  min-width: 0;
}
body.home .elementor-995 .wm-approved-auto-comparison .wm-approved-auto-cards .fw-path-card > .elementor-widget-wrap {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  height: 100%;
  padding: 24px !important;
  align-content: flex-start;
}
body.home .elementor-995 .wm-approved-auto-cards .elementor-widget-heading h3 {
  font-size: clamp(21px,1.8vw,25px) !important;
  line-height: 1.25 !important;
  text-transform: none !important;
  letter-spacing: -.025em !important;
}
body.home .elementor-995 .wm-approved-auto-cards .wm-approved-class-code { white-space: nowrap; }
body.home .elementor-995 .wm-approved-auto-cards .fw-link { margin-top: auto; padding-top: 12px; }
body.home .elementor-995 .wm-approved-auto-comparison .wm-approved-finder-row {
  margin: 18px 0 0 !important;
  padding: 22px 0 0 !important;
  border-top: 1px solid #d1e0e7;
}
body.home .elementor-995 .wm-approved-auto-comparison .wm-approved-finder-row > .elementor-container {
  display: grid !important;
  grid-template-columns: minmax(0,1fr) auto;
  gap: 24px;
  align-items: center;
}
body.home .elementor-995 .wm-approved-finder-row > .elementor-container > .elementor-column {
  width: 100% !important;
  min-width: 0;
}
body.home .elementor-995 .wm-approved-finder-row .elementor-widget-wrap { padding: 0 !important; }
body.home .elementor-995 .wm-approved-finder-row p { margin: 0; font-size: 15px; line-height: 1.6; }
body.home .elementor-995 .wm-approved-finder-row .fw-small p { font-size: 12px; margin-top: 8px; }
body.home .elementor-995 .wm-approved-finder-row .elementor-widget { margin-bottom: 0; }

/* Keep the offer overview in the same semantic order as the landing: offer,
 * learning, packages, calculation, start. Desktop can show prices alongside. */
body.page-id-5656 .elementor-5656 .wm-approved-hub-offer > .elementor-container {
  grid-template-columns: minmax(0,1.15fr) minmax(0,1fr) !important;
  gap: 20px 52px !important;
  align-items: start;
}
body.page-id-5656 .wm-approved-hub-offer .wm-offer-heading { grid-column: 1; grid-row: 1; }
body.page-id-5656 .wm-approved-hub-offer .wm-offer-details { grid-column: 1; grid-row: 2; }
body.page-id-5656 .wm-approved-hub-offer .wm-offer-prices { grid-column: 2; grid-row: 1 / span 2; }
body.page-id-5656 .wm-approved-hub-offer .wm-offer-prices .elementor-widget-button { margin-top: 6px; }
body.page-id-5656 .wm-approved-hub-offer .wm-offer-prices p { font-size: 14px !important; line-height: 1.65 !important; }
body.page-id-5836 .wm-approved-training .elementor-widget-text-editor p { text-wrap: pretty; }

@media(max-width:767px) {
  /* Override the old video-first ordering in both audience modes. Existing
   * audience [hidden] rules continue to decide which copy is visible. */
  body.home .elementor-995 .fw-entry-hero.wm-approved-home-hero[data-audience] > .elementor-container {
    display: flex !important;
    flex-direction: column;
    gap: 0 !important;
  }
  body.home .elementor-995 .fw-entry-hero.wm-approved-home-hero[data-audience] .fw-entry-copy,
  body.home .elementor-995 .fw-entry-hero.wm-approved-home-hero[data-audience] .fw-entry-copy > .elementor-widget-wrap {
    display: contents !important;
  }
  body.home .elementor-995 .fw-entry-hero.wm-approved-home-hero[data-audience] .fw-entry-copy > .elementor-widget-wrap > .elementor-widget {
    width: 100%;
    order: 4;
    margin-bottom: 12px !important;
  }
  body.home .elementor-995 .fw-entry-hero.wm-approved-home-hero[data-audience] .fw-entry-copy .fw-eyebrow { order: 1; }
  body.home .elementor-995 .fw-entry-hero.wm-approved-home-hero[data-audience] .fw-entry-copy .fw-audience-control { order: 2; }
  body.home .elementor-995 .fw-entry-hero.wm-approved-home-hero[data-audience] .fw-entry-copy .fw-home-main-title { order: 3; }
  body.home .elementor-995 .fw-entry-hero.wm-approved-home-hero[data-audience] .fw-entry-copy .wm-approved-home-lead { order: 4; }
  body.home .elementor-995 .fw-entry-hero.wm-approved-home-hero[data-audience] .fw-entry-copy .wm-approved-home-consult { order: 5; }
  body.home .elementor-995 .fw-entry-hero.wm-approved-home-hero[data-audience] .fw-entry-copy .wm-approved-home-register { order: 6; }
  body.home .elementor-995 .fw-entry-hero.wm-approved-home-hero[data-audience] .fw-entry-photo { order: 7; margin: 8px 0 22px; width: 100%; }
  body.home .elementor-995 .fw-entry-hero.wm-approved-home-hero[data-audience] .fw-home-proof { order: 8; width: 100%; }
  body.home .elementor-995 .wm-approved-home-hero .wm-approved-home-lead p { font-size: 16px; line-height: 1.6; }
  body.home .elementor-995 .wm-approved-home-hero .elementor-widget-button .elementor-button { width: 100%; min-height: 48px; }
  body.home .elementor-995 .wm-approved-auto-comparison .wm-approved-auto-cards > .elementor-container { grid-template-columns: minmax(0,1fr); gap: 14px; }
  body.home .elementor-995 .wm-approved-auto-comparison .wm-approved-auto-cards .fw-path-card > .elementor-widget-wrap { padding: 23px !important; }
  body.home .elementor-995 .wm-approved-auto-comparison .wm-approved-finder-row > .elementor-container { grid-template-columns: minmax(0,1fr); gap: 14px; }
  body.home .elementor-995 .wm-approved-finder-row .elementor-button { width: 100%; }
  body.page-id-5656 .elementor-5656 .wm-approved-hub-offer > .elementor-container { grid-template-columns: minmax(0,1fr) !important; gap: 18px !important; }
  body.page-id-5656 .wm-approved-hub-offer :is(.wm-offer-heading,.wm-offer-details,.wm-offer-prices) { grid-column: auto; grid-row: auto; }
}