.elementor-658 .elementor-element.elementor-element-42da50c{--display:flex;--padding-top:020px;--padding-bottom:10px;--padding-left:011px;--padding-right:20px;}.elementor-658 .elementor-element.elementor-element-86c30d4.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-658 .elementor-element.elementor-element-762a8ad{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-658 .elementor-element.elementor-element-762a8ad.e-con{--align-self:center;}.elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .woocommerce-loop-product__title{color:var( --e-global-color-primary );}.elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .woocommerce-loop-category__title{color:var( --e-global-color-primary );}.elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .woocommerce-loop-product__title, .elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .woocommerce-loop-category__title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );text-transform:var( --e-global-typography-primary-text-transform );font-style:var( --e-global-typography-primary-font-style );text-decoration:var( --e-global-typography-primary-text-decoration );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );}.elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .price{color:var( --e-global-color-primary );font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );text-transform:var( --e-global-typography-primary-text-transform );font-style:var( --e-global-typography-primary-font-style );text-decoration:var( --e-global-typography-primary-text-decoration );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );}.elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .price ins{color:var( --e-global-color-primary );}.elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .price ins .amount{color:var( --e-global-color-primary );}.elementor-widget-woocommerce-products{--products-title-color:var( --e-global-color-primary );}.elementor-widget-woocommerce-products.products-heading-show .related-products > h2, .elementor-widget-woocommerce-products.products-heading-show .upsells > h2, .elementor-widget-woocommerce-products.products-heading-show .cross-sells > h2{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );text-transform:var( --e-global-typography-primary-text-transform );font-style:var( --e-global-typography-primary-font-style );text-decoration:var( --e-global-typography-primary-text-decoration );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );}.elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .price del{color:var( --e-global-color-primary );}.elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .price del .amount{color:var( --e-global-color-primary );}.elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .price del {font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );text-transform:var( --e-global-typography-primary-text-transform );font-style:var( --e-global-typography-primary-font-style );text-decoration:var( --e-global-typography-primary-text-decoration );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );}.elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .button{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-size:var( --e-global-typography-accent-font-size );font-weight:var( --e-global-typography-accent-font-weight );text-transform:var( --e-global-typography-accent-text-transform );font-style:var( --e-global-typography-accent-font-style );text-decoration:var( --e-global-typography-accent-text-decoration );line-height:var( --e-global-typography-accent-line-height );letter-spacing:var( --e-global-typography-accent-letter-spacing );}.elementor-widget-woocommerce-products.elementor-wc-products .added_to_cart{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-size:var( --e-global-typography-accent-font-size );font-weight:var( --e-global-typography-accent-font-weight );text-transform:var( --e-global-typography-accent-text-transform );font-style:var( --e-global-typography-accent-font-style );text-decoration:var( --e-global-typography-accent-text-decoration );line-height:var( --e-global-typography-accent-line-height );letter-spacing:var( --e-global-typography-accent-letter-spacing );}.elementor-658 .elementor-element.elementor-element-5c5673f{width:100%;max-width:100%;}.elementor-658 .elementor-element.elementor-element-5c5673f > .elementor-widget-container{padding:10px 10px 10px 10px;}.elementor-658 .elementor-element.elementor-element-5c5673f.elementor-element{--align-self:center;}.elementor-658 .elementor-element.elementor-element-5c5673f.elementor-wc-products  ul.products{grid-column-gap:8px;grid-row-gap:25px;}.elementor-658 .elementor-element.elementor-element-5c5673f nav.woocommerce-pagination{margin-top:0px;}.elementor-658 .elementor-element.elementor-element-5c5673f nav.woocommerce-pagination ul li a, .elementor-658 .elementor-element.elementor-element-5c5673f nav.woocommerce-pagination ul li span{padding:0px;}.elementor-658 .elementor-element.elementor-element-5c5673f.elementor-wc-products ul.products li.product span.onsale{display:block;}:root{--page-title-display:none;}@media(max-width:1024px){.elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .woocommerce-loop-product__title, .elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .woocommerce-loop-category__title{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );}.elementor-widget-woocommerce-products.products-heading-show .related-products > h2, .elementor-widget-woocommerce-products.products-heading-show .upsells > h2, .elementor-widget-woocommerce-products.products-heading-show .cross-sells > h2{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );}.elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .price{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );}.elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .price del {font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );}.elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .button{font-size:var( --e-global-typography-accent-font-size );line-height:var( --e-global-typography-accent-line-height );letter-spacing:var( --e-global-typography-accent-letter-spacing );}.elementor-widget-woocommerce-products.elementor-wc-products .added_to_cart{font-size:var( --e-global-typography-accent-font-size );line-height:var( --e-global-typography-accent-line-height );letter-spacing:var( --e-global-typography-accent-letter-spacing );}.elementor-658 .elementor-element.elementor-element-5c5673f.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}}@media(max-width:767px){.elementor-658 .elementor-element.elementor-element-86c30d4{width:var( --container-widget-width, 318.254px );max-width:318.254px;--container-widget-width:318.254px;--container-widget-flex-grow:0;}.elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .woocommerce-loop-product__title, .elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .woocommerce-loop-category__title{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );}.elementor-widget-woocommerce-products.products-heading-show .related-products > h2, .elementor-widget-woocommerce-products.products-heading-show .upsells > h2, .elementor-widget-woocommerce-products.products-heading-show .cross-sells > h2{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );}.elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .price{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );}.elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .price del {font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );}.elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .button{font-size:var( --e-global-typography-accent-font-size );line-height:var( --e-global-typography-accent-line-height );letter-spacing:var( --e-global-typography-accent-letter-spacing );}.elementor-widget-woocommerce-products.elementor-wc-products .added_to_cart{font-size:var( --e-global-typography-accent-font-size );line-height:var( --e-global-typography-accent-line-height );letter-spacing:var( --e-global-typography-accent-letter-spacing );}.elementor-658 .elementor-element.elementor-element-5c5673f.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}}/* Start custom CSS for woocommerce-breadcrumb, class: .elementor-element-86c30d4 *//* =========================================
   1. BREADCRUMBS (Home / All Products)
   ========================================= */
