@media (max-width: 767px) {
    .dibibi-mobile-controls {
        display: flex !important;
        flex-direction: row !important;
        align-items: center;
        justify-content: flex-start !important;
        gap: 12px;
        width: 100%;
    }

    .dibibi-mobile-controls > .dibibi-mobile-filter,
    .dibibi-mobile-controls > .w-order.for_list {
        flex: 1 1 0;
        min-width: 0;
        width: 50%;
        margin: 0;
    }

    .dibibi-mobile-controls > .dibibi-mobile-filter {
        order: 0;
        display: flex;
        justify-content: flex-start;
        text-align: left;
        margin-left: 0 !important;
        margin-right: 0 !important;
    }

    .dibibi-mobile-controls > .w-order.for_list {
        order: 1;
    }

    .dibibi-mobile-controls > .w-order.for_list .w-order-select,
    .dibibi-mobile-controls > .w-order.for_list select {
        width: 100%;
    }

    .dibibi-mobile-controls > .dibibi-mobile-filter .w-filter-opener {
        width: auto !important;
        margin-left: 0 !important;
        margin-right: auto !important;
        text-align: left;
        pointer-events: auto;
        z-index: 30;
    }

    .dibibi-mobile-filter.state_mobile.open_for_mobile .w-filter-list-closer {
        display: block !important;
        position: fixed;
        top: 12px;
        right: 12px;
        left: auto;
        width: 44px;
        height: 44px;
        line-height: 44px;
        border-radius: 50%;
        background: var(--color-content-bg, #fff);
        color: var(--color-content-text, #222);
        z-index: 100001;
    }

    .dibibi-mobile-controls > .dibibi-mobile-filter .w-filter-opener,
    .dibibi-mobile-controls > .w-order.for_list select {
        min-height: 44px;
    }
}
