/* --- Accordion --- */
.accordion-item {
    border-top: 3px solid var(--color-text-main);
}

.accordion-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1.5rem 0;
    cursor: pointer;
}

.accordion-content {
    display: none;
    /* Hidden by default, GSAP will handle display if needed or we use height: 0 */
    overflow: hidden;
}

/* We still use .active class to manage header states, but height is JS-driven */
.accordion-item.active .accordion-content {
    display: block;
}

/* Inner wrapper handles spacing */
.accordion-content>div {
    min-height: 0;
    padding-left: 3.5rem;
    padding-top: 2rem;
    padding-bottom: 3rem;
}

@media screen and (max-width: 767px) {
    .accordion-content>div {
        padding-left: 0;
    }
}

/* Plus icon rotation with synced timing - preserved animation */
.chevron-icon {
    transition: transform 0.4s cubic-bezier(0.25, 1, 0.5, 1);
}

.accordion-item.active .chevron-icon,
.group.active .chevron-icon {
    transform: rotate(45deg);
}