.contact-page .section{position:relative}

.contact-hero__content{
max-width:600px;
margin-inline:auto;
text-align:center;
display:flex;
flex-direction:column;
gap:var(--space-3);
}

.contact-hero__content h1{
border-bottom:2px solid var(--color-accent);
display:inline-block;
padding-bottom:var(--space-1);
}

.contact-quick__grid > *{
grid-column:span 4;
}

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

.contact-link{
color:var(--color-accent);
word-break:break-all;
}

.contact-strong{
font-weight:600;
}

.contact-form__grid{
display:grid;
grid-template-columns:5fr 7fr;
gap:var(--space-4);
align-items:start;
}

.contact-form__text{
display:flex;
flex-direction:column;
gap:var(--space-2);
max-width:420px;
}

.contact-form{
display:flex;
flex-direction:column;
gap:var(--space-2);
padding:var(--space-3);
border:var(--border-accent);
}

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

input, textarea{
padding:0.6em;
border:1px solid var(--color-divider);
background:var(--color-bg-primary);
color:var(--color-text-primary);
}

.form-feedback{
font-size:var(--fs-xs);
color:var(--color-accent);
}

.contact-coop__grid > *{
grid-column:span 6;
}

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

.contact-faq__list{
max-width:700px;
margin-inline:auto;
display:flex;
flex-direction:column;
gap:var(--space-2);
}

.faq-question{
width:100%;
text-align:left;
padding:var(--space-2);
border:var(--border-accent);
}

.faq-answer{
display:none;
padding:var(--space-2);
border-left:2px solid var(--color-accent);
}

.faq-item.active .faq-answer{
display:block;
}

.contact-newsletter__inner{
max-width:500px;
margin-inline:auto;
text-align:center;
display:flex;
flex-direction:column;
gap:var(--space-2);
}

.newsletter-form{
display:flex;
gap:var(--space-2);
justify-content:center;
flex-wrap:wrap;
}

.newsletter-form input{
min-width:220px;
}

.contact-links__grid > *{
grid-column:span 4;
text-align:center;
}

.contact-footer-extra__grid > *{
grid-column:span 4;
display:flex;
flex-direction:column;
gap:var(--space-2);
}

@media(max-width:700px){
.contact-quick__grid > *,
.contact-coop__grid > *,
.contact-links__grid > *,
.contact-footer-extra__grid > *{
grid-column:span 1;
}

.contact-form__grid{
grid-template-columns:1fr;
}

.newsletter-form{
flex-direction:column;
}
}