.woocommerce-breadcrumb {
    font-family: 'Poppins', sans-serif !important;
    font-size: 15px !important;
    font-weight: 500 !important;
    color: #5C3D2E !important; /* Coklat Paulette */
    margin-top: 10px !important;
    padding-bottom: 15px !important;
    border-bottom: 1px solid rgba(92, 61, 46, 0.15) !important; /* Garis tipis di bawah */
}

.woocommerce-breadcrumb a {
    color: #5C3D2E !important;
    text-decoration: none !important;
    transition: color 0.3s ease !important;
}

.woocommerce-breadcrumb a:hover {
    color: #2C1810 !important; /* Coklat lebih gelap saat hover */
    text-decoration: underline !important;
}

.woocommerce-breadcrumb .delimiter {
    margin: 0 8px !important;
    color: #999999 !important;
}

/* =========================================
   BREADCRUMBS - TABLET & MOBILE
   ========================================= */

/* Tablet */
@media (max-width: 1024px) {
    .woocommerce-breadcrumb {
        font-size: 12px !important; /* Lebih kecil dari desktop (13px) */
        margin-bottom: 0px !important;
        padding-bottom: 12px !important;
    }
}

/* Mobile */
@media (max-width: 767px) {
    .woocommerce-breadcrumb {
        font-size: 11px !important; /* Lebih kecil lagi di HP */
        margin-bottom: 0px !important;
        padding-bottom: 10px !important;
        padding-left: 1px !important;
        padding-right: 1px !important;
    }
    
    .woocommerce-breadcrumb .delimiter {
        margin: 0 5px !important; /* Jarak delimiter lebih kecil */
    }
}/* End custom CSS */
/* Start custom CSS for woocommerce-products, class: .elementor-element-5c5673f *//* =========================================
   1. BASE HARGA (NORMAL - HITAM)
   Berlaku untuk semua harga, termasuk yang tidak diskon
   ========================================= */
