.orchid-filter-toggle {
    display: none;
}

@media (max-width: 767.98px) {
    .mobile-filters-ready .orchid-filter-section > .orchid-filter-heading {
        display: none;
    }

    .mobile-filters-ready .orchid-filter-toggle {
        display: flex;
        align-items: center;
        gap: 10px;
        width: 100%;
        min-height: 44px;
        padding: 8px 0;
        border: 0;
        background: transparent;
        color: #344054;
        text-align: left;
        font-size: 14px;
        font-weight: 600;
        cursor: pointer;
    }

    .orchid-filter-toggle:focus-visible {
        outline: 2px solid #426fbd;
        outline-offset: 3px;
        border-radius: 4px;
    }

    .orchid-filter-toggle__count {
        padding: 3px 8px;
        border-radius: 999px;
        background: #dff7f3;
        color: #25433e;
        font-size: 12px;
        font-weight: 500;
    }

    .orchid-filter-toggle__chevron {
        width: 8px;
        height: 8px;
        margin: 0 4px 4px auto;
        border-right: 2px solid currentColor;
        border-bottom: 2px solid currentColor;
        transform: rotate(45deg);
    }

    .orchid-filter-toggle[aria-expanded="true"] .orchid-filter-toggle__chevron {
        margin-bottom: 0;
        transform: rotate(225deg);
    }

    .mobile-filters-ready .orchid-filter-section:not(.orchid-filter-section--expanded) .orchid-filter-bar__main {
        display: none;
    }

    .mobile-filters-ready .orchid-filter-section--expanded .orchid-filter-bar__main {
        margin-top: 10px;
    }

    .orchid-filter-section .orchid-filter-bar__actions .btn,
    .orchid-filter-section .orchid-filter-bar__field .form-control,
    .orchid-filter-section .orchid-filter-chip {
        min-height: 44px;
    }

    .orchid-filter-section .orchid-filter-chip {
        max-width: 100%;
        overflow-wrap: anywhere;
    }

    .orchid-filter-chip svg {
        flex-shrink: 0;
    }
}