.contact-page section{padding-top:var(--space-5);}

.contact-hero{background:linear-gradient(180deg,rgba(183,44,71,.12),transparent 70%)}.contact-hero-inner{max-width:900px;margin-inline:auto;text-align:center;display:flex;flex-direction:column;gap:var(--space-2);padding-inline:var(--gutter)}.contact-hero-inner::before{content:"FOGLALAS / KAPCSOLAT";color:var(--accent-gold);font-size:.72rem;letter-spacing:.18em}

.contact-help .contact-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-3);margin-top:var(--space-3);}
.contact-help .card{min-width:0;transition:border-color .2s;}
.contact-help .card:hover{border-color:var(--accent-ruby-dark);}

.contact-process .panel{max-width:700px;margin-inline:auto;}
.contact-prep{padding-block:var(--space-5);background:var(--bg-secondary);border-block:1px solid var(--border-soft)}

.contact-form-grid{display:grid;grid-template-columns:1fr 320px;gap:var(--space-4);margin-top:var(--space-3);}.contact-form{padding:clamp(1.5rem,4vw,3rem);background:rgba(255,255,255,.025);border:1px solid var(--border-soft);border-radius:var(--radius-2)}
.contact-form{display:flex;flex-direction:column;gap:var(--space-2);min-width:0;}
.contact-side{min-width:0;color:var(--text-secondary);display:flex;flex-direction:column;gap:var(--space-2);}

.contact-privacy .container-narrow{max-width:700px;}

.accordion{display:flex;flex-direction:column;gap:var(--space-2);margin-top:var(--space-3);}
.accordion-item{border:2px solid var(--border-architectural);}
.accordion-trigger{width:100%;text-align:left;padding:var(--space-2);font-family:var(--font-heading);}
.accordion-content{display:none;padding:var(--space-2);color:var(--text-secondary);}

.contact-links .container-narrow{max-width:600px;}

.contact-cta{display:flex;justify-content:center;}
.contact-cta-inner{background:var(--bg-secondary);border:2px solid var(--border-architectural);padding:var(--space-4);text-align:center;max-width:700px;width:100%;display:flex;flex-direction:column;gap:var(--space-2);}

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

@media (max-width:600px){
.contact-help .contact-cards{grid-template-columns:1fr;}
}