/* Sekcije za SEO sadržaj (FAQ, publika) — bez inline stilova u komponentama. */

.marketing-seo-section {
  scroll-margin-top: 5rem;
}

.marketing-audience-block {
  border: 1px solid var(--border);
  border-radius: var(--radius-xl);
  background-color: color-mix(in oklch, var(--card) 88%, transparent);
  backdrop-filter: blur(12px);
  padding: 2.5rem 2rem;
}

.marketing-audience-block .marketing-text + .marketing-list {
  margin-top: 1.25rem;
}

.marketing-audience-links {
  display: flex;
  flex-wrap: wrap;
  gap: 0.75rem;
  margin-top: 1.5rem;
  padding-top: 1.5rem;
  border-top: 1px solid var(--border);
}

.marketing-audience-links .marketing-button,
.marketing-audience-links .marketing-button-secondary {
  min-height: 2.5rem;
  padding: 0.55rem 1rem;
  font-size: 0.9rem;
}

.marketing-faq-section .page-section-header {
  margin-bottom: 1.75rem;
}

.marketing-cta-links {
  display: flex;
  flex-wrap: wrap;
  gap: 0.75rem;
  justify-content: center;
  margin-top: 1.5rem;
}

.marketing-cta-links .marketing-button,
.marketing-cta-links .marketing-button-secondary {
  min-height: 2.5rem;
  padding: 0.55rem 1rem;
  font-size: 0.9rem;
}

@media (max-width: 720px) {
  .marketing-audience-block {
    padding: 1.75rem 1.25rem;
  }
}