.szolgaltatasok-page{display:block}

.szolg-hero{position:relative}
.szolg-hero-bg{position:absolute;inset:0;z-index:0}
.szolg-hero-inner{position:relative;z-index:1;display:flex;align-items:center;min-height:420px}
.szolg-hero-panel{max-width:520px;display:flex;flex-direction:column;gap:var(--space-3);border-radius:var(--radius-md)}

.szolg-grid h2{text-align:center;margin-bottom:var(--space-4)}
.szolg-grid-cards{grid-template-columns:repeat(3,minmax(0,1fr))}

.szolg-detail .szolg-split{display:grid;grid-template-columns:60% 40%;gap:var(--space-4);align-items:center}
.szolg-detail.alt .szolg-split{grid-template-columns:40% 60%}
.szolg-text{max-width:65ch}
.szolg-media img{width:100%;height:auto}

.szolg-text-wide{max-width:70ch}

.szolg-principles .panel{display:flex;flex-direction:column;gap:var(--space-2);align-items:center;text-align:center}

.szolg-steps-wrap{display:flex;gap:var(--space-3);flex-wrap:wrap}
.szolg-steps-wrap .panel{flex:1;min-width:220px}

.szolg-form-panel{max-width:600px;margin-inline:auto;display:flex;flex-direction:column;gap:var(--space-3)}
.szolg-form-panel form{display:flex;flex-direction:column;gap:var(--space-2)}

.szolg-cta-inner{display:flex;flex-direction:column;gap:var(--space-3);align-items:center;text-align:center}

@media(max-width:768px){
  .szolg-hero-inner{min-height:360px;justify-content:center}
  .szolg-hero-panel{text-align:center}
  .szolg-grid-cards{grid-template-columns:1fr}
  .szolg-detail .szolg-split,
  .szolg-detail.alt .szolg-split{grid-template-columns:1fr}
}