/* ================================================================
   FAQ Page  — fq-
   ================================================================ */

.fq-section {
    padding: 56px 0 80px;
    background: #fff;
}

/* ── Category tabs ──────────────────────────────────────────── */
.fq-tabs {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-bottom: 44px;
}
.fq-tab-btn {
    background: #fff;
    border: 1.5px solid var(--hv2-border);
    border-radius: 100px;
    padding: 9px 24px;
    font-family: 'Lexend', sans-serif;
    font-size: 13px;
    font-weight: 500;
    color: var(--hv2-dark);
    cursor: pointer;
    transition: background .15s, border-color .15s, color .15s;
}
.fq-tab-btn:hover {
    border-color: var(--hv2-primary);
    color: var(--hv2-primary);
}
.fq-tab-btn.active {
    background: var(--hv2-primary);
    border-color: var(--hv2-primary);
    color: #fff;
}

/* ── Accordion items ────────────────────────────────────────── */
.fq-list { display: flex; flex-direction: column; }

.fq-item { border-bottom: 1px solid var(--hv2-border); }
.fq-item:first-child { border-top: 1px solid var(--hv2-border); }

.fq-item__hd {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    width: 100%;
    background: none;
    border: none;
    padding: 22px 0;
    font-family: 'Lexend', sans-serif;
    font-size: 15px;
    font-weight: 500;
    color: var(--hv2-dark);
    text-align: left;
    cursor: pointer;
    transition: color .15s;
}
.fq-item__hd:hover        { color: var(--hv2-primary); }
.fq-item__hd:not(.collapsed) { color: var(--hv2-primary); }

.fq-item__icon {
    flex-shrink: 0;
    color: var(--hv2-primary);
    opacity: .6;
    transition: transform .25s, opacity .15s;
}
.fq-item__hd:not(.collapsed) .fq-item__icon {
    transform: rotate(180deg);
    opacity: 1;
}

.fq-item__body {
    padding: 0 40px 24px 0;
    font-size: 14px;
    line-height: 1.8;
    color: var(--hv2-muted);
    max-width: 780px;
    white-space: pre-line;
}

/* ── Bottom CTA band ────────────────────────────────────────── */
.fq-cta-band {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
    margin-top: 64px;
    padding: 36px 44px;
    background: var(--hv2-cream);
    border-radius: 16px;
    border: 1px solid #e8ddd0;
}
.fq-cta-band__copy strong {
    display: block;
    font-size: 18px;
    font-weight: 600;
    color: var(--hv2-dark);
    margin-bottom: 4px;
}
.fq-cta-band__copy span {
    font-size: 14px;
    color: var(--hv2-muted);
}

@media (max-width: 576px) {
    .fq-cta-band { flex-direction: column; align-items: flex-start; padding: 24px; }
}