.faq-page{}

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

.faq-categories .faq-cat-grid{
grid-column:span 12;
}

.faq-cat{
grid-column:span 3;
padding:var(--space-4);
text-align:left;
}

@media(max-width:767px){
.faq-hero-card,
.faq-cta-card{
width:100%;
max-width:none;
}

.faq-cat{grid-column:span 2;}
}

.faq-section .faq-wrap{
display:grid;
grid-template-columns:repeat(12,minmax(0,1fr));
gap:var(--space-5);
align-items:start;
}

.faq-section img{
grid-column:span 6;
border-radius:var(--radius-md);
object-fit:cover;
width:100%;
}

.faq-section .card{
grid-column:span 6;
display:flex;
flex-direction:column;
gap:var(--space-3);
}

@media(max-width:767px){
.faq-section .faq-wrap{grid-template-columns:repeat(4,minmax(0,1fr));}
.faq-section img{grid-column:span 4;}
.faq-section .card{grid-column:span 4;}
}

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

.faq-item{
border:1px solid var(--color-border);
border-radius:var(--radius-md);
padding:var(--space-3);
}

.faq-question{
width:100%;
text-align:left;
font-weight:600;
}

.faq-answer{
margin-top:var(--space-2);
display:none;
color:var(--color-text-secondary);
}

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

.faq-cta-card{
max-width:720px;
margin-inline:auto;
text-align:center;
display:flex;
flex-direction:column;
gap:var(--space-3);
}