/* ===== NEW rules for the FAQ question row + rotating arrow icon (add these) ===== */
.mignon-faq-question{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:20px;
}
.mignon-faq-question-text{
    margin:0; /* was already 0 via .mignon-faq-question-text, kept for safety inside flex row */
}
.mignon-faq-icon{
    flex-shrink:0;
    display:flex;
    align-items:center;
    justify-content:center;
    color:#000;
}
.mignon-faq-icon-svg{
    width:18px;
    height:18px;
    display:block;
    transform: rotate(180deg); /* closed state: looks like ↙ */
    transition: transform 0.35s ease;
}
.mignon-faq-item.mignon-faq-open .mignon-faq-icon-svg{
    transform: rotate(0deg); /* open state: looks like ↗ */
}
.mignon-faq-item.mignon-faq-open .mignon-faq-icon{
    color:#e6197e;
}