.elementor-658 .elementor-element.elementor-element-5c5673f ul.products li.product .price,
.elementor-658 .elementor-element.elementor-element-5c5673f ul.products li.product .price .amount {
    font-family: 'Poppins', sans-serif !important;
    font-size: 16px !important; /* Ukuran sama dengan harga sale */
    font-weight: 700 !important; /* Tebal sama dengan harga sale */
    color: #1A1A1A !important; /* Hitam Paulette */
    letter-spacing: 0 !important; /* Hapus spasi aneh */
    word-spacing: 0 !important;
    white-space: nowrap !important;
    margin: 0 !important;
    padding: 0 !important;
    line-height: 1 !important;
    text-decoration: none !important;
    background: transparent !important;
}

/* =========================================
   2. HARGA SALE (MERAH)
   Override warna jadi merah khusus untuk harga diskon
   ========================================= */
.elementor-658 .elementor-element.elementor-element-5c5673f ul.products li.product .price ins,
.elementor-658 .elementor-element.elementor-element-5c5673f ul.products li.product .price ins .amount {
    color: #E63946 !important; /* Merah premium */
    font-size: 16px !important;
    font-weight: 700 !important;
    text-decoration: none !important;
    background: transparent !important;
}

/* =========================================
   3. HARGA NORMAL DICORET (ABU-ABU)
   Override jadi abu-abu, lebih kecil, dan dicoret
   ========================================= */
.elementor-658 .elementor-element.elementor-element-5c5673f ul.products li.product .price del,
.elementor-658 .elementor-element.elementor-element-5c5673f ul.products li.product .price del .amount {
    color: #999999 !important;
    font-size: 13px !important; /* Sedikit lebih kecil agar hierarki jelas */
    font-weight: 400 !important; /* Tidak tebal */
    text-decoration: line-through !important;
    opacity: 0.7 !important;
    margin-left: 5px !important; /* Jarak dari harga merah */
}

/* =========================================
   4. LAYOUT FLEXBOX - CARA SIMPLE
   ========================================= */
.elementor-658 .elementor-element.elementor-element-5c5673f ul.products li.product .price {
    display: flex !important;
    align-items: baseline !important;
    gap: 3px !important;
    justify-content: flex-start !important;
}

/* HANYA produk yang punya diskon, sale merah di kiri */
.elementor-658 .elementor-element.elementor-element-5c5673f ul.products li.product .price ins {
    order: -1 !important;
}

.elementor-658 .elementor-element.elementor-element-5c5673f ul.products li.product .price del {
    order: 1 !important;
    margin-left: 0 !important;
    margin-right: auto !important; /* Dorong ke kanan */
}

/* =========================================
   5. NAMA PRODUK - FIX SPACING & FONT
   ========================================= */
.elementor-658 .elementor-element.elementor-element-5c5673f ul.products li.product .woocommerce-loop-product__title {
    font-family: 'Poppins', sans-serif !important;
    font-size: 18px !important;
    font-weight: 500 !important;
    color: #1A1A1A !important;
    letter-spacing: 0 !important; /* Hapus spasi lebar */
    word-spacing: 0 !important; /* Hapus spasi antar kata */
    line-height: 1.3 !important; /* Spasi baris rapat */
    margin: 0 0 0 0 !important; /* Jarak ke harga: 8px */
    padding: 0 !important;
    text-align: left !important;
    text-transform: none !important; /* Jangan uppercase semua */
    
    /* Batasi maksimal 2 baris agar grid rapi */
    display: -webkit-box !important;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    min-height: 36px !important; /* Tinggi tetap untuk 2 baris */
}

/* =========================================
   6. CONTAINER PRODUK - SPACING KE GAMBAR
   ========================================= */
.elementor-658 .elementor-element.elementor-element-5c5673f ul.products li.product {
    margin-bottom: 0 !important;
    padding: 0 !important;
}

/* Jarak antara gambar dan nama produk */
.elementor-658 .elementor-element.elementor-element-5c5673f ul.products li.product a img {
    margin-bottom: 12px !important; /* Jarak gambar ke teks: 12px */
}

/* =========================================
   7. LINK PRODUK - HILANGKAN UNDERLINE
   ========================================= */
.elementor-658 .elementor-element.elementor-element-5c5673f ul.products li.product a {
    text-decoration: none !important;
    box-shadow: none !important;
}

/* =========================================
   8. BADGE SALE - PAULETTE STYLE (KUNING)
   ========================================= */
