.contact-page{display:block}

.contact-hero-inner{max-width:720px;margin-inline:auto;text-align:center;display:flex;flex-direction:column;gap:var(--space-md)}

.contact-categories .contact-grid-4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--space-lg)}
.contact-categories .card{min-width:0}

.contact-install-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-xl)}

.contact-faq-inner{max-width:800px;margin-inline:auto;display:flex;flex-direction:column;gap:var(--space-md)}
.faq-item{border:1px solid var(--color-border-soft);border-radius:var(--radius-md);overflow:hidden;background:var(--color-surface-base)}
.faq-question{width:100%;text-align:left;padding:var(--space-md);font-weight:700}
.faq-answer{display:none;padding:0 var(--space-md) var(--space-md)}
.faq-item.active .faq-answer{display:block}

.contact-form-wrapper{max-width:600px;margin-inline:auto;display:flex;flex-direction:column;gap:var(--space-md)}
.contact-form{display:flex;flex-direction:column;gap:var(--space-sm)}

.contact-policy-inner{max-width:700px;margin-inline:auto;text-align:center;display:flex;flex-direction:column;gap:var(--space-md)}

.contact-cta{background:var(--color-accent-primary);color:#fff}
.contact-cta-inner{display:flex;flex-direction:column;align-items:center;gap:var(--space-md);text-align:center}

.contact-tips-inner{max-width:800px}

.contact-mini-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-lg)}

@media (max-width:900px){
.contact-categories .contact-grid-4{grid-template-columns:repeat(2,minmax(0,1fr))}
.contact-install-grid{grid-template-columns:1fr}
.contact-mini-grid{grid-template-columns:1fr}
}

@media (max-width:600px){
.contact-categories .contact-grid-4{grid-template-columns:1fr}
}