/* // ===============================
            SHOP
// =============================== */

/* SHOP CART - VIEW CART BTN */
.loop-button-wrap .added_to_cart {
    color: none !important;
}

/* Shop */
.no-sidebar .site-main,.site-main.no-sidebar {
    padding-left: 0px !important;
    padding-right: 0px !important;
    padding-bottom: 4% !important;
}

/* Title - SHOP */
.woocommerce-products-header {
    padding-left: 16% !important;
    padding-right: 16% !important;
    padding-top: 8% !important;
    font-family: 'Roboto', sans-serif !important; 
}

.no-sidebar .woocommerce-sorting-wrapper {
    border: none !important;
    /* padding-left: 16% !important;
    padding-right: 16% !important; */
}


/* Title - SHOP */
.em-h1:not(.has-text-color), .page-title:not(.has-text-color), h1:not(.has-text-color) {
    font-size: 40px;
    letter-spacing: 1px;
    font-weight: 400 !important;
    font-family: 'Roboto', sans-serif; 
}

/* SORTING */
.woocommerce-sorting-wrapper .row {
    padding-left: 16% !important;
    padding-right: 16% !important;
    letter-spacing: .6px !important;
    font-family: 'Inter', sans-serif; 
    font-weight: 300 !important;
    margin-top: -10px !important;
}

/* ul.products */
/* ul.products.columns-3 {
    display: grid;
    grid-template-columns: repeat(4, 1fr) !important;
} */
 
ul.products.columns-3 {
    grid-template-columns: unset !important;
    grid-template-columns: repeat(4, 1fr) !important;
    padding-left: 16% !important;
    padding-right: 16% !important;
    padding-bottom: 4% !important;
    margin-top: -2% !important;
}

a.added_to_cart.wc-forward {
  display: none !important;
}

/* RATINGS */
#primary .ratings p {
    margin-bottom: 0 !important;
}

@media screen and (min-width: 1280px) and (max-width: 1536px) {
    /* // ===============================
                SHOP
    // =============================== */
    
    /* Title - SHOP */
    .woocommerce-products-header {
        padding-left: 8% !important;
        padding-right: 8% !important;
        padding-top: 10% !important;
        font-family: 'Roboto', sans-serif; 
    }

    /* Title - SHOP */
    .em-h1:not(.has-text-color), .page-title:not(.has-text-color), h1:not(.has-text-color) {
        font-size: 35px !important;
    }

    /* SORTING */
    .woocommerce-sorting-wrapper .row {
        padding-left: 8% !important;
        padding-right: 8% !important;
        
    }

    /* ul.products */
    ul.products.columns-3 {
        grid-template-columns: unset !important;
        grid-template-columns: repeat(4, 1fr) !important;
        padding-left: 8% !important;
        padding-right: 8% !important;
        padding-bottom: 4% !important;
        margin-top: -4% !important;
    }

}

@media screen and (min-width: 1024px) and (max-width: 1279px) {
    /* // ===============================
                SHOP
    // =============================== */
    
    /* Title - SHOP */
    .woocommerce-products-header {
        padding-left: 8% !important;
        padding-right: 8% !important;
        padding-top: 12% !important;
    }

    /* Title - SHOP */
    .em-h1:not(.has-text-color), .page-title:not(.has-text-color), h1:not(.has-text-color) {
        font-size: 30px !important;
    }

    /* SORTING */
    .woocommerce-sorting-wrapper .row {
        padding-left: 8% !important;
        padding-right: 8% !important;
        margin-top: -12px !important;
    }

    .woocommerce-sorting-wrapper p,
    .woocommerce-sorting-wrapper select {
        font-size: 15px !important;
    }

    /* ul.products */
    ul.products.columns-3 {
        grid-template-columns: unset !important;
        grid-template-columns: repeat(3, 1fr) !important;
        padding-left: 8% !important;
        padding-right: 8% !important;
        padding-bottom: 4% !important;
        margin-top: -4% !important;
    }
}