.elementor-658 .elementor-element.elementor-element-5c5673f ul.products li.product .onsale {
    /* Warna Khas Paulette */
    background-color: #FFC72C !important; /* Kuning Paulette */
    color: #1A1A1A !important;            /* Teks Hitam */

    /* Tipografi Poppins */
    font-family: 'Poppins', sans-serif !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
    line-height: 1.2 !important;

    /* Bentuk Pill (Lonjong) yang Playful */
    border-radius: 20px !important; 
    padding: 6px 14px !important;
    min-height: auto !important;
    min-width: auto !important;
    height: auto !important;
    width: auto !important;

    /* Posisi di Pojok Kiri Atas Gambar */
    position: absolute !important;
    top: 12px !important;
    left: 12px !important;
    right: auto !important;
    margin: 0 !important;
    z-index: 10 !important;

    /* Sedikit Bayangan agar Terlihat "Pop" & Premium */
    box-shadow: 0 2px 8px rgba(0,0,0,0.08) !important;
}

/* =========================================
   9. HILANGKAN TOMBOL ADD TO CART
   ========================================= */
.elementor-658 .elementor-element.elementor-element-5c5673f ul.products li.product .button,
.elementor-658 .elementor-element.elementor-element-5c5673f ul.products li.product a.add_to_cart_button,
.elementor-658 .elementor-element.elementor-element-5c5673f ul.products li.product .added_to_cart {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    pointer-events: none !important;
}

/* =========================================
   RESPONSIVE PRODUCTS GRID & TYPOGRAPHY
   ========================================= */

/* TABLET (3 Kolom) */
@media (max-width: 1024px) {
    .elementor-658 .elementor-element.elementor-element-5c5673f ul.products {
        grid-template-columns: repeat(3, 1fr) !important;
        gap: 10px !important;
    }
    
    /* Nama Produk Tablet */
    .elementor-658 .elementor-element.elementor-element-5c5673f ul.products li.product .woocommerce-loop-product__title {
        font-size: 15px !important;
        margin-bottom: 6px !important;
    }
    
    /* Harga Normal Tablet */
    .elementor-658 .elementor-element.elementor-element-5c5673f ul.products li.product .price,
    .elementor-658 .elementor-element.elementor-element-5c5673f ul.products li.product .price .amount {
        font-size: 13px !important;
    }
    .elementor-658 .elementor-element.elementor-element-5c5673f ul.products li.product .price del .amount {
        font-size: 11px !important;
    }
    
    /* >>> TAMBAHAN: Harga Sale (Merah) Khusus Tablet <<< */
    .elementor-658 .elementor-element.elementor-element-5c5673f ul.products li.product .price ins,
    .elementor-658 .elementor-element.elementor-element-5c5673f ul.products li.product .price ins .amount {
        font-size: 13px !important; /* <-- GANTI ANGKA INI UNTUK TABLET */
    }
    
    /* Badge Sale Tablet */
    .elementor-658 .elementor-element.elementor-element-5c5673f ul.products li.product .onsale {
        font-size: 10px !important;
        padding: 5px 10px !important;
        top: 8px !important;
        left: 8px !important;
    }
}

/* MOBILE (2 Kolom) */
@media (max-width: 767px) {
    .elementor-658 .elementor-element.elementor-element-5c5673f ul.products {
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 5px !important; /* Jarak lebih rapat di HP */
    }
    
    /* Nama Produk Mobile */
    .elementor-658 .elementor-element.elementor-element-5c5673f ul.products li.product .woocommerce-loop-product__title {
        font-size: 12px !important; /* Lebih kecil agar muat 2 kolom */
        margin-bottom: 5px !important;
        min-height: 32px !important;
    }
    
    /* Harga Normal Mobile */
    .elementor-658 .elementor-element.elementor-element-5c5673f ul.products li.product .price,
    .elementor-658 .elementor-element.elementor-element-5c5673f ul.products li.product .price .amount {
        font-size: 11px !important; /* 18px terlalu besar untuk layar HP 2 kolom */
    }
    .elementor-658 .elementor-element.elementor-element-5c5673f ul.products li.product .price del .amount {
        font-size: 10px !important;
    }
    
    /* >>> TAMBAHAN: Harga Sale (Merah) Khusus Mobile <<< */
    .elementor-658 .elementor-element.elementor-element-5c5673f ul.products li.product .price ins,
    .elementor-658 .elementor-element.elementor-element-5c5673f ul.products li.product .price ins .amount {
        font-size: 11px !important; /* <-- GANTI ANGKA INI UNTUK MOBILE */
    }
    
    /* Badge Sale Mobile */
    .elementor-658 .elementor-element.elementor-element-5c5673f ul.products li.product .onsale {
        font-size: 9px !important;
        padding: 4px 8px !important;
        border-radius: 15px !important;
        top: 6px !important;
        left: 6px !important;
    }
}

