.elementor-2907 .elementor-element.elementor-element-f3f1660{--display:flex;--margin-top:-120px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:180px;--padding-left:0px;--padding-right:0px;}.elementor-2907 .elementor-element.elementor-element-8971540.elementor-element{--flex-grow:0;--flex-shrink:0;}@media(max-width:479px){.elementor-2907 .elementor-element.elementor-element-8971540 > .elementor-widget-container{margin:70px 0px 0px 0px;}}/* Start custom CSS for container, class: .elementor-element-f3f1660 *//* * 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 */