.kapcsolat-page{display:block}

.kapcsolat-hero{
background:var(--primary-brand);
padding-top:var(--space-7);
padding-bottom:var(--space-7);
}

.kapcsolat-hero-inner{
max-width:700px;
margin-inline:auto;
text-align:center;
display:flex;
flex-direction:column;
gap:var(--space-4);
background:var(--surface-glass);
padding:var(--space-5);
border-radius:var(--radius-md);
backdrop-filter:blur(16px);
}

.kapcsolat-form-wrapper{
max-width:700px;
margin-inline:auto;
padding:var(--space-5);
display:flex;
flex-direction:column;
gap:var(--space-4);
}

#contactForm{
display:flex;
flex-direction:column;
gap:var(--space-4);
}

.form-group{
display:flex;
flex-direction:column;
gap:var(--space-2);
}

.textarea{min-height:120px}

.form-help{font-size:var(--fs-sm);max-width:60ch}

.form-success{
padding:var(--space-3);
border-radius:var(--radius-md);
background:var(--accent-cyan);
color:#003b36;
font-weight:600;
}

.kapcsolat-help-grid{
display:grid;
grid-template-columns:repeat(3,minmax(0,1fr));
gap:var(--space-4);
}

.help-card{display:flex;flex-direction:column;gap:var(--space-3)}

.kapcsolat-response-inner{
max-width:800px;
margin-inline:auto;
display:flex;
flex-direction:column;
gap:var(--space-4);
}

.kapcsolat-privacy-card{
max-width:600px;
margin-inline:auto;
display:flex;
flex-direction:column;
gap:var(--space-3);
padding:var(--space-4);
}

.privacy-link{color:var(--accent-purple);font-weight:600}

.kapcsolat-disclaimer-inner{
max-width:800px;
margin-inline:auto;
display:flex;
flex-direction:column;
gap:var(--space-4);
}

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

@media (max-width:768px){
.kapcsolat-help-grid{grid-template-columns:1fr;}
.kapcsolat-hero-inner{padding:var(--space-4)}
}