/* =========================================
   KONTROL SPACING / JARAK (ATURAN MANUAL)
   ========================================= */

/* 1. Jarak dari GAMBAR ke NAMA PRODUK */
.elementor-658 .elementor-element.elementor-element-5c5673f ul.products li.product a img {
    margin-bottom: 8px !important; /* <-- GANTI ANGKA INI (misal: 5px atau 10px) */
}

/* 2. Jarak dari NAMA PRODUK ke HARGA */
.elementor-658 .elementor-element.elementor-element-5c5673f ul.products li.product .woocommerce-loop-product__title {
    margin-bottom: 10px !important; /* <-- GANTI ANGKA INI (misal: 2px atau 6px) */
    
    /* Memastikan tidak ada ruang kosong tersembunyi */
    min-height: auto !important; 
    line-height: 1.2 !important;
    padding-bottom: 0 !important;
}

/* 3. Jarak antara HARGA SALE (Merah) dan HARGA CORET (Abu-abu) */
.elementor-658 .elementor-element.elementor-element-5c5673f ul.products li.product .price {
    gap: 4px !important; /* <-- GANTI ANGKA INI (misal: 2px atau 8px) */
    margin-top: 0 !important; /* Memastikan harga nempel ke nama produk */
    padding-top: 0 !important;
}

/* =========================================
   SPACING TABLET & MOBILE (TIDAK MENGUBAH PC)
   ========================================= */

/* TABLET - Beri ruang napas lebih lega */
@media (max-width: 1024px) {
    .elementor-658 .elementor-element.elementor-element-5c5673f ul.products {
        gap: 8px !important; /* <-- GANTI ANGKA INI (jarak antar produk di tablet) */
        padding: 0 0 !important; /* <-- GANTI ANGKA INI (ruang kiri-kanan container) */
    }
    
    /* Jarak gambar ke nama produk di tablet */
    .elementor-658 .elementor-element.elementor-element-5c5673f ul.products li.product a img {
        margin-bottom: 10px !important;
    }
    
    /* Jarak nama produk ke harga di tablet */
    .elementor-658 .elementor-element.elementor-element-5c5673f ul.products li.product .woocommerce-loop-product__title {
        margin-bottom: 8px !important;
    }
}

/* MOBILE - Beri ruang napas tapi tetap compact */
@media (max-width: 767px) {
    .elementor-658 .elementor-element.elementor-element-5c5673f ul.products {
        gap: 5px !important; /* <-- GANTI ANGKA INI (jarak antar produk di HP) */
        padding: 0 0 !important; /* <-- GANTI ANGKA INI (ruang kiri-kanan, biar gak mepet layar) */
    }
    
    /* Jarak gambar ke nama produk di mobile */
    .elementor-658 .elementor-element.elementor-element-5c5673f ul.products li.product a img {
        margin-bottom: 5px !important;
    }
    
    /* Jarak nama produk ke harga di mobile */
    .elementor-658 .elementor-element.elementor-element-5c5673f ul.products li.product .woocommerce-loop-product__title {
        margin-bottom: 5px !important;
    }
}

/* =========================================
   JARAK VERTIKAL ANTAR BARIS (TABLET & MOBILE)
   ========================================= */

