.woocommerce .woocommerce-ordering select {
    appearance: none;
    cursor: pointer;
    background:
        linear-gradient(45deg, transparent 50%, #111 50%),
        linear-gradient(135deg, #111 50%, transparent 50%),
        #ffffff !important;
    background-position:
        calc(100% - 20px) 50%,
        calc(100% - 14px) 50%,
        0 0 !important;
    background-size:
        6px 6px,
        6px 6px,
        100% 100% !important;
    background-repeat: no-repeat !important;
    padding-right: 42px;
    font-weight: 700;
}

@media (max-width: 768px) {

    .woocommerce .woocommerce-ordering select {
        min-height: 52px;
        border-radius: 16px;
        font-size: 14px;
        box-shadow: var(--shadow-soft);
    }
}