/* ============================================================
   BRAND-PATCH.CSS — Nortek24 Marken-Systemhärtung
   Ziel: border-radius:0 durchgängig, keine dekorativen Shadows,
         kein translateY-Hover-Lift, border-left als Akzentmuster.
   Geladen nach allen anderen Stylesheets in Marken-Seiten.
   ============================================================ */

/* ── GEMEINSAME BRAND-HERO (alle Gruppen A–C) ─────────────── */
.brand-hero-logo {
  border-radius: 0 !important;
  box-shadow: none !important;
  border-left: 3px solid var(--orange, #D4621A);
}
.brand-visual {
  border-radius: 0 !important;
}

/* ── PRODUKT-KARTEN (alle Gruppen A–C) ─────────────────────── */
.product-cat-card {
  border-radius: 0 !important;
  border-left: 3px solid rgba(212, 98, 26, 0.25);
  box-shadow: none !important;
  /* Layout-Stress: Mindest-Innabstand damit Text nie Kante berührt */
  padding: 28px 24px;
  min-height: 0;
}
.product-cat-card:hover {
  transform: none !important;
  box-shadow: none !important;
  border-left-color: var(--orange, #D4621A) !important;
  border-color: inherit; /* kein border-color-Sprung auf der Gesamtbox */
}

/* ── BRAND-VISUAL (orange Infobox rechts) ──────────────────── */
.brand-visual {
  border-radius: 0 !important;
  /* Mehr Luft damit Text nicht am Rand klebt */
  padding: 48px 40px;
}
@media (max-width: 768px) {
  .brand-visual { padding: 32px 24px; }
}

/* ── GENERISCHER HIST-BLOCK (bosch, meyle, hella, ate, skf…) ─ */
[class$="-hist-block"],
[class*="-hist-block"] {
  border-radius: 0 !important;
  border-left: 3px solid var(--orange, #D4621A);
  box-shadow: none !important;
  padding: 28px 24px;
}

/* ── STEP-CIRCLES / INQ-STEP CIRCLES ────────────────────────── */
/* Dekorative Schritt-Kreise → quadratisch (kein Spinner) */
.bosch-step-circle,
[class$="-step-circle"],
[class$="-step-num"],
[class*="-step-num"],
[class*="-step-circle"] {
  border-radius: 0 !important;
  box-shadow: none !important;
  /* Kompensation: ohne border-radius braucht der Inhalt etwas mehr Raum */
  width: 48px !important;
  height: 48px !important;
  flex-shrink: 0;
}

/* ── INQ-NOTES (Info-Hinweis unter Schritt-Grid) ────────────── */
[class$="-inq-note"],
[class*="-inq-note"] {
  border-radius: 0 !important;
  border-left: 3px solid var(--orange, #D4621A);
  box-shadow: none !important;
  padding: 18px 22px;
}

/* ── ALLE BUTTONS IN MARKEN-SEITEN ──────────────────────────── */
/* boi-btn, bfc-btn, mi-btn, mfc-btn, mai-btn, mafc-btn,
   hli-btn, hfc-btn, ai-btn, afc-btn, si-btn, sfc-btn,
   fi-btn, ffc-btn, fi-btn, ffc-btn, sai-btn, safc-btn,
   bzk-btn, bfl-btn, bwi-btn, ban-btn, bge-btn, bei-btn, bla-btn,
   und alle --primary, --wa, --ghost Varianten */
[class$="-btn"],
[class*="-btn--"],
[class*="btn-primary"],
[class*="btn-wa"],
[class*="btn-ghost"],
[class*="btn-cta-"],
[class*="btn-hero-"],
.btn-hero-primary,
.btn-hero-secondary,
.btn-hero-whatsapp,
.btn-cta-primary,
.btn-cta-secondary {
  border-radius: 0 !important;
}

/* Hover-Lifts auf Buttons entfernen */
[class$="-btn"]:hover,
[class*="-btn--"]:hover,
.btn-hero-primary:hover,
.btn-hero-secondary:hover,
.btn-hero-whatsapp:hover,
.btn-cta-primary:hover,
.btn-cta-secondary:hover {
  transform: none !important;
  box-shadow: none !important;
}

/* ── FINALE CTA-BLÖCKE ───────────────────────────────────────── */
[class$="-final-cta"],
[class*="-final-cta"] {
  border-radius: 0 !important;
  border-top: 2px solid var(--orange, #D4621A);
}

/* ── MEYLE-SPEZIFISCH ────────────────────────────────────────── */
.meyle-hd-badge,
.meyle-pd-badge {
  border-radius: 0 !important;
  border-left: 3px solid var(--orange, #D4621A);
}
.meyle-hd-card {
  border-radius: 0 !important;
}
.meyle-pd-block,
.meyle-pd-note {
  border-radius: 0 !important;
  border-left: 3px solid rgba(212, 98, 26, 0.3);
  box-shadow: none !important;
}
.meyle-assort-item {
  border-radius: 0 !important;
}

/* ── VARTA-SPEZIFISCH ────────────────────────────────────────── */
.varta-type-card {
  border-radius: 0 !important;
  border-left: 3px solid var(--orange, #D4621A);
  box-shadow: none !important;
  /* Entfernt dekorativen Pseudo-Balken links */
}
.varta-type-card::before {
  border-radius: 0 !important;
}
.type-badge {
  border-radius: 0 !important;
  border-left: 3px solid var(--orange, #D4621A);
  padding: 4px 10px;
}
.step-nr {
  border-radius: 0 !important;
  box-shadow: none !important;
}
.vi-btn {
  border-radius: 0 !important;
  box-shadow: none !important;
}
.vi-note {
  border-radius: 0 !important;
}
.faq-item {
  border-radius: 0 !important;
}
.vd-item {
  border-radius: 0 !important;
  border-top: 3px solid rgba(212, 98, 26, 0.3);
  box-shadow: none !important;
}
.varta-hist-block {
  border-radius: 0 !important;
  border-left: 3px solid var(--orange, #D4621A);
  box-shadow: none !important;
}
.varta-type-card:hover {
  transform: none !important;
  box-shadow: none !important;
}
.vd-item:hover {
  box-shadow: none !important;
}

/* ── ROCKS-SPEZIFISCH ────────────────────────────────────────── */
.rocks-cat-card {
  border-radius: 0 !important;
  border-left: 3px solid rgba(212, 98, 26, 0.25);
  box-shadow: none !important;
}
.rocks-cat-card:hover {
  transform: none !important;
  box-shadow: none !important;
  border-left-color: var(--orange, #D4621A) !important;
}
.rocks-cat-card .rcat-badge {
  border-radius: 0 !important;
  border-left: 3px solid rgba(212, 98, 26, 0.5);
  padding: 3px 8px;
}
.rocks-pos-card {
  border-radius: 0 !important;
}
.rocks-inq-step .step-num {
  border-radius: 0 !important;
  box-shadow: none !important;
}
.rocks-faq-item {
  border-radius: 0 !important;
  border-left: 4px solid var(--orange, #D4621A);
  box-shadow: none !important;
}
.rocks-del-card {
  border-radius: 0 !important;
  border-top: 3px solid rgba(212, 98, 26, 0.35);
  box-shadow: none !important;
}
.rocks-hist-block {
  border-radius: 0 !important;
  border-left: 3px solid var(--orange, #D4621A);
  box-shadow: none !important;
}

/* ── TRUST-ICONS (circle → quadratisch) ─────────────────────── */
/* Continental-Riemen, Mahle-Filter, Hella-Beleuchtung, Febi-Verschleissteile */
[class$="-trust-icon"],
[class*="-trust-icon"] {
  border-radius: 0 !important;
  box-shadow: none !important;
}

/* ── TRUST-ROWS (Karten mit border-radius) ──────────────────── */
[class$="-trust-row"],
[class*="-trust-row"] {
  border-radius: 0 !important;
  border-left: 3px solid rgba(212, 98, 26, 0.25);
  box-shadow: none !important;
}

/* ── INQUIRY-BLÖCKE (Formular-Container) ───────────────────── */
[class$="-inquiry"],
[class*="-inquiry"] {
  border-radius: 0 !important;
  border-left: 3px solid var(--orange, #D4621A);
  box-shadow: none !important;
}

/* ── NOTES (Info-Boxen mit Rundung) ─────────────────────────── */
[class$="-note"],
[class*="-inq-note"] {
  border-radius: 0 !important;
  border-left: 3px solid rgba(212, 98, 26, 0.4);
}

/* ── SCHRITTBALKEN (::before Pseudo-Line) ──────────────────── */
/* Die Verbindungslinie zwischen Steps – bleibt, border-radius nur auf 0 */
[class$="-steps"]::before,
[class*="-steps"]::before,
.bosch-inq-steps::before {
  border-radius: 0 !important;
}

/* ── FCTA-TAG (Pill-Badge in finaler CTA) ───────────────────── */
[class$="-fcta-tag"],
[class*="-fcta-tag"] {
  border-radius: 0 !important;
  border-left: 3px solid var(--orange, #D4621A);
  padding: 5px 12px;
}

/* ── FCTA-BUTTONS (Shadows entfernen) ──────────────────────── */
[class$="-fcta-btn--prim"],
[class$="-fcta-btn--wa"],
[class$="-fcta-btn--ghost"] {
  border-radius: 0 !important;
  box-shadow: none !important;
}

/* ── LAYOUT-INTEGRITY: Karten nie zu schmal ─────────────────── */
/* Verhindert Text-am-Rand bei schmalen Viewports */
.product-cat-card {
  overflow: hidden;
  word-break: break-word;
}
.product-cat-card h3 {
  line-height: 1.35;
  hyphens: auto;
}
.product-cat-card p {
  line-height: 1.6;
}
/* Produktgrid: min-width etwas weiter aufmachen damit Cards nicht kollabieren */
.products-grid {
  grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
}

/* ── LAYOUT-INTEGRITY: Mobile Responsive ────────────────────── */
@media (max-width: 600px) {
  .products-grid {
    grid-template-columns: 1fr 1fr;
    gap: 12px;
  }
  .product-cat-card {
    padding: 18px 14px;
  }
  .brand-stat strong {
    font-size: 1.5rem;
  }
}
@media (max-width: 380px) {
  .products-grid {
    grid-template-columns: 1fr;
  }
}

/* ── LAYOUT-INTEGRITY: Stat-Karten ─────────────────────────── */
.brand-stats {
  flex-wrap: wrap;
  gap: 24px 32px;
}
.brand-stat {
  min-width: 80px;
}

/* ── LAYOUT-INTEGRITY: Hero-Logo-Box ────────────────────────── */
.brand-hero-logo {
  padding: 24px 36px;
  min-width: 160px;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* ============================================================
   LAYOUT-INTEGRITY GLOBAL — alle /marken/-Seiten
   Verhindert Text-Overflow, Card-Crowding, Icon-Fehlausrichtung
   unter realen Produktionstexten.
   ============================================================ */

/* ── TRUST-ROWS: nie zu eng ─────────────────────────────────── */
[class$="-trust-row"],
[class*="-trust-row"],
.sachs-trust-row {
  /* Kein harter min-height — Trust-Items dürfen höher wachsen */
  overflow: visible !important;
}
[class$="-trust-item"],
[class*="-trust-item"],
.sachs-trust-item {
  /* Text-Overflow verhindern, Icons nicht abrollen */
  min-width: 0 !important;
  word-break: break-word;
  hyphens: auto;
  padding: 20px 14px !important;
  box-sizing: border-box;
}
[class$="-trust-item"] strong,
[class*="-trust-item"] strong,
.sachs-trust-item strong {
  display: block;
  line-height: 1.35;
  margin-bottom: 4px;
}
[class$="-trust-item"] span,
[class*="-trust-item"] span,
.sachs-trust-item span {
  display: block;
  line-height: 1.45;
  font-size: 0.78rem !important;
}

/* ── INQUIRY-SCHRITTE: Stabile 4-Spalten ────────────────────── */
/* Alle *-inq-steps und *-steps Grids: korrekte Ausrichtung */
[class$="-inq-steps"],
[class*="-inq-steps"],
.sachs-inq-steps {
  position: relative;
  /* Kein overflow:hidden — Verbindungslinie darf sichtbar sein */
}
[class$="-inq-step"],
[class*="-inq-step"],
.sachs-inq-step {
  /* Schritt-Text nie Rand berühren */
  padding: 0 6px !important;
  word-break: break-word;
  hyphens: auto;
}
[class$="-inq-step"] h4,
[class*="-inq-step"] h4,
.sachs-inq-step h4 {
  font-size: 0.88rem !important;
  line-height: 1.35;
  margin: 0 0 6px;
}
[class$="-inq-step"] p,
[class*="-inq-step"] p,
.sachs-inq-step p {
  font-size: 0.8rem !important;
  line-height: 1.55;
  margin: 0;
}

/* ── NOTES: Icon oben, Text fließend ─────────────────────────── */
[class$="-note"],
[class*="-inq-note"],
.sachs-inq-note {
  line-height: 1.65 !important;
  font-size: 0.88rem !important;
  word-break: break-word;
  hyphens: auto;
}

/* ── BCS-LIST: Icon oben fixiert, Text mehrzeilig ───────────── */
/* Verhindert dass das fa-check Icon bei langen Fließtexten zentriert hängt */
.bcs-list li,
[class$="-bcs-list"] li,
[class*="-bcs-list"] li {
  align-items: flex-start !important;
}
.bcs-list li i,
[class$="-bcs-list"] li i {
  flex-shrink: 0 !important;
  margin-top: 3px !important;
}
/* Fett-Präfixe in bcs-list nicht umbrechen */
.bcs-list li strong {
  display: inline;
  white-space: normal;
}

/* ── HIST-BLOCKS: Text stabil ────────────────────────────────── */
[class$="-hist-block"],
[class*="-hist-block"],
.sachs-hist-block {
  word-break: break-word;
  hyphens: auto;
  overflow: hidden;
}
[class$="-hist-block"] h3,
[class*="-hist-block"] h3,
.sachs-hist-block h3 {
  line-height: 1.35;
  margin: 0 0 10px;
}
[class$="-hist-block"] p,
[class*="-hist-block"] p,
.sachs-hist-block p {
  font-size: 0.87rem !important;
  line-height: 1.65;
}

/* ── BH-BADGE: Text-Badge (kein Logo-Container) ─────────────── */
/* Alle bh-badge OHNE img-Kind → Text-Badge-Darstellung erzwingen */
.bh-text .bh-badge,
.bh-content .bh-badge:not(:has(img)),
.bh-inner .bh-badge:not(:has(img)) {
  width: auto !important;
  height: auto !important;
  min-width: 0 !important;
  padding: 5px 14px !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  white-space: normal !important;
  line-height: 1.4 !important;
  flex-wrap: wrap !important;
  max-width: 100% !important;
  flex-shrink: 1 !important;
  background: rgba(212,98,26,0.2) !important;
  border: 1px solid rgba(212,98,26,0.4) !important;
  border-left: 3px solid var(--orange, #D4621A) !important;
  color: var(--orange-light, #f0a060) !important;
  font-size: 0.78rem !important;
  font-weight: 600 !important;
  border-radius: 0 !important;
  margin-bottom: 16px !important;
  letter-spacing: 0.5px !important;
  box-sizing: border-box !important;
}
/* Fallback für Browser ohne :has()-Support */
.bh-badge {
  white-space: normal !important;
  line-height: 1.4 !important;
  flex-wrap: wrap !important;
  max-width: 100% !important;
}

/* ── BH-STAT: Label nie abschneiden ─────────────────────────── */
.bh-stat {
  max-width: 160px !important;
  overflow: visible !important;
}
.bh-stat span {
  white-space: nowrap !important;
  font-size: 0.7rem !important;
  letter-spacing: 0.3px !important;
  display: block !important;
}

/* ── BH-STATS: Mobile-Overflow verhindern ───────────────────── */
/* 4 Stats à min-width:70px + 3×gap:28px = 364px — auf 390px zu eng.
   Lösung: 2×2-Grid erzwingen damit alle 4 Stats sauber passen. */
@media (max-width: 540px) {
  .bh-stats {
    display: grid !important;
    grid-template-columns: minmax(0,1fr) minmax(0,1fr) !important;
    gap: 16px 20px !important;
    width: 100% !important;
    overflow: visible !important;
  }
  .bh-stat {
    min-width: 0 !important;
    max-width: 100% !important;
    text-align: left !important;
    overflow: visible !important;
    word-break: break-word !important;
  }
  .bh-stat span {
    white-space: normal !important;
    word-break: break-word !important;
    overflow-wrap: break-word !important;
    line-height: 1.3 !important;
    font-size: 0.63rem !important;
    letter-spacing: 0 !important;
  }
  .bh-stat strong {
    font-size: 1.4rem !important;
  }
}

/* ── FINAL-CTA BUTTONS: nie overflow ────────────────────────── */
[class$="-final-cta"] [class$="-btn"],
[class$="-final-cta"] [class*="-btn--"],
[class*="-final-cta"] [class$="-btn"],
[class*="-final-cta"] [class*="-btn--"] {
  white-space: normal;
  text-align: center;
  min-height: 44px;
  line-height: 1.35;
}

/* ── MARKEN-CARD: Text nie abschneiden ──────────────────────── */
.marken-card {
  overflow: hidden;
  word-break: break-word;
}
.marken-card .brand-name {
  line-height: 1.35;
}

/* ── DELIVERY-CARDS: h3 nicht zu viel Platz verlieren ──────── */
.ta-delivery-card h3 {
  line-height: 1.35 !important;
  margin: 0 0 8px !important;
}

/* ── SEKTION-TITEL: Nicht breiter als Container ─────────────── */
.section-title {
  max-width: 100% !important;
  word-break: break-word;
  hyphens: auto;
}

/* ── GLOBAL RESPONSIVE: Trust-Row auf Mobile ────────────────── */
@media (max-width: 640px) {
  /* Trust-Items auf Mobile: Einspalte statt 2er-Grid-Kollaps */
  [class$="-trust-row"],
  [class*="-trust-row"],
  .sachs-trust-row {
    flex-direction: column !important;
  }
  [class$="-trust-item"],
  [class*="-trust-item"],
  .sachs-trust-item {
    border-right: none !important;
    border-bottom: 1px solid #ececec !important;
    flex: 1 1 100% !important;
    max-width: 100% !important;
  }
  [class$="-trust-item"]:last-child,
  [class*="-trust-item"]:last-child,
  .sachs-trust-item:last-child {
    border-bottom: none !important;
  }

  /* Inquiry Steps: 1 Spalte, Linie ausblenden */
  [class$="-inq-steps"],
  [class*="-inq-steps"],
  .sachs-inq-steps {
    grid-template-columns: 1fr !important;
    gap: 24px !important;
  }
  [class$="-inq-steps"]::before,
  [class*="-inq-steps"]::before,
  .sachs-inq-steps::before {
    display: none !important;
  }

  /* Inquiry CTA-Buttons untereinander */
  [class$="-inq-ctas"],
  [class*="-inq-ctas"],
  .sachs-inq-ctas {
    flex-direction: column !important;
    align-items: stretch !important;
  }
  [class$="-inq-ctas"] a,
  [class*="-inq-ctas"] a,
  .sachs-inq-ctas a {
    text-align: center !important;
    justify-content: center !important;
  }

  /* BCS-Actions: immer Einspalte */
  .bcs-actions {
    flex-direction: column !important;
    align-items: stretch !important;
  }
}

@media (max-width: 460px) {
  /* Hist-Grid: Einspalte */
  [class$="-hist-grid"],
  [class*="-hist-grid"],
  .sachs-hist-grid {
    grid-template-columns: 1fr !important;
  }
  /* Delivery-Grid: Einspalte */
  .ta-delivery-grid {
    grid-template-columns: 1fr !important;
  }
  /* Bat-Info-Card: bic-rows umbrechen */
  .bic-row {
    flex-direction: column !important;
    gap: 2px !important;
  }
  .bic-row strong {
    text-align: left !important;
  }
}

/* ============================================================
   GRUPPE-B NAMESPACE-CSS LAYOUT-FIXES
   meyle / bosch / hella / ate / skf / sachs / continental /
   mahle / febi / luk — alle trust-rows, inq-steps, final-cta,
   hist-blocks mit langen Produktionstexten
   ============================================================ */

/* ── Trust-Items: vertikales Flex, nie zerquetscht ─────────── */
/* Bosch: flex-direction:row auf Mobile — Override zu Column */
.bosch-trust-item {
  word-break: break-word;
  hyphens: auto;
  padding: 18px 14px !important;
}
.bosch-trust-item strong {
  font-size: 0.88rem !important;
  line-height: 1.35;
  display: block;
  margin-bottom: 3px;
}
.bosch-trust-item span {
  font-size: 0.78rem !important;
  line-height: 1.45;
  display: block;
}

/* Meyle: identische Fixes */
.meyle-trust-item {
  word-break: break-word;
  hyphens: auto;
  padding: 18px 14px !important;
}
.meyle-trust-item strong {
  font-size: 0.88rem !important;
  line-height: 1.35;
  display: block;
  margin-bottom: 3px;
}
.meyle-trust-item span {
  font-size: 0.78rem !important;
  line-height: 1.45;
  display: block;
}

/* ── Inquiry-Steps: Heading+Text-Hierarchie ─────────────────── */
/* Verhindert zu enge Texte in Schritt-Zellen */
.meyle-inq-step,
.bosch-inq-step {
  padding: 0 6px !important;
  word-break: break-word;
  hyphens: auto;
}
.meyle-inq-step h4,
.bosch-inq-step h4 {
  font-size: 0.88rem !important;
  line-height: 1.35;
}
.meyle-inq-step p,
.bosch-inq-step p {
  font-size: 0.8rem !important;
  line-height: 1.55;
}

/* ── Hist-Blocks: Text stabil ────────────────────────────────── */
.meyle-hist-block,
.bosch-hist-block,
.hella-hist-block,
.ate-hist-block,
.skf-hist-block,
.cont-hist-block,
.mahle-hist-block,
.febi-hist-block {
  word-break: break-word !important;
  hyphens: auto !important;
  overflow: hidden;
}
.meyle-hist-block h3,
.bosch-hist-block h3,
.hella-hist-block h3,
.ate-hist-block h3,
.skf-hist-block h3,
.cont-hist-block h3,
.mahle-hist-block h3,
.febi-hist-block h3 {
  line-height: 1.35 !important;
  font-size: 1.02rem !important;
  margin: 0 0 10px !important;
}
.meyle-hist-block p,
.bosch-hist-block p,
.hella-hist-block p,
.ate-hist-block p,
.skf-hist-block p,
.cont-hist-block p,
.mahle-hist-block p,
.febi-hist-block p {
  font-size: 0.87rem !important;
  line-height: 1.65 !important;
}

/* ── Final-CTA: Text + Buttons stabil ───────────────────────── */
.meyle-final-cta p,
.bosch-final-cta p,
.hella-final-cta p,
.ate-final-cta p,
.skf-final-cta p,
.sachs-final-cta p,
.cont-final-cta p,
.mahle-final-cta p,
.febi-final-cta p {
  max-width: 600px !important;
  line-height: 1.7 !important;
  word-break: break-word;
}

/* Final-CTA-Button-Reihen: umbrechen auf klein */
.meyle-final-cta-btns,
.bosch-final-cta-btns,
.hella-final-cta-btns,
.ate-final-cta-btns,
.skf-final-cta-btns,
.sachs-final-cta-btns,
.cont-final-cta-btns,
.mahle-final-cta-btns,
.febi-final-cta-btns {
  flex-wrap: wrap !important;
  gap: 12px 14px !important;
  justify-content: center !important;
}

/* ── meyle-hd-inner: auf 760px 1-spaltig ────────────────────── */
@media (max-width: 760px) {
  .meyle-hd-inner {
    grid-template-columns: 1fr !important;
    gap: 32px !important;
  }
}

/* ── meyle-pd-grid: min-width sichern ───────────────────────── */
.meyle-pd-grid {
  grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)) !important;
}
.meyle-pd-block,
.meyle-hd-card {
  word-break: break-word;
  hyphens: auto;
  overflow: hidden;
}
.meyle-pd-block p,
.meyle-hd-card p {
  font-size: 0.85rem !important;
  line-height: 1.65 !important;
}

/* ── Meyle-assort-item: Text auf dunklem BG ─────────────────── */
.meyle-assort-item {
  word-break: break-word;
  hyphens: auto;
}
.meyle-assort-item strong {
  font-size: 0.9rem !important;
  line-height: 1.35;
}
.meyle-assort-item span {
  font-size: 0.78rem !important;
  line-height: 1.4;
}
/* Assort-CTA-Button: border-radius-Override war 8px */
.meyle-assort-cta a {
  border-radius: 0 !important;
}

/* ── Varta-Typ-Karten: Text-Stabilität ──────────────────────── */
.varta-type-card {
  word-break: break-word;
  hyphens: auto;
  overflow: hidden;
}
.varta-type-card h3 {
  line-height: 1.35 !important;
  font-size: 1rem !important;
}
.varta-type-card p {
  font-size: 0.85rem !important;
  line-height: 1.65 !important;
}
.varta-type-card ul li {
  font-size: 0.82rem !important;
  line-height: 1.55 !important;
}

/* ── Rocks-Cat-Cards: Text-Stabilität ───────────────────────── */
.rocks-cat-card {
  word-break: break-word;
  hyphens: auto;
  overflow: hidden;
}

/* ── Mobile: Final-CTA-Buttons Einspalte ────────────────────── */
@media (max-width: 540px) {
  .meyle-final-cta-btns,
  .bosch-final-cta-btns,
  .sachs-final-cta-btns,
  .hella-final-cta-btns,
  .ate-final-cta-btns,
  .skf-final-cta-btns,
  .cont-final-cta-btns,
  .mahle-final-cta-btns,
  .febi-final-cta-btns {
    flex-direction: column !important;
    align-items: stretch !important;
  }
  .meyle-final-cta-btns a,
  .bosch-final-cta-btns a,
  .sachs-final-cta-btns a,
  .hella-final-cta-btns a,
  .ate-final-cta-btns a,
  .skf-final-cta-btns a,
  .cont-final-cta-btns a,
  .mahle-final-cta-btns a,
  .febi-final-cta-btns a {
    text-align: center !important;
    justify-content: center !important;
  }
  .meyle-final-cta h2,
  .bosch-final-cta h2,
  .sachs-final-cta h2,
  .hella-final-cta h2,
  .ate-final-cta h2,
  .skf-final-cta h2 {
    font-size: 1.6rem !important;
    line-height: 1.3 !important;
  }
}

/* ── Mobile: Bosch-Trust-Row: Column statt Row ──────────────── */
@media (max-width: 500px) {
  .bosch-trust-item {
    flex-direction: column !important;
    align-items: center !important;
    text-align: center !important;
    gap: 0 !important;
  }
  .bosch-trust-grid {
    flex-direction: column;
  }
  .bosch-trust-item {
    max-width: 100% !important;
    border-right: none !important;
    border-bottom: 1px solid #ececec !important;
  }
  .bosch-trust-item:last-child {
    border-bottom: none !important;
  }
  .meyle-trust-grid {
    flex-direction: column;
  }
  .meyle-trust-item {
    max-width: 100% !important;
    flex: 1 1 100% !important;
    border-right: none !important;
    border-bottom: 1px solid #ececec !important;
  }
  .meyle-trust-item:last-child {
    border-bottom: none !important;
  }
}

/* ============================================================
   GRUPPE-C NAMESPACE-CSS LAYOUT-FIXES
   SKF / Sachs / Meyle Produktseiten — alle Namespace-Präfixe
   ============================================================ */

/* Generic Trust-Row Item Fixes für alle Namespace-Trust-Items */
/* Erfasst: szr-*, swp-*, skr-*, ssr-*, skg-*, srl-*,
            ssd-*, skp-*, sfb-*, skdp-*, szms-*, sff-*,
            mhdf-*, mfl-*, mag-*, mml-*, mrl-*, mst-*,
            sas-*, sdl-*, mlk-*,
            hlb-*, fvt-*, cri-*, mhfl-* */

/* Step-Num Größe sichern */
[class$="-step-num"],
[class*="-step-num"] {
  min-width: 48px !important;
  min-height: 48px !important;
  line-height: 1 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex-shrink: 0 !important;
}

/* Inquiry-Block: Heading + Text stabil */
[class$="-inquiry"] h2,
[class*="-inquiry"] h2 {
  font-size: clamp(1.35rem, 3vw, 1.6rem) !important;
  line-height: 1.3 !important;
  word-break: break-word;
  hyphens: auto;
}
[class$="-inquiry"] .sas-inq-sub,
[class*="-inquiry"] [class$="-inq-sub"],
[class*="-inquiry"] [class*="-inq-sub"] {
  line-height: 1.65 !important;
  font-size: 0.97rem !important;
  word-break: break-word;
}

/* Steps: Text-Zellen nie zu eng */
[class$="-step"],
[class*="-step"] {
  word-break: break-word !important;
  hyphens: auto !important;
  min-width: 0 !important;
}
[class$="-step-title"],
[class*="-step-title"] {
  font-size: 0.87rem !important;
  line-height: 1.35 !important;
}
[class$="-step-desc"],
[class*="-step-desc"] {
  font-size: 0.79rem !important;
  line-height: 1.55 !important;
}

/* Note: stabil unter langem Text */
[class$="-note"],
[class*="-note"] {
  word-break: break-word !important;
  hyphens: auto !important;
  overflow: hidden;
}

/* CTA-Buttons in Namespace: Mindestgröße */
[class$="-btn--primary"],
[class*="-btn--primary"],
[class$="-btn--wa"],
[class*="-btn--wa"],
[class$="-btn--ghost"],
[class*="-btn--ghost"] {
  min-height: 44px !important;
  white-space: normal !important;
  text-align: center !important;
  line-height: 1.35 !important;
}

/* Final-CTA heading + para: nie überbreite */
[class$="-final-cta"] h2,
[class*="-final-cta"] h2 {
  font-size: clamp(1.5rem, 3vw, 1.9rem) !important;
  line-height: 1.25 !important;
  word-break: break-word;
  hyphens: auto;
}
[class$="-final-cta"] p,
[class*="-final-cta"] p {
  max-width: 560px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  line-height: 1.7 !important;
  word-break: break-word;
}

/* ── Mobile Gruppe-C: Steps-Reihe ───────────────────────────── */
@media (max-width: 600px) {
  /* Horizontal steps → vertikal */
  [class$="-steps"],
  [class*="-steps"] {
    flex-direction: column !important;
    gap: 20px !important;
  }
  [class$="-steps"]::before,
  [class*="-steps"]::before {
    display: none !important;
  }
  [class$="-step"],
  [class*="-step"] {
    max-width: 100% !important;
    padding: 0 8px !important;
  }
  [class$="-step-desc"],
  [class*="-step-desc"] {
    max-width: 100% !important;
  }
  /* CTA-Button-Reihe: Einspalte */
  [class$="-inq-ctas"],
  [class*="-inq-ctas"],
  [class$="-fcta-btns"],
  [class*="-fcta-btns"] {
    flex-direction: column !important;
    align-items: stretch !important;
  }
  [class$="-inq-ctas"] a,
  [class*="-inq-ctas"] a,
  [class$="-fcta-btns"] a,
  [class*="-fcta-btns"] a {
    justify-content: center !important;
    text-align: center !important;
  }
}

/* ── Trust-Icon Boxes (hella/febi/continental/mahle) ────────── */
[class$="-trust-icon"],
[class*="-trust-icon"] {
  flex-shrink: 0 !important;
  /* Keine Animation beim Hover */
  transition: none !important;
}
[class$="-trust-item"] [class$="-trust-label"],
[class*="-trust-item"] [class*="-trust-label"] {
  font-size: 0.76rem !important;
  line-height: 1.35 !important;
  word-break: break-word;
}
[class$="-trust-item"] [class$="-trust-desc"],
[class*="-trust-item"] [class*="-trust-desc"] {
  font-size: 0.8rem !important;
  line-height: 1.5 !important;
  word-break: break-word;
}