/* Section faq */
    .faq-container {
        max-width: 800px;
        margin: 0 auto 16px auto;
    }
    
    .faq-item {
        background: var(--white);
        margin-bottom: 15px;
        overflow: hidden;
        box-shadow: 0 5px 15px rgba(0,0,0,0.05);
    }
    
    .faq-question {
        padding: 20px 25px;
        display: flex;
        justify-content: space-between;
        align-items: center;
        cursor: pointer;
        background: var(--red);
        h3{
            color: var(--white);
        }
    }
    
    .faq-question:hover{
        background: var(--yellow);
        h3{
            color: var(--red);
        }
        svg{
            fill: var(--red);
        }
    }
    
    .faq-question.active {
        background: var(--yellow);
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0;
        h3{
            color: var(--red);
        }
        svg{
            fill: var(--red);
        }
    }
    
    .faq-question h3 {
        margin: 0;
        font-weight: 600;
    }
    
    .faq-toggle svg{
        fill: var(--white);
        transition: transform 0.3s ease;
    }
    
    .faq-answer {
        padding: 0 25px;
        max-height: 0;
        overflow: hidden;
        transition: all 0.3s ease;
    }
    
    .faq-answer.active {
        padding: 0 25px 25px;
        max-height: 500px;
    }
    
    .faq-answer p {
        padding-top: 16px;
        line-height: 1.6;
        margin: 0;
    }
    
    .faq-answer p > p { margin: 0 0 .8em; }
    .faq-answer > :last-child { margin-bottom: 0; }
    .faq-answer ul,
    .faq-answer ol { padding-left: 1.3em; margin: 0 0 .8em; }
    .faq-answer ul { list-style: disc; }
    .faq-answer ol { list-style: decimal; }
    .faq-answer a  { text-decoration: underline; }
/* Section faq */

/* skeleton faq */
    .faq-skeleton {
        position: relative;
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 20px;
        padding: 22px 24px;
        margin-bottom: 12px;
        border-radius: 10px;
        background: #f3f0ec;
        overflow: hidden;
    }
    .faq-skeleton::after {
        content: "";
        position: absolute;
        inset: 0;
        transform: translateX(-100%);
        background: linear-gradient(90deg, transparent, rgba(255,255,255,.55), transparent);
        animation: sk-shimmer 1.4s infinite;
    }
    .faq-skeleton:nth-child(2) .sk-faq-line { width: 55%; }
    .faq-skeleton:nth-child(3) .sk-faq-line { width: 70%; }
    .faq-skeleton:nth-child(4) .sk-faq-line { width: 48%; }
    
    .sk-faq-line { height: 18px; width: 62%; }
    .sk-faq-icon { height: 24px; width: 24px; border-radius: 50%; flex-shrink: 0; }
    
    @media (prefers-reduced-motion: reduce) { .faq-skeleton::after { animation: none; } }
/* skeleton faq */