/* Плавное раскрытие FAQ-аккордеонов (главная, центр помощи, тарифы).
   Градиент нельзя анимировать напрямую через background, поэтому он вынесен
   в ::before и плавно проявляется через opacity. Класс .is-open ставит
   /js/faq-accordion.js сразу при клике — ещё до окончания анимации высоты. */
.faq-smooth {
    position: relative;
    isolation: isolate;
}

.faq-smooth::before {
    content: '';
    position: absolute;
    inset: 0;
    z-index: -1;
    pointer-events: none;
    background: radial-gradient(120% 130% at 0% 0%, rgba(236, 72, 153, 0.18) 0%, rgba(219, 39, 119, 0.08) 35%, transparent 70%);
    opacity: 0;
    transition: opacity 0.45s cubic-bezier(0.4, 0, 0.2, 1);
}

.faq-smooth.is-open::before {
    opacity: 1;
}

.faq-smooth > summary svg {
    transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1) !important;
}

.faq-smooth.is-open > summary svg {
    transform: rotate(180deg) !important;
}

.faq-smooth:not(.is-open) > summary svg {
    transform: none !important;
}

@media (prefers-reduced-motion: reduce) {
    .faq-smooth::before,
    .faq-smooth > summary svg {
        transition: none !important;
    }
}