.szolg-page section{position:relative}

.szolg-hero{padding:0;overflow:hidden}
.szolg-hero-img{width:100%;height:80vh;object-fit:cover}
.szolg-hero-content{position:absolute;left:5%;top:50%;transform:translateY(-50%);max-width:480px;color:var(--color-text-inverse);display:flex;flex-direction:column;gap:var(--space-sm)}
.szolg-hero-content p{max-width:45ch}

@media(max-width:900px){
.szolg-hero-content{position:static;transform:none;padding:var(--space-md);text-align:center;margin:auto}
.szolg-hero-img{height:60vh}
}

.szolg-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-md);margin-top:var(--space-md)}
.szolg-card{transition:transform var(--transition-base)}
.szolg-card:hover{transform:translateY(-4px)}

@media(max-width:900px){
.szolg-cards{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:600px){
.szolg-cards{grid-template-columns:1fr}
}

.szolg-split{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-lg);align-items:center}
.szolg-split.reverse{direction:rtl}
.szolg-split.reverse > *{direction:ltr}
.szolg-text p{max-width:55ch}

@media(max-width:900px){
.szolg-split{grid-template-columns:1fr}
}

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

.szolg-clarify-card{max-width:600px;margin-inline:auto;border-top:2px solid var(--color-accent-gold)}

.szolg-cols{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-lg)}
.szolg-cols p{max-width:60ch}

@media(max-width:900px){
.szolg-cols{grid-template-columns:1fr}
}

.szolg-cta .btn{margin-top:var(--space-sm)}