/* سوالات متداول صفحات SEO — هم‌تراز با عرض محتوای اصلی سایت */
.seo-page-faq {
    padding-block: 2.5rem;
}

main > .seo-page-faq {
    padding-inline: 2%;
    margin-top: 0;
    border-top: 1px solid var(--glass-border, rgba(15, 23, 42, 0.1));
    background: var(--card-bg, #fff);
}

.seo-page-faq__container {
    width: 100%;
    max-width: 1200px;
    margin-inline: auto;
    padding-inline: 1rem;
}

.seo-page-faq__head {
    margin-bottom: 1.25rem;
}

.seo-page-faq__title {
    margin: 0;
    font-size: clamp(1.35rem, 2.5vw, 1.75rem);
    font-weight: 800;
    color: var(--text-main, #0f172a);
}

.seo-page-faq__accordion {
    display: grid;
    gap: 0.75rem;
}

.seo-page-faq__item {
    border: 1px solid var(--glass-border, rgba(15, 23, 42, 0.12));
    border-radius: var(--brand-box-radius, 8px);
    overflow: hidden;
    background: var(--card-bg, #fff);
    box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04);
}

.seo-page-faq__button {
    font-weight: 700;
    font-size: 0.98rem;
    line-height: 1.7;
    background: var(--card-bg, #fff);
    color: var(--text-main, #0f172a);
    box-shadow: none;
    padding: 1rem 1.15rem;
}

.seo-page-faq__button:not(.collapsed) {
    background: var(--brand-primary-soft, rgba(54, 84, 255, 0.08));
    color: var(--landing-primary, var(--brand-primary, #3654ff));
}

.seo-page-faq__button:focus {
    box-shadow: none;
    border-color: transparent;
}

.seo-page-faq__body {
    padding: 0.25rem 1.15rem 1.1rem;
    color: var(--text-muted, #475569);
    line-height: 1.85;
}

/* داخل صفحاتی که خودشان padding افقی دارند (مثل بلاگ) */
.blog-detail-page > .seo-page-faq,
.detail-page > .seo-page-faq {
    padding-inline: 0;
    border-top: none;
    background: transparent;
}

.blog-detail-page > .seo-page-faq .seo-page-faq__container,
.detail-page > .seo-page-faq .seo-page-faq__container {
    max-width: none;
    padding-inline: 0;
}

@media (min-width: 1400px) {
    .seo-page-faq__container {
        max-width: 1320px;
    }
}

@media (min-width: 1200px) and (max-width: 1399px) {
    .seo-page-faq__container {
        max-width: 1140px;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .seo-page-faq__container {
        max-width: 960px;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .seo-page-faq__container {
        max-width: 720px;
    }
}

@media (max-width: 767px) {
    main > .seo-page-faq {
        padding-inline: 4%;
    }

    .seo-page-faq__container {
        padding-inline: 0.25rem;
    }

    .seo-page-faq__button,
    .seo-page-faq__body {
        padding-inline: 0.9rem;
    }
}