/*========================================*\
    Filter
\*========================================*/
#productFilterForm {
    display: flex;
    align-items: center;
    font-size: 16px;
    color: #343434;
    gap: 20px;
}
#productFilterForm select {
    text-transform: capitalize;
}
#productFilterForm select,
#productFilterForm input {
    height: 30px;
    line-height: 30px;
    border: none;
    border-bottom: 1px solid #bdbdbd;
    background-color: #ffffff;
}
#productFilterForm select:focus,
#productFilterForm input:focus {
    outline: none;
}
#productFilterForm input {
    width: 400px;
}
#productFilterForm button {
    background: none;
    border: none;
    font-size: 20px;
    color: #343434;
    padding: 0px;
}

::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #343434;
    opacity: 1; /* Firefox */
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: #343434;
}

::-ms-input-placeholder { /* Microsoft Edge */
    color: #343434;
}



/*========================================*\
    Media Queries
\*========================================*/
@media only screen and (max-width: 876px) {
    #productFilterForm {
        width: 100%;
    }
    #productFilterForm select,
    #productFilterForm input {
        width: 50%;
    }
}
@media (max-width: 603px) {
    #productFilterForm {
        gap: 10px;
    }
}