/**
 * content-section.css — BEM: content-section, content-section__*
 * Ismétlődő blokk: H2 + kép (teljes szélesség) + szöveg. A kép mindig a H2 után,
 * a szöveg előtt jelenik meg, teljes konténerszélességben (nincs kétoszlopos elrendezés).
 */

.content-section {
  padding-block: var(--space-section);
  border-top: 1px solid rgba(168, 161, 154, 0.08);
}

.content-section:first-child {
  border-top: none;
}

.content-section__grid {
  display: grid;
  gap: 1.5rem;
}

.content-section__heading {
  order: 1;
}

.content-section__media {
  order: 2;
  width: 100%;
}

.content-section__body {
  order: 3;
}

.content-section__cta {
  margin-block-start: 1rem;
}