.faq-page {
        padding: 140px var(--spacing-md) var(--spacing-2xl);
        background-color: var(--color-white);
        min-height: 100vh;
    }

    .faq-page__container {
        max-width: 900px;
        margin: 0 auto;
    }

    .faq-page__header {
        text-align: center;
        margin-bottom: var(--spacing-2xl);
    }

    .faq-page__title {
        font-family: var(--font-display);
        font-size: 2.5rem;
        font-weight: 500;
        color: var(--color-dark);
        margin-bottom: var(--spacing-sm);
    }

    .faq-page__subtitle {
        font-family: var(--font-elegant);
        font-size: 1.2rem;
        color: var(--color-gray);
    }

    .faq-category {
        margin-bottom: var(--spacing-xl);
    }

    .faq-category__title {
        font-family: var(--font-body);
        font-size: 1rem;
        font-weight: 600;
        letter-spacing: 0.1em;
        text-transform: uppercase;
        color: var(--color-primary);
        margin-bottom: var(--spacing-md);
        padding-bottom: var(--spacing-sm);
        border-bottom: 2px solid var(--color-primary);
    }

    .faq-item {
        border-bottom: 1px solid var(--color-gray-light);
    }

    .faq-item__question {
        width: 100%;
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: var(--spacing-md) 0;
        font-family: var(--font-body);
        font-size: 1rem;
        font-weight: 500;
        color: var(--color-dark);
        text-align: left;
        cursor: pointer;
        transition: color var(--transition-base);
    }

    .faq-item__question:hover {
        color: var(--color-primary);
    }

    .faq-item__icon {
        width: 24px;
        height: 24px;
        flex-shrink: 0;
        margin-left: var(--spacing-md);
        transition: transform var(--transition-base);
    }

    .faq-item.active .faq-item__icon {
        transform: rotate(45deg);
    }

    .faq-item__answer {
        max-height: 0;
        overflow: hidden;
        transition: max-height 0.3s ease, padding 0.3s ease;
    }

    .faq-item.active .faq-item__answer {
        max-height: 500px;
        padding-bottom: var(--spacing-md);
    }

    .faq-item__answer-content {
        font-family: var(--font-elegant);
        font-size: 1.1rem;
        line-height: 1.8;
        color: var(--color-gray-dark);
    }

    .faq-item__answer-content p {
        margin-bottom: var(--spacing-sm);
    }

    .faq-item__answer-content ul {
        margin: var(--spacing-sm) 0;
        padding-left: var(--spacing-lg);
    }

    .faq-item__answer-content li {
        margin-bottom: var(--spacing-xs);
        list-style: disc;
    }

    .faq-item__answer-content strong {
        color: var(--color-dark);
    }

    .faq-item__answer-content a {
        color: var(--color-primary);
        text-decoration: underline;
    }

    @media (min-width: 768px) {
        .faq-page {
            padding: 160px var(--spacing-lg) var(--spacing-2xl);
        }

        .faq-page__title {
            font-size: 3rem;
        }
    }