.szolgaltatasok-page .hero{position:relative;min-height:80vh;display:flex;align-items:center}
.hero-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.hero-overlay{position:relative;z-index:2;width:100%;background:linear-gradient(90deg, rgba(15,17,19,0.85) 0%, rgba(15,17,19,0.6) 40%, rgba(15,17,19,0.2) 100%)}
.hero-content{max-width:520px;padding:var(--space-7);display:flex;flex-direction:column;gap:var(--space-4)}

.overview-header{max-width:720px;margin-inline:auto;text-align:center}
.overview-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-4);margin-top:var(--space-6)}

.split{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-6);align-items:center}
.split.reverse{direction:rtl}
.split.reverse .split-text{direction:ltr}
.split-text{max-width:520px}
.split-text.wide{max-width:680px}
.split-image img{border-radius:var(--radius-sm)}
.split-image .placeholder{height:320px;background:var(--color-surface-secondary);border:1px solid var(--color-border);border-radius:var(--radius-sm)}
.split-image.small .placeholder{height:220px}

.centered{max-width:720px;margin-inline:auto;text-align:center}

.disclaimer-box{max-width:600px;margin-inline:auto;border:1px solid var(--color-accent-gold);padding:var(--space-5);border-radius:var(--radius-md);text-align:center}

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

@media (max-width:1024px){
.overview-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.split{grid-template-columns:1fr}
.hero-content{padding:var(--space-6)}
}

@media (max-width:640px){
.overview-grid{grid-template-columns:1fr}
.hero-overlay{background:rgba(15,17,19,0.85)}
.hero-content{max-width:100%;padding:var(--space-5);text-align:center}
}
