.szolgaltatasok-page section {position:relative;}

.szolg-hero {padding:0; min-height:80vh; display:flex; align-items:center; justify-content:center; text-align:center;}
.szolg-hero-bg {position:absolute; inset:0; width:100%; height:100%; object-fit:cover; border-radius:0;}
.szolg-hero-overlay {position:absolute; inset:0; background:linear-gradient(rgba(36,33,31,0.7), rgba(36,33,31,0.6));}
.szolg-hero-content {position:relative; max-width:600px; margin:0 auto; display:flex; flex-direction:column; gap:var(--space-4); color:var(--color-text-invert);}
.szolg-hero h1 {color:var(--color-text-invert);}

.szolg-overview {display:flex; flex-direction:column; gap:var(--space-6);} 
.szolg-cards {display:grid; grid-template-columns:repeat(3, minmax(0,1fr)); gap:var(--space-5);} 
.szolg-card {transition:transform var(--transition-fast), box-shadow var(--transition-fast);} 
.szolg-card:hover {transform:translateY(-4px);} 

.szolg-split {display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:var(--space-6); align-items:center;} 
.szolg-split-reverse {direction:rtl;} 
.szolg-split-reverse > * {direction:ltr;} 
.szolg-text {max-width:520px;} 
.szolg-highlight {color:var(--color-accent-burgundy);} 

.szolg-text-wide {max-width:700px;} 

.szolg-grid {display:flex; flex-direction:column; gap:var(--space-6);} 
.szolg-blocks {display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:var(--space-5);} 
.szolg-block {padding:var(--space-5); border:1px solid var(--color-border-muted); border-radius:var(--radius-sm); background:var(--color-surface-elevated);} 

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

.szolg-disclaimer {background:var(--color-accent-burgundy); color:var(--color-text-invert);} 
.szolg-disclaimer-box {max-width:700px; margin-inline:auto; text-align:center;} 
.szolg-disclaimer h3, .szolg-disclaimer p {color:var(--color-text-invert);} 

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

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

@media (max-width:768px){
.szolg-split {grid-template-columns:1fr;} 
.szolg-cards, .szolg-blocks {grid-template-columns:1fr;} 
}