.elementor-5157 .elementor-element.elementor-element-25d333d4:not(.elementor-motion-effects-element-type-background), .elementor-5157 .elementor-element.elementor-element-25d333d4 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-5157 .elementor-element.elementor-element-25d333d4{border-style:solid;border-width:0px 0px 1px 0px;border-color:var( --e-global-color-1674bdb );transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin-top:0px;margin-bottom:020px;padding:0px 0px 100px 0px;}.elementor-5157 .elementor-element.elementor-element-25d333d4 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-5157 .elementor-element.elementor-element-7076daa3 > .elementor-element-populated{margin:0px 0px 0px 50px;--e-column-margin-right:0px;--e-column-margin-left:50px;}.elementor-5157 .elementor-element.elementor-element-28dea0e .elementor-heading-title{text-decoration:underline;}.elementor-5157 .elementor-element.elementor-element-1faf5dc{padding:0px 0px 50px 0px;}.elementor-5157 .elementor-element.elementor-element-f6d86b6 .wdt-heading-holder .wdt-heading-title-wrapper .wdt-heading-title{align-items:center;font-size:48px;}.elementor-5157 .elementor-element.elementor-element-f6d86b6 .wdt-heading-holder .wdt-heading-subtitle-wrapper .wdt-heading-subtitle{align-items:center;}.elementor-5157 .elementor-element.elementor-element-f6d86b6.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-5157 .elementor-element.elementor-element-f6d86b6 .wdt-heading-holder, .elementor-5157 .elementor-element.elementor-element-f6d86b6 .wdt-heading-holder > .wdt-heading-separator-wrapper .wdt-heading-separator, .elementor-5157 .elementor-element.elementor-element-f6d86b6 .wdt-heading-holder > .wdt-heading-title-wrapper .wdt-heading-title, .elementor-5157 .elementor-element.elementor-element-f6d86b6 .wdt-heading-holder > .wdt-heading-subtitle-wrapper .wdt-heading-subtitle{text-align:center;justify-content:center;justify-items:center;}.elementor-5157 .elementor-element.elementor-element-f6d86b6 .wdt-heading-holder{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}@media(max-width:1024px) and (min-width:480px){.elementor-5157 .elementor-element.elementor-element-1a653c4b{width:100%;}.elementor-5157 .elementor-element.elementor-element-7076daa3{width:100%;}}@media(max-width:1280px){.elementor-5157 .elementor-element.elementor-element-25d333d4{margin-top:0px;margin-bottom:80px;padding:0px 0px 80px 0px;}.elementor-5157 .elementor-element.elementor-element-1faf5dc{padding:0px 0px 80px 0px;}}@media(max-width:1024px){.elementor-5157 .elementor-element.elementor-element-25d333d4{margin-top:0px;margin-bottom:70px;padding:0px 0px 70px 0px;}.elementor-5157 .elementor-element.elementor-element-1a653c4b > .elementor-element-populated{margin:0px 0px 40px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;}.elementor-5157 .elementor-element.elementor-element-7076daa3 > .elementor-element-populated{margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;}.elementor-5157 .elementor-element.elementor-element-1faf5dc{padding:0px 0px 70px 0px;}}@media(max-width:767px){.elementor-5157 .elementor-element.elementor-element-25d333d4{margin-top:0px;margin-bottom:60px;padding:0px 0px 60px 0px;}.elementor-5157 .elementor-element.elementor-element-1faf5dc{padding:0px 0px 60px 0px;}}@media(max-width:479px){.elementor-5157 .elementor-element.elementor-element-25d333d4{margin-top:0px;margin-bottom:50px;padding:0px 0px 50px 0px;}.elementor-5157 .elementor-element.elementor-element-1faf5dc{padding:50px 0px 50px 0px;}}/* Start custom CSS for wdt-shop-product-single-summary, class: .elementor-element-6347e12a */.wdt-shop-detail-design .wdt-product-summary.summary.entry-summary li.variable-item.button-variable-item, .woocommerce div.product .summary form.variations_form.cart .variations li.variable-item.button-variable-item {
    width: 100px;
    height: 100px;
}/* End custom CSS */
/* Start custom CSS for section, class: .elementor-element-25d333d4 */#header-wrapper {
    margin: 0 !important;
}

.wdt-shop-detail-design .wdt-product-summary.summary.entry-summary .product_meta_wrapper .product_meta span.posted_in a{
    border: 1px solid #793b17;
    color: #793b17 !important;
}

.woocommerce .product p.price, .woocommerce-page .product p.price, .woocommerce div.product p.price, .woocommerce-page div.product p.price, .woocommerce .product span.price, .woocommerce-page .product span.price, .woocommerce div.product span.price, .woocommerce-page div.product span.price, .woocommerce .product p.price ins, .woocommerce-page .product p.price ins, .woocommerce div.product p.price ins, .woocommerce-page div.product p.price ins, .woocommerce .product span.price ins, .woocommerce-page .product span.price ins, .woocommerce div.product span.price ins, .woocommerce-page div.product span.price ins{
    font-size: 32px;
}/* End custom CSS */
/* Start custom CSS for section, class: .elementor-element-1faf5dc *//* * WOOCOMMERCE PRODUCT LIST OVERRIDES
 * Target: .wdt-products-container.woocommerce
 * Style: Minimalist Grid (3 Columns), Portrait Images
 * * CARA PASANG:
 * 1. Login ke Dashboard WordPress
 * 2. Pergi ke Appearance > Customize > Additional CSS
 * 3. Paste kode di bawah ini
 */

