.kapcsolat-page{}

.kapcsolat-hero-inner{display:flex;justify-content:center}
.kapcsolat-hero-text{max-width:640px;text-align:left;display:flex;flex-direction:column;gap:var(--space-3)}
.kapcsolat-primary-contact{padding:var(--space-4);display:flex;flex-direction:column;gap:var(--space-2)}

.kapcsolat-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-4);margin-top:var(--space-4)}
.kapcsolat-card{display:flex;flex-direction:column;gap:var(--space-2);transition:box-shadow var(--transition-fast)}
.kapcsolat-card:hover{box-shadow:0 6px 16px rgba(0,0,0,0.08)}

.kapcsolat-form-container{display:flex;flex-direction:column;align-items:center;gap:var(--space-3)}
.kapcsolat-form{max-width:600px;width:100%;display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-4)}
.kapcsolat-form-note{font-size:var(--fs-6);color:var(--color-text-secondary)}
.kapcsolat-form-status{min-height:20px;font-size:var(--fs-6)}

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

.kapcsolat-info-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-4)}
.kapcsolat-info-grid .full{grid-column:1 / -1}

.kapcsolat-faq-container{max-width:720px;margin-inline:auto;display:flex;flex-direction:column;gap:var(--space-3)}
.kapcsolat-accordion{display:flex;flex-direction:column;gap:var(--space-3)}
.kapcsolat-accordion-item{border:var(--border-subtle);border-radius:var(--radius-sm);overflow:hidden}
.kapcsolat-accordion-header{width:100%;text-align:left;padding:var(--space-3);background:var(--color-surface-alt)}
.kapcsolat-accordion-body{padding:var(--space-3);display:none}
.kapcsolat-accordion-item.active .kapcsolat-accordion-body{display:block}

.kapcsolat-cta{background:var(--color-surface-muted)}
.kapcsolat-cta-inner{display:flex;flex-direction:column;align-items:center;text-align:center;gap:var(--space-3)}

@media(max-width:960px){
.kapcsolat-cards{grid-template-columns:repeat(2,minmax(0,1fr))}
.kapcsolat-process-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}

@media(max-width:600px){
.kapcsolat-cards{grid-template-columns:1fr}
.kapcsolat-process-grid{grid-template-columns:1fr}
.kapcsolat-info-grid{grid-template-columns:1fr}
.kapcsolat-primary-contact,.kapcsolat-form{padding:var(--space-3)}
.kapcsolat-form-container{align-items:stretch}
}