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

.kapcsolat-intro-grid{display:grid;grid-template-columns:60% 40%;gap:var(--space-6)}
.kapcsolat-intro-text{max-width:700px}
.kapcsolat-intro-callout{padding:var(--space-5);display:flex;flex-direction:column;gap:var(--space-3)}

.kapcsolat-types-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-5)}
.kapcsolat-type-card{display:flex;flex-direction:column;gap:var(--space-3);transition:transform var(--transition-fast)}
.kapcsolat-type-card:hover{transform:translateY(-4px)}

.kapcsolat-process-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-5);text-align:center}
.kapcsolat-step{display:flex;flex-direction:column;gap:var(--space-3)}

.kapcsolat-form-wrapper{display:flex;justify-content:center}
.kapcsolat-form-card{max-width:600px;width:100%;padding:var(--space-6)}
.kapcsolat-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-4)}
.kapcsolat-form-grid .full{grid-column:1/-1}
.kapcsolat-form-note{font-size:var(--text-meta);text-align:center}

.kapcsolat-visual{position:relative;min-height:400px;display:flex;align-items:flex-end}
.kapcsolat-visual-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;border-radius:0}
.kapcsolat-visual-overlay{position:absolute;inset:0;background:linear-gradient(to top,rgba(36,33,31,0.8),transparent)}
.kapcsolat-visual-content{position:relative;max-width:500px;margin-bottom:var(--space-6);color:#fff}

.kapcsolat-cta{background:var(--color-accent-burgundy);color:#fff;text-align:center}
.kapcsolat-cta-inner{max-width:600px;margin-inline:auto;display:flex;flex-direction:column;gap:var(--space-4)}

@media(max-width:900px){
.kapcsolat-intro-grid{grid-template-columns:1fr}
.kapcsolat-types-grid{grid-template-columns:1fr}
.kapcsolat-process-steps{grid-template-columns:1fr}
.kapcsolat-form-grid{grid-template-columns:1fr}
}