/* TABLET - Jarak antar baris */
@media (max-width: 1024px) {
    .elementor-658 .elementor-element.elementor-element-5c5673f ul.products {
        row-gap: 25px !important; /* <-- GANTI ANGKA INI (jarak vertikal antar baris di tablet) */
    }
    
    .elementor-658 .elementor-element.elementor-element-5c5673f ul.products li.product {
        margin-bottom: 0 !important;
        padding-bottom: 0 !important;
    }
}

/* MOBILE - Jarak antar baris */
@media (max-width: 767px) {
    .elementor-658 .elementor-element.elementor-element-5c5673f ul.products {
        row-gap: 15px !important; /* <-- GANTI ANGKA INI (jarak vertikal antar baris di HP) */
    }
    
    .elementor-658 .elementor-element.elementor-element-5c5673f ul.products li.product {
        margin-bottom: 0 !important;
        padding-bottom: 0 !important;
    }
}

/* =========================================
   2. SORTING DROPDOWN (Default sorting)
   ========================================= */
.woocommerce-ordering {
    margin-bottom: 40px !important;
}

.woocommerce-ordering select {
    font-family: 'Poppins', sans-serif !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    color: #5C3D2E !important;
    border: 2px solid #5C3D2E !important;
    border-radius: 25px !important;
    padding: 10px 35px 10px 20px !important;
    background-color: #FFFFFF !important;
    outline: none !important;
    cursor: pointer !important;
    appearance: none !important;
    background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%235C3D2E%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E") !important;
    background-repeat: no-repeat !important;
    background-position: right 15px center !important;
    background-size: 10px auto !important;
    transition: all 0.3s ease !important;
}

