.hazigazda-page{}

.hazigazda-hero-grid{align-items:center}
.hazigazda-hero-text{grid-column:span 5;max-width:520px}
.hazigazda-hero-image{grid-column:span 7;height:420px}

.hazigazda-role-inner{display:grid;grid-template-columns:1fr 1fr;gap:var(--gutter);max-width:900px;margin-inline:auto}
.hazigazda-role-card{text-align:center}

.hazigazda-profile-grid{grid-template-columns:repeat(3,1fr)}
.hazigazda-profile{display:flex;flex-direction:column;gap:var(--space-4)}
.hazigazda-profile-img{height:220px}

.hazigazda-match-grid{grid-template-columns:repeat(3,1fr);text-align:center}

.hazigazda-flow-grid{grid-template-columns:repeat(3,1fr);margin-bottom:var(--space-5)}
.hazigazda-flow-step{max-width:420px}
.hazigazda-flow-image{height:360px}

.hazigazda-testimonial-grid{grid-template-columns:1fr 1fr;max-width:800px;margin-inline:auto;text-align:center}

.hazigazda-programs-text{max-width:600px}
.hazigazda-program-grid{grid-template-columns:repeat(3,1fr)}

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

@media(max-width:768px){
.hazigazda-hero-text,.hazigazda-hero-image{grid-column:span 1}
.hazigazda-hero-image{height:240px;order:-1}

.hazigazda-role-inner{grid-template-columns:1fr}

.hazigazda-profile-grid{grid-template-columns:1fr}
.hazigazda-match-grid{grid-template-columns:1fr}
.hazigazda-flow-grid{grid-template-columns:1fr}
.hazigazda-testimonial-grid{grid-template-columns:1fr}
.hazigazda-program-grid{grid-template-columns:1fr}

.hazigazda-cta-inner .button{width:100%}
}