/* --- 1. MAIN GRID LAYOUT --- */
.wdt-products-container.woocommerce ul.products {
    display: grid !important; /* Pastikan mode Grid aktif */
    /* LOGIKA UTAMA: Buat kolom selebar 475px. 
       Jika layar tidak cukup, turun ke bawah (wrap). 
       justify-content center agar rapi di tengah */
    grid-template-columns: repeat(475px) !important;
    gap: 0px !important; /* Jarak antar produk */
    margin: 0 !important;
    padding: 0 !important;
    
    /* Reset float bawaan tema lama agar Grid bekerja */
    float: none !important;
}

/* Reset pseudo-elements yang sering mengganggu grid */
.wdt-products-container.woocommerce ul.products::before,
.wdt-products-container.woocommerce ul.products::after {
    display: none !important;
    content: none !important;
}

/* --- 2. PRODUCT CARD (LIST ITEM) --- */
.wdt-products-container.woocommerce ul.products li.product {
    width: 100% !important; /* Reset lebar bawaan */
    float: none !important; /* Matikan float */
    margin: 0 !important;
    
    /* UPDATE: Penambahan Border dan Background */
    background: #ffffff !important; /* Pastikan background putih */
    border: 1px solid #e5e5e5 !important; /* Border tipis 1px */
    padding: 0px !important; /* Jarak isi konten ke border */
    box-sizing: border-box !important; /* Agar padding tidak merusak grid */
    
    position: relative !important;
    box-shadow: none !important;
    transition: border-color 0.3s ease !important;
}


/* --- 3. PRODUCT IMAGE (PORTRAIT) --- */
.wdt-products-container.woocommerce ul.products li.product a img {
    width: 100% !important;
    height: auto !important;
    aspect-ratio: 3 / 4 !important; /* KUNCI: Rasio Portrait (3:4) */
    object-fit: cover !important; /* Gambar dipotong rapi, tidak gepeng */
    border-radius: 0 !important; /* Sudut tajam/kotak */
    box-shadow: none !important;
    display: block !important;
}
.woocommerce ul.products li.product .product-thumb-content > div, .woocommerce ul.products li.product .product-details > div {
    padding-left: 15px;
}

/* --- 4. TYPOGRAPHY (JUDUL & HARGA) --- */

/* Judul Produk */
.wdt-products-container.woocommerce ul.products li.product .woocommerce-loop-product__title {
    text-align: left !important;
    margin: 0 0 5px 0 !important;
    line-height: 1.4 !important;
    text-transform: none !important; /* Mencegah huruf kapital semua */
}

/* Harga Produk */
.wdt-products-container.woocommerce ul.products li.product .price {
    text-align: left !important;
  /* Regular */
    display: block !important;
    margin: 0 !important;
}

/* Menghilangkan coretan harga diskon jika ingin tampilan super bersih (Opsional - hilangkan komentar jika mau) */
/* .wdt-products-container.woocommerce ul.products li.product .price del { display: none !important; } */


/* --- 5. CLEAN UP (SEMBUNYIKAN ELEMEN TIDAK PERLU) --- */

/* Sembunyikan tombol Add to Cart agar mirip katalog fashion */
.wdt-products-container.woocommerce ul.products li.product .button,
.wdt-products-container.woocommerce ul.products li.product .add_to_cart_button,
.wdt-products-container.woocommerce ul.products li.product .added_to_cart {
    display: none !important;
}

/* Sembunyikan Rating Bintang */
.wdt-products-container.woocommerce ul.products li.product .star-rating {
    display: none !important;
}

/* Sembunyikan Badge Sale/On Sale (Opsional - hapus baris ini jika ingin tetap ada) */
.wdt-products-container.woocommerce ul.products li.product .onsale {
    display: none !important;
}


/* --- 6. RESPONSIVE (HP & TABLET) --- */

/* Tablet (Layar < 768px) */
@media (max-width: 768px) {
    .wdt-products-container.woocommerce ul.products {
        grid-template-columns: repeat(2, 1fr) !important; /* 2 Kolom */
        gap: 0px !important;
    }
}

/* HP (Layar < 480px) */
@media (max-width: 480px) {
    .wdt-products-container.woocommerce ul.products {
        /* PERBAIKAN: Gunakan repeat(2, 1fr) agar muncul 2 kolom */
        grid-template-columns: repeat(2, 1fr) !important; 
        gap: 0px !important;
    }
    
    /* Opsional: Kecilkan ukuran font judul di HP agar tidak berantakan */
    .woocommerce ul.products li.product .product-details > .product-title h5 a {
        font-size: 16px;
    }
}/* End custom CSS */