.elementor-256 .elementor-element.elementor-element-91688d6{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;border-style:solid;--border-style:solid;border-width:0px 0px 1px 0px;--border-top-width:0px;--border-right-width:0px;--border-bottom-width:1px;--border-left-width:0px;border-color:var( --e-global-color-primary );--border-color:var( --e-global-color-primary );}.elementor-256 .elementor-element.elementor-element-91688d6:not(.elementor-motion-effects-element-type-background), .elementor-256 .elementor-element.elementor-element-91688d6 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(180deg, #3B2420 0%, #1C191D 100%);}.elementor-256 .elementor-element.elementor-element-80dcc5f{--display:flex;--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-widget-icon-list .elementor-icon-list-item:not(:last-child):after{border-color:var( --e-global-color-text );}.elementor-widget-icon-list .elementor-icon-list-icon i{color:var( --e-global-color-primary );}.elementor-widget-icon-list .elementor-icon-list-icon svg{fill:var( --e-global-color-primary );}.elementor-widget-icon-list .elementor-icon-list-item > .elementor-icon-list-text, .elementor-widget-icon-list .elementor-icon-list-item > a{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-icon-list .elementor-icon-list-text{color:var( --e-global-color-secondary );}.elementor-256 .elementor-element.elementor-element-c4857e9{background-color:#FF4D002B;padding:3px 15px 3px 15px;border-style:solid;border-width:1px 1px 1px 1px;border-color:var( --e-global-color-primary );border-radius:30px 30px 30px 30px;--e-icon-list-icon-size:10px;--icon-vertical-offset:0px;}.elementor-256 .elementor-element.elementor-element-c4857e9 .elementor-icon-list-icon i{color:#0EB31A;transition:color 0.3s;}.elementor-256 .elementor-element.elementor-element-c4857e9 .elementor-icon-list-icon svg{fill:#0EB31A;transition:fill 0.3s;}.elementor-256 .elementor-element.elementor-element-c4857e9 .elementor-icon-list-icon{padding-inline-end:0px;}.elementor-256 .elementor-element.elementor-element-c4857e9 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-256 .elementor-element.elementor-element-c4857e9 .elementor-icon-list-item > a{font-family:"Roboto", Sans-serif;font-size:12px;font-weight:400;}.elementor-256 .elementor-element.elementor-element-c4857e9 .elementor-icon-list-text{color:var( --e-global-color-primary );transition:color 0.3s;}.elementor-256 .elementor-element.elementor-element-3b4d562{--spacer-size:15px;}.elementor-widget-theme-archive-title .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-256 .elementor-element.elementor-element-5983016 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:30px;font-weight:600;color:#FFFFFF;}.elementor-256 .elementor-element.elementor-element-97e7cc4{--spacer-size:15px;}.elementor-256 .elementor-element.elementor-element-bc46234{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-256 .elementor-element.elementor-element-014ff07{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:10px;--padding-bottom:150px;--padding-left:10px;--padding-right:10px;}.elementor-256 .elementor-element.elementor-element-014ff07:not(.elementor-motion-effects-element-type-background), .elementor-256 .elementor-element.elementor-element-014ff07 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(90deg, #22222E 0%, #967240 100%);}.elementor-256 .elementor-element.elementor-element-7983b88{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--border-radius:10px 10px 10px 10px;}.elementor-256 .elementor-element.elementor-element-67b7be3{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-widget-wc-archive-products.elementor-wc-products ul.products li.product .woocommerce-loop-product__title{color:var( --e-global-color-primary );}.elementor-widget-wc-archive-products.elementor-wc-products ul.products li.product .woocommerce-loop-category__title{color:var( --e-global-color-primary );}.elementor-widget-wc-archive-products.elementor-wc-products ul.products li.product .woocommerce-loop-product__title, .elementor-widget-wc-archive-products.elementor-wc-products ul.products li.product .woocommerce-loop-category__title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-wc-archive-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-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-wc-archive-products.elementor-wc-products ul.products li.product .price ins{color:var( --e-global-color-primary );}.elementor-widget-wc-archive-products.elementor-wc-products ul.products li.product .price ins .amount{color:var( --e-global-color-primary );}.elementor-widget-wc-archive-products{--products-title-color:var( --e-global-color-primary );}.elementor-widget-wc-archive-products.products-heading-show .related-products > h2, .elementor-widget-wc-archive-products.products-heading-show .upsells > h2, .elementor-widget-wc-archive-products.products-heading-show .cross-sells > h2{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-wc-archive-products.elementor-wc-products ul.products li.product .price del{color:var( --e-global-color-primary );}.elementor-widget-wc-archive-products.elementor-wc-products ul.products li.product .price del .amount{color:var( --e-global-color-primary );}.elementor-widget-wc-archive-products.elementor-wc-products ul.products li.product .price del {font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-wc-archive-products.elementor-wc-products ul.products li.product .button{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-wc-archive-products.elementor-wc-products .added_to_cart{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-wc-archive-products .elementor-products-nothing-found{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-256 .elementor-element.elementor-element-4cce535.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}.elementor-256 .elementor-element.elementor-element-4cce535.elementor-wc-products ul.products li.product .price del{color:var( --e-global-color-text );}.elementor-256 .elementor-element.elementor-element-4cce535.elementor-wc-products ul.products li.product .price del .amount{color:var( --e-global-color-text );}.elementor-256 .elementor-element.elementor-element-4cce535.elementor-wc-products ul.products li.product span.onsale{display:block;}@media(max-width:1024px){.elementor-256 .elementor-element.elementor-element-4cce535.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}}@media(min-width:768px){.elementor-256 .elementor-element.elementor-element-91688d6{--content-width:1300px;}.elementor-256 .elementor-element.elementor-element-014ff07{--content-width:1300px;}.elementor-256 .elementor-element.elementor-element-7983b88{--width:20%;}.elementor-256 .elementor-element.elementor-element-67b7be3{--width:80%;}}@media(max-width:767px){.elementor-256 .elementor-element.elementor-element-7983b88{--padding-top:0px;--padding-bottom:0px;--padding-left:10px;--padding-right:10px;}.elementor-256 .elementor-element.elementor-element-4cce535.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}}/* Start custom CSS for wc-archive-products, class: .elementor-element-4cce535 *//* =========================================
   DESAIN KOTAK SORTIR WOOCOMMERCE
   ========================================= */
.elementor-256 .elementor-element.elementor-element-4cce535 .woocommerce-ordering select,
.woocommerce-ordering select {
    background-color: #3b2b20 !important; /* Warna cokelat gelap */
    color: #ffffff !important; /* Teks putih */
    border: 1px solid #ff5e00 !important; /* Bingkai oranye */
    border-radius: 6px !important; /* Lengkungan sudut */
    padding: 9px 35px 8px 15px !important;
    font-family: 'Poppins', sans-serif !important;
    font-size: 13px !important;
    font-weight: 500 !important;
    outline: none !important;
    box-shadow: none !important;
    cursor: pointer;
    
    /* Menghilangkan panah bawaan browser yang jelek */
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    appearance: none !important;
    
    /* Menggantinya dengan panah putih custom */
    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%23FFFFFF%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 12px top 50% !important; /* Posisi panah */
    background-size: 10px auto !important; /* Ukuran panah */
}

/* Mengubah warna latar belakang daftar pilihan saat diklik */
.elementor-256 .elementor-element.elementor-element-4cce535 .woocommerce-ordering select option,
.woocommerce-ordering select option {
    background-color: #3b2b20 !important;
    color: #ffffff !important;
    padding: 10px !important;
}

/* Menghilangkan border pada form pembungkusnya */
.elementor-256 .elementor-element.elementor-element-4cce535 .woocommerce-ordering,
.woocommerce-ordering {
    margin: 5 !important;
    border: none !important;
}


/* Merapikan teks Result Count (X akun tersedia) */
.elementor-256 .elementor-element.elementor-element-4cce535 .woocommerce-result-count {
    color: #d1d1d1 !important; /* Warna abu-abu terang */
    font-family: 'Poppins', sans-serif !important;
    font-size: 12px !important;
    font-weight: 400 !important;
    margin-top: 10px !important;
}

/* =========================================
   1. SEMBUNYIKAN TOMBOL ADD TO CART
   ========================================= */
.elementor-256 .elementor-element.elementor-element-4cce535 .add_to_cart_button,
.elementor-256 .elementor-element.elementor-element-4cce535 .ajax_add_to_cart {
    display: none !important;
}

/* =========================================
   2. DESAIN KARTU UTAMA & BACKGROUND BAWAH
   ========================================= */
.elementor-256 .elementor-element.elementor-element-4cce535 .product {
    /* REVISI 5: Ini untuk mengganti warna background di area bawah gambar */
    background-color: #221c18 !important; /* Warna cokelat sangat gelap sesuai gambar */
    
    /* REVISI 4: Border sekeliling kartu */
    border: 1px solid #ff5e00 !important; /* Border oranye */
    
    border-radius: 8px !important;
    overflow: hidden !important;
    padding: 0 !important;
    position: relative;
    box-shadow: 0 4px 10px rgba(0,0,0,0.3);
}

/* =========================================
   3. RASIO GAMBAR (OTOMATIS PROPORSIONAL)
   ========================================= */
.elementor-256 .elementor-element.elementor-element-4cce535 .product img {
    width: 100% !important;
    height: auto !important; /* Membiarkan tinggi menyesuaikan gambar asli */
    object-fit: cover !important; 
    margin: 0 !important;
    border-radius: 8px 8px 0 0 !important;
    background-color: transparent !important; /* Menghapus warna hitam */
    display: block !important;
}

/* =========================================
   4. BADGE DISKON PERSENTASE (MERAH)
   ========================================= */
.elementor-256 .elementor-element.elementor-element-4cce535 .product .onsale {
    position: absolute !important;
    top: 5px !important;
    right: 5px !important;
    left: auto !important;
    background-color: #de1422 !important;
    color: #ffffff !important;
    font-weight: 800 !important;
    font-size: 14px !important;
    padding: 5px 10px !important;
    border-radius: 4px !important;
    line-height: 1 !important;
    min-width: auto !important;
    min-height: auto !important;
    z-index: 9;
}

/* =========================================
   5. LAYOUT KONTEN (TAG, JUDUL, HARGA, WR)
   ========================================= */
.elementor-256 .elementor-element.elementor-element-4cce535 .product > a {
    display: flex;
    flex-direction: column;
    height: 100%;
}
.elementor-256 .elementor-element.elementor-element-4cce535 .product .woocommerce-loop-product__title,
.elementor-256 .elementor-element.elementor-element-4cce535 .product .price,
.elementor-256 .elementor-element.elementor-element-4cce535 .product .ac-card-tags {
    padding-left: 10px !important;
    padding-right: 10px !important;
}

/* --- REVISI 2: DESAIN TAGS BAWAAN WOOCOMMERCE --- */
.elementor-256 .elementor-element.elementor-element-4cce535 .ac-card-tags {
    margin-top: 10px !important;
    margin-bottom: -5px !important;
}
.elementor-256 .elementor-element.elementor-element-4cce535 .ac-card-tags span {
    display: inline-block;
    border: 1px solid #ff5e00; 
    color: #ff5e00;
    font-size:10px;
    font-weight: 500;
    padding: 4px 8px;
    border-radius: 6px; 
    background-color: rgba(255, 94, 0, 0.05); /* Background tipis sesuai gambar */
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 100%;
}

/* --- DESAIN JUDUL PRODUK --- */
.elementor-256 .elementor-element.elementor-element-4cce535 .product .woocommerce-loop-product__title {
    color: #ffffff !important;
    font-size: 17px !important;
    font-weight: 800 !important;
    margin-bottom: -5px !important;
    text-align: left !important;
}

/* --- REVISI 1 & 3: DESAIN HARGA & WR (COREt DI BAWAH) --- */
.elementor-256 .elementor-element.elementor-element-4cce535 .product .price {
    display: flex !important;
    flex-direction: column !important; /* Menyusun ke bawah */
    align-items: flex-start !important;
    text-align: left !important;
    margin-bottom: 10px !important;
    position: relative; 
}

/* Harga Diskon (Promo) - Dipindah ke ATAS pakai flex 'order' */
.elementor-256 .elementor-element.elementor-element-4cce535 .product .price ins {
    order: 1 !important; 
    text-decoration: none !important;
    font-size: 22px !important;
    font-weight: 800 !important;
    color: #ff5e00 !important;
    background: transparent !important;
}

/* Harga Asli (Coret) - Dipindah ke BAWAH pakai flex 'order' */
.elementor-256 .elementor-element.elementor-element-4cce535 .product .price del {
    order: 2 !important; 
    font-size: 12px !important;
    color: #888888 !important;
    margin-top: 3px !important;
    display: block !important;
    opacity: 0.6;
}

/* Posisi Winrate (Mentok Kanan Bawah) */
.elementor-256 .elementor-element.elementor-element-4cce535 .ac-card-wr {
    position: absolute;
    bottom: 23px; /* Jarak dari bawah, naik-turunkan angka ini jika kurang sejajar dengan harga coret */
    right: 15px; /* Mentok ke kanan */
    color: #a3a3a3; 
    font-size: 12px;
    font-weight: 600;
    font-family: 'Poppins', sans-serif;
    z-index: 10;
}

/* =========================================
   6. PENGATURAN GRID (FULL LEBAR & RAPI)
   ========================================= */
.elementor-256 .elementor-element.elementor-element-4cce535 ul.products {
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: space-between !important;
    gap: 4px !important; /* Gap sangat kecil agar mepet */
    padding: 0px !important; /* Memberi sedikit jarak aman dengan pinggir layar HP */
}

.elementor-256 .elementor-element.elementor-element-4cce535 .product {
    /* Lebar dibuat tepat 50% dikurangi sedikit untuk gap */
    flex: 0 0 calc(50% - 4px) !important; 
    max-width: calc(50% - 4px) !important;
    margin: 0 !important; 
}

@media (max-width: 768px) {
    .elementor-256 .elementor-element.elementor-element-4cce535 .product {
        flex: 0 0 calc(50% - 4px) !important;
        max-width: calc(50% - 4px) !important;
        margin-bottom: 8px !important; 
    }
}

/* A. TAMPILAN DESKTOP (3 Produk Per Baris) */
@media (min-width: 1025px) {
    .elementor-256 .elementor-element.elementor-element-4cce535 ul.products {
        display: flex !important;
        flex-wrap: wrap !important;
        justify-content: flex-start !important;
        gap: 20px !important; /* Jarak antar produk di Desktop */
    }
    .elementor-256 .elementor-element.elementor-element-4cce535 .product {
        /* Mengambil 33.33% lebar layar dikurangi gap */
        flex: 0 0 calc(33.333% - 14px) !important; 
        max-width: calc(33.333% - 14px) !important;
        margin: 0 !important; 
    }
}

@media (max-width: 768px) {
    .elementor-256 .elementor-element.elementor-element-4cce535 .product {
        flex: 0 0 calc(50% - 10px) !important;
        max-width: calc(50% - 10px) !important;
    }
}

/* =========================================
   7. PENYESUAIAN KHUSUS MOBILE (TEKS & PADDING)
   ========================================= */
@media (max-width: 768px) {
    /* 1. Mengurangi jarak (padding) di kanan-kiri dalam kartu */
    .elementor-256 .elementor-element.elementor-element-4cce535 .product .woocommerce-loop-product__title,
    .elementor-256 .elementor-element.elementor-element-4cce535 .product .price,
    .elementor-256 .elementor-element.elementor-element-4cce535 .product .ac-card-tags {
        padding-left: 10px !important;
        padding-right: 10px !important;
    }

    /* 2. Mengecilkan teks Judul */
    .elementor-256 .elementor-element.elementor-element-4cce535 .product .woocommerce-loop-product__title {
        font-size: 13px !important;
        margin-bottom: -5px !important;
    }

    /* 3. Mengecilkan ukuran Tag */
    .elementor-256 .elementor-element.elementor-element-4cce535 .ac-card-tags {
        margin-top: 10px !important;
        margin-bottom: 6px !important;
        font-size: 1px !important;
    }
    .elementor-256 .elementor-element.elementor-element-4cce535 .ac-card-tags span {
        font-size: 10px !important;
        padding: 3px 6px !important;
    }

    /* 4. Mengecilkan ukuran teks Harga Utama (Oranye) dan Harga Coret */
    .elementor-256 .elementor-element.elementor-element-4cce535 .product .price ins {
        font-size: 16px !important; 
    }

/* Harga Asli (Coret) - Dipaksa berubah warna */
    .elementor-256 .elementor-element.elementor-element-4cce535 .product .woocommerce-Price-amount del,
    .elementor-256 .elementor-element.elementor-element-4cce535 .product .price del {
        order: 2 !important; 
        font-size: 11px !important;
        color: #888888 !important; /* Warna abu-abu */
        margin-top: -2px !important; 
        display: block !important;
        opacity: 1 !important; /* Dibuat 1 agar warnanya solid, bukan transparan */
    }

    .elementor-256 .elementor-element.elementor-element-4cce535 .product .price {
        margin-bottom: 10px !important; 
    }

    /* 5. Menyesuaikan posisi & ukuran WR (Winrate) */
    .elementor-256 .elementor-element.elementor-element-4cce535 .ac-card-wr {
        font-size: 10px !important;
        right: 10px !important; 
        bottom: 20px !important; 
    }
}/* End custom CSS */