/* Hover pada tombol: Tetap putih, cuma border menebal */
.woocommerce-ordering select:hover {
    border-width: 3px !important;
    padding: 9px 34px 9px 19px !important;
    background-color: #FFFFFF !important; /* TETAP PUTIH! */
    color: #5C3D2E !important;
    box-shadow: 0 4px 12px rgba(92, 61, 46, 0.15) !important;
}
/* Mobile */
@media (max-width: 767px) {
    .woocommerce-ordering select:hover {
    border-width: 3px !important;
    padding: 7px 0px 7px 15px !important;
    background-color: #FFFFFF !important; /* TETAP PUTIH! */
    color: #5C3D2E !important;
    box-shadow: 0 4px 12px rgba(92, 61, 46, 0.15) !important;
}
/* Styling untuk opsi di dalam dropdown - SEMUA PUTIH */
.woocommerce-ordering select option {
    background-color: #FFFFFF !important; /* Putih */
    color: #5C3D2E !important; /* Teks coklat */
    font-family: 'Poppins', sans-serif !important;
    font-size: 13px !important;
    padding: 8px !important;
}

/* Opsi yang sedang di-hover (oleh browser) */
.woocommerce-ordering select option:hover,
.woocommerce-ordering select option:checked {
    background-color: #5C3D2E !important; /* Coklat saat di-hover/dipilih */
    color: #FFD93D !important; /* Teks kuning */
}

/* Saat dropdown terbuka (focus) */
.woocommerce-ordering select:focus,
.woocommerce-ordering select:active {
    border: 3px solid #5C3D2E !important;
    padding: 9px 34px 9px 19px !important;
    background-color: #FFFFFF !important; /* Tetap putih */
    color: #5C3D2E !important;
    outline: none !important;
}

/* =========================================
   3. PAGINATION (Tombol Halaman di Bawah)
   ========================================= */
.woocommerce-pagination {
    margin-top: 60px !important;
    margin-bottom: 40px !important;
}

.woocommerce-pagination ul.page-numbers {
    display: flex !important;
    justify-content: center !important;
    gap: 10px !important;
    list-style: none !important;
    padding: 0 !important;
}

/* Tombol Angka & Panah */
.woocommerce-pagination ul.page-numbers li a,
.woocommerce-pagination ul.page-numbers li span {
    font-family: 'Poppins', sans-serif !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    color: #5C3D2E !important;
    background-color: transparent !important;
    border: 2px solid #5C3D2E !important;
    border-radius: 50% !important; /* Bentuk Lingkaran */
    width: 42px !important;
    height: 42px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    text-decoration: none !important;
    transition: all 0.3s ease !important;
    box-shadow: 2px 2px 0px rgba(92, 61, 46, 0.1) !important;
}

/* Efek Hover */
.woocommerce-pagination ul.page-numbers li a:hover {
    background-color: #5C3D2E !important;
    color: #FFD93D !important; /* Kuning Paulette */
    transform: translateY(-2px) !important;
}

/* Halaman Aktif (Yang sedang dibuka) */
.woocommerce-pagination ul.page-numbers li span.current {
    background-color: #5C3D2E !important;
    color: #FFD93D !important;
    border-color: #5C3D2E !important;
    box-shadow: 2px 2px 0px rgba(92, 61, 46, 0.2) !important;
}

/* Tombol Next/Prev (Panah) - Bentuk Pill */
.woocommerce-pagination ul.page-numbers li a.next,
.woocommerce-pagination ul.page-numbers li a.prev {
    width: auto !important;
    padding: 0 20px !important;
    border-radius: 25px !important;
}
/* Hapus garis halus (ghost border) di sekitar tombol pagination */
.woocommerce-pagination ul.page-numbers li {
    border: none !important;
    outline: none !important;
    background: transparent !important;
    box-shadow: none !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Pastikan tombol di dalamnya juga bersih dari garis aneh */
.woocommerce-pagination ul.page-numbers li a,
.woocommerce-pagination ul.page-numbers li span {
    border: 2px solid #5C3D2E !important; /* Pastikan cuma border coklat kita yang aktif */
    outline: none !important;
    box-shadow: none !important; /* Hapus shadow bawaan tema jika ada */
}
/* Hapus garis kotak pembungkus luar Pagination */
nav.woocommerce-pagination,
.woocommerce-pagination,
.woocommerce-pagination ul.page-numbers {
    border: none !important;
    outline: none !important;
    background: transparent !important;
    box-shadow: none !important;
    padding: 0 !important;
    margin: 30px !important;
}

/* Pastikan tidak ada garis di dalam list item */
.woocommerce-pagination ul.page-numbers li {
    border: none !important;
    outline: none !important;
    background: transparent !important;
    margin: 0 2px !important; /* Beri sedikit jarak antar tombol */
}

/* =========================================
   FILTER (SORTING) - TABLET & MOBILE
   ========================================= */

/* Tablet */
@media (max-width: 1024px) {
    .woocommerce-ordering select {
        font-size: 12px !important;
        padding: 8px 30px 8px 18px !important;
        background-size: 8px auto !important;
    }
}

/* Mobile */
@media (max-width: 767px) {
    .woocommerce-ordering {
        margin-bottom: 25px !important;
    }
    
    .woocommerce-ordering select {
        font-size: 11px !important;
        padding: 8px 1px 8px 15px !important;
        border-radius: 20px !important; /* Sedikit lebih kecil */
        background-size: 8px auto !important;
    }
}

/* =========================================
   PAGINATION - TABLET & MOBILE
   ========================================= */

/* Tablet */
@media (max-width: 1024px) {
    .woocommerce-pagination ul.page-numbers li a,
    .woocommerce-pagination ul.page-numbers li span {
        width: 38px !important; /* Lebih kecil dari 42px */
        height: 38px !important;
        font-size: 13px !important;
    }
    
    .woocommerce-pagination ul.page-numbers li a.next,
    .woocommerce-pagination ul.page-numbers li a.prev {
        padding: 0 18px !important;
    }
}

/* Mobile */
@media (max-width: 767px) {
    .woocommerce-pagination {
        margin-top: 40px !important;
        margin-bottom: 30px !important;
    }
    
    .woocommerce-pagination ul.page-numbers {
        gap: 6px !important; /* Jarak antar tombol lebih rapat */
    }
    
    .woocommerce-pagination ul.page-numbers li a,
    .woocommerce-pagination ul.page-numbers li span {
        width: 30px !important; /* Lebih kecil lagi */
        height: 30px !important;
        font-size: 12px !important;
        border-width: 1.5px !important; /* Border lebih tipis */
    }
    
    .woocommerce-pagination ul.page-numbers li a.next,
    .woocommerce-pagination ul.page-numbers li a.prev {
        padding: 0 15px !important;
        border-radius: 20px !important;
    }
}/* End custom CSS */