section.flexi-block.block--accordion-02 {

    margin-bottom: 0;

    .block-heading {
        margin-bottom: 40px;
        max-width: 950px;
        text-align: center;

        h1, h2 {
            font-size: clamp(1.75rem, 4vw, 3rem);
            line-height: 1.125;
            max-width: 995px;
            margin: 0 auto clamp(18px, 4vw, 33px);
        }

        .eyebrow {
            color: var(--c-primary);
            font-size: clamp(.875rem, 4vw, 1.125rem) !important;
            margin-bottom: clamp(8px, 4vw, 12px) !important;
        }
    }

    .raptor-accordion-categories {
        display: grid;
        grid-template-columns: minmax(220px, 300px) 1fr;
        gap: 2rem;
        align-items: start;

        @media (width <= 768px) {
            grid-template-columns: 1fr;
            gap: 0;
        }

        &__sidebar {
            background-color: var(--c-secondary);
            border-radius: 1rem;
            padding: 2rem 1.5rem;
            color: var(--c-white);

            @media (width <= 768px) {
                position: sticky;
                bottom: 0;
                z-index: 20;
                border-radius: 1rem 1rem 0 0;
                padding: 0;
                box-shadow: 0 -8px 24px rgba(var(--c-black-rgb), .15);
                order: 2;

                display: flex;
                flex-direction: column-reverse;
            }
        }

        &__toggle {
            display: none;

            @media (width <= 768px) {
                display: flex;
                align-items: center;
                justify-content: center;
                gap: .5rem;
                width: 100%;
                background: transparent;
                border: none;
                color: var(--c-white);
                font-size: 1.125rem;
                padding: 1.25rem 1.5rem;
                cursor: pointer;
            }
        }

        &__toggle-label {
            font-weight: 500;
        }

        &__toggle-icon {
            width: 1rem;
            height: 1rem;
            transition: transform .3s ease;
        }

        &__toggle[aria-expanded="true"] &__toggle-icon {
            transform: rotate(180deg);
        }

        &__sidebar-inner {
            @media (width <= 768px) {
                max-height: 0;
                overflow: hidden;
                transition: max-height .3s ease, padding .3s ease;
                padding: 0 1.5rem;
            }
        }

        &.is-drawer-open .raptor-accordion-categories__sidebar-inner {
            @media (width <= 768px) {
                max-height: 70vh !important;
                overflow-y: auto;
                padding: 1.5rem;
            }
        }

        &__sidebar-title {
            font-size: 1.5rem;
            font-weight: 600;
            margin: 0 0 1.5rem;
            color: var(--c-white);

            @media (width <= 768px) {
                display: none;
            }
        }

        &__list {
            list-style: none;
            padding: 0;
            margin: 0;
            display: flex;
            flex-direction: column;
            gap: .25rem;
        }

        &__list-item {
            margin: 0;
        }

        &__tab {
            display: block;
            width: 100%;
            text-align: left;
            background: transparent;
            border: none;
            color: var(--c-white);
            font-size: 1rem;
            padding: .75rem 1.25rem;
            border-radius: 999px;
            cursor: pointer;
            transition: background-color .2s ease, color .2s ease;

            &:hover {
                background-color: rgba(var(--c-white-rgb), .08);
            }

            &.is-active {
                background-color: var(--c-primary);
                color: var(--c-white);
            }

            &:focus-visible {
                outline: 2px solid var(--c-primary);
                outline-offset: 2px;
            }
        }

        &__content {
            min-width: 0;

            @media (width <= 768px) {
                order: 1;
                padding-bottom: 5rem;
            }
        }

        &__panel {
            display: none;

            &.is-active {
                display: block;
            }
        }
    }

    .raptor-accordion__item {
        background-color: var(--c-l-grey);
        border-radius: calc(var(--border-radius) * 2);
    }
}