/* Сортировка каталога — нативный .woocommerce-ordering */

.breakdance-woocommerce .woocommerce-ordering {
    display: block !important;
    grid-column: 1 / -1;
    justify-self: end;
    width: max-content;
    max-width: 100%;
    margin: 0 0 8px auto;
}

.breakdance-woocommerce .woocommerce-ordering select.orderby {
    display: block;
    width: auto;
    min-width: 220px;
    max-width: 100%;
    padding: 8px 36px 8px 12px;
    border: 1px solid #9a9a9a;
    border-radius: 4px;
    background-color: #fff;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath fill='%236b6a6d' d='M1.4.6 6 5.2 10.6.6 12 2 6 8 0 2z'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 12px center;
    background-size: 12px 8px;
    color: #38373a;
    font-size: 13px;
    line-height: 1.3;
    appearance: none;
    -webkit-appearance: none;
    cursor: pointer;
}

.breakdance-woocommerce .woocommerce-ordering select.orderby:focus {
    outline: none;
    border-color: #38373a;
}

@media (max-width: 767px) {
    .breakdance-woocommerce .woocommerce-ordering {
        margin-left: 0;
        width: 100%;
    }

    .breakdance-woocommerce .woocommerce-ordering select.orderby {
        width: 100%;
        min-width: 0;
    }
}