@media screen and (min-width: 768px) and (max-width: 1023px) {
    
    /* // ===============================
                SHOP
    // =============================== */
    
    /* Title - SHOP */
    .woocommerce-products-header {
        padding-left: 3% !important;
        padding-right: 3% !important;
        padding-top: 14% !important;
    }

    /* Title - SHOP */
    .em-h1:not(.has-text-color), .page-title:not(.has-text-color), h1:not(.has-text-color) {
        font-size: 25px !important;
    }

    /* SORTING */
    .woocommerce-sorting-wrapper .row {
        padding-left: 3% !important;
        padding-right: 3% !important;
    }

    .woocommerce-sorting-wrapper p,
    .woocommerce-sorting-wrapper select {
        font-size: 14px !important;
    }

    /* ul.products */
    ul.products.columns-3 {
        grid-template-columns: unset !important;
        grid-template-columns: repeat(3, 1fr) !important;
        padding-left: 3% !important;
        padding-right: 3% !important;
        padding-bottom: 4% !important;
        margin-top: -6% !important;
    }
}

@media screen and (min-width: 640px) and (max-width: 767px) {

    /* // ===============================
                SHOP
    // =============================== */
    
    /* Title - SHOP */
    .woocommerce-products-header {
        padding-left: 4% !important;
        padding-right: 4% !important;
        padding-top: 16% !important;
    }

    /* Title - SHOP */
    .em-h1:not(.has-text-color), .page-title:not(.has-text-color), h1:not(.has-text-color) {
        font-size: 24px !important;
        text-align: center !important;
        text-transform: uppercase;
    }

    .no-sidebar .woocommerce-sorting-wrapper {
        border-bottom: 1px solid rgb(245, 245, 245) !important;
    }

    /* SORTING */
    .woocommerce-sorting-wrapper .row {
        padding-left: 4% !important;
        padding-right: 4% !important;
        margin-top: 10px !important;
    }

    .woocommerce-sorting-wrapper p,
    .woocommerce-sorting-wrapper select {
        font-size: 14.5px !important;
    }

    /* ul.products */
    ul.products.columns-3 {
        grid-template-columns: unset !important;
        grid-template-columns: repeat(2, 1fr) !important;
        padding-left: 4% !important;
        padding-right: 4% !important;
        padding-bottom: 4% !important;
    }
}

@media screen and (min-width: 480px) and (max-width: 639px) {
    
    /* // ===============================
                SHOP
    // =============================== */
    
    /* Title - SHOP */
    .woocommerce-products-header {
        padding-left: 3.2% !important;
        padding-right: 3.2% !important;
        padding-top: 22% !important;
    }

    /* Title - SHOP */
    .em-h1:not(.has-text-color), .page-title:not(.has-text-color), h1:not(.has-text-color) {
        font-size: 22px !important;
        text-align: center !important;
        text-transform: uppercase;
    }

    .no-sidebar .woocommerce-sorting-wrapper {
        border-bottom: 1px solid rgb(245, 245, 245) !important;
    }

    /* SORTING */
    .woocommerce-sorting-wrapper .row {
        padding-left: 3.2% !important;
        padding-right: 3.2% !important;
        padding-top: 2% !important;
    }

    .woocommerce-sorting-wrapper p,
    .woocommerce-sorting-wrapper select {
        font-size: 14px !important;
    }

    /* ul.products */
    ul.products.columns-3 {
        grid-template-columns: unset !important;
        grid-template-columns: repeat(2, 1fr) !important;
        padding-left: 3.2% !important;
        padding-right: 3.2% !important;
        padding-bottom: 4% !important;
    }
}

@media screen and (min-width: 200px) and (max-width: 479px) {
    
    /* // ===============================
                SHOP
    // =============================== */
    
    /* Title - SHOP */
    .woocommerce-products-header {
        padding-left: 3.2% !important;
        padding-right: 3.2% !important;
        padding-top: 16% !important;
    }

    /* Title - SHOP */
    .em-h1:not(.has-text-color), .page-title:not(.has-text-color), h1:not(.has-text-color) {
        font-size: 30px !important;
        text-align: center !important;
        text-transform: uppercase;
    }

    /* SORTING */
    .woocommerce-sorting-wrapper .row {
        padding-left: 3.2% !important;
        padding-right: 3.2% !important;
        font-size: 14px !important;
    }

    .woocommerce-ordering select {
        font-size: 14px !important;
    }

    /* ul.products */
    ul.products.columns-3 {
        grid-template-columns: unset !important;
        grid-template-columns: repeat(2, 1fr) !important;
        padding-left: 3.2% !important;
        padding-right: 3.2% !important;
    }   
}