.tematikus-page {}

.tematikus-hero {
  position: relative;
  min-height: 80vh;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}
.hero-img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.hero-overlay {
  position: absolute;
  inset: 0;
  background: rgba(0,0,0,0.65);
}
.hero-content {
  position: relative;
  max-width: 520px;
  text-align: center;
  display: flex;
  flex-direction: column;
  gap: var(--space-3);
}
.hero-actions {
  display: flex;
  gap: var(--space-2);
  justify-content: center;
  flex-wrap: wrap;
}

.tematikus-definition .def-item {
  max-width: 320px;
}
.tematikus-definition .container {
  justify-items: center;
}

.tematikus-types h2 {
  margin-bottom: var(--space-4);
}
.types-grid > * {
  min-width: 0;
}

.tematikus-flow {
  text-align: center;
}
.flow-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0,1fr));
  gap: var(--space-4);
  margin-top: var(--space-4);
}
.flow-step {
  max-width: 320px;
  margin-inline: auto;
}
.flow-line {
  height: 2px;
  background: var(--color-accent);
  width: 100%;
  margin-top: var(--space-3);
}

.gaszto-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: var(--space-4);
  align-items: center;
}
.gaszto-text {
  max-width: 520px;
}
.gaszto-img img {
  width: 100%;
  height: auto;
}

.tematikus-space .space-inner {
  max-width: 600px;
  margin-inline: auto;
  text-align: center;
}

.audience-grid > * {
  min-width: 0;
}

.tematikus-cta {
  text-align: center;
}
.cta-inner {
  max-width: 480px;
  margin-inline: auto;
  display: flex;
  flex-direction: column;
  gap: var(--space-3);
}

@media (max-width: 900px) {
  .flow-grid {
    grid-template-columns: 1fr;
  }
  .gaszto-grid {
    grid-template-columns: 1fr;
  }
}