/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: May 28 2026 | 04:07:30 */
/* ================= DESKTOP ================= */
@media (min-width: 992px){

/* Judul produk */
.woocommerce ul.products li.product .woocommerce-loop-product__title{
    font-size: 18px !important;
    line-height: 1.3;
}

/* Harga produk */
.woocommerce ul.products li.product .price{
    font-size: 17px !important;
}

/* Button */
.woocommerce ul.products li.product .button{
    font-size: 15px !important;
    padding: 6px 12px !important;
}

}

/* ================= TABLET / IPAD ================= */
@media (min-width: 576px) and (max-width: 991px){

/* Judul produk */
.woocommerce ul.products li.product .woocommerce-loop-product__title{
    font-size: 18px !important;
    line-height: 1.3;
}

/* Harga */
.woocommerce ul.products li.product .price{
    font-size: 17px !important;
}

/* Button */
.woocommerce ul.products li.product .button{
    font-size: 14px !important;
    padding: 5px 10px !important;
}

}

/* ================= HANDPHONE ================= */
@media (max-width: 575px){

/* Judul produk */
.woocommerce ul.products li.product .woocommerce-loop-product__title{
    font-size: 13px !important;
    line-height: 1.3;
}

/* Harga */
.woocommerce ul.products li.product .price{
    font-size: 12px !important;
}

/* Button */
.woocommerce ul.products li.product .button{
    font-size: 11px !important;
    padding: 4px 9px !important;
}

}





/* =========================
   HALAMAN PRODUK WOOCOMMERCE
   TANPA MENGGANGGU WIDGET ELEMENTOR
========================= */

/* DESKTOP */
.post-type-archive-product ul.products,
.tax-product_cat ul.products,
.tax-product_tag ul.products {
    display: grid !important;
    grid-template-columns: repeat(4, 1fr) !important;
    gap: 24px;
}

/* TABLET / IPAD */
@media (max-width: 1024px) {
    .post-type-archive-product ul.products,
    .tax-product_cat ul.products,
    .tax-product_tag ul.products {
        grid-template-columns: repeat(3, 1fr) !important;
        gap: 20px;
    }
}

/* MOBILE BESAR */
@media (max-width: 767px) {
    .post-type-archive-product ul.products,
    .tax-product_cat ul.products,
    .tax-product_tag ul.products {
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 30px;
    }
}

/* MOBILE KECIL */
@media (max-width: 480px) {
    .post-type-archive-product ul.products,
    .tax-product_cat ul.products,
    .tax-product_tag ul.products {
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 30px;
    }
}