.elementor-2519 .elementor-element.elementor-element-564bff7{--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;}.elementor-2519 .elementor-element.elementor-element-ebd72b8{--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-2519 .elementor-element.elementor-element-ebd72b8.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-2519 .elementor-element.elementor-element-16b88be{--display:flex;}.elementor-2519 .elementor-element.elementor-element-171c98f.elementor-element{--order:-99999 /* order start hack */;}.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-2519 .elementor-element.elementor-element-f14c976 > .elementor-widget-container{margin:-20px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-widget-wc-categories .woocommerce .woocommerce-loop-category__title{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-categories .woocommerce-loop-category__title .count{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-2519 .elementor-element.elementor-element-c55220a.elementor-wc-products  ul.products{grid-column-gap:19px;grid-row-gap:40px;}.elementor-2519 .elementor-element.elementor-element-5101653{--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-2519 .elementor-element.elementor-element-2c895e0{--display:flex;}.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-2519 .elementor-element.elementor-element-3e3e354.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}.elementor-2519 .elementor-element.elementor-element-3e3e354.elementor-wc-products ul.products li.product span.onsale{display:block;}@media(min-width:768px){.elementor-2519 .elementor-element.elementor-element-ebd72b8{--width:22%;}.elementor-2519 .elementor-element.elementor-element-5101653{--width:66.6666%;}}@media(max-width:1024px) and (min-width:768px){.elementor-2519 .elementor-element.elementor-element-ebd72b8{--width:240px;}}@media(max-width:1024px){.elementor-2519 .elementor-element.elementor-element-ebd72b8{--justify-content:flex-start;}.elementor-2519 .elementor-element.elementor-element-16b88be{--justify-content:flex-start;}.elementor-2519 .elementor-element.elementor-element-3e3e354.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}}@media(max-width:767px){.elementor-2519 .elementor-element.elementor-element-3e3e354.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}}/* Start custom CSS for wc-categories, class: .elementor-element-c55220a *//* ==========================================
   1. RESET & FONT UNIFORM
   ========================================== */
.elementor-2519 .elementor-element.elementor-element-c55220a ul.products,
.elementor-2519 .elementor-element.elementor-element-c55220a ul.products::before,
.elementor-2519 .elementor-element.elementor-element-c55220a ul.products li.product,
.elementor-2519 .elementor-element.elementor-element-c55220a ul.products li.product a,
.elementor-2519 .elementor-element.elementor-element-c55220a ul.products li.product h3,
.elementor-2519 .elementor-element.elementor-element-c55220a ul.products li.product .woocommerce-loop-category__title {
    font-family: inherit !important;
    box-sizing: border-box !important;
}

/* Sembunyikan Gambar & Angka Count */
.elementor-2519 .elementor-element.elementor-element-c55220a ul.products li.product img,
.elementor-2519 .elementor-element.elementor-element-c55220a ul.products li.product mark.count {
    display: none !important;
}

/* Tombol All Products (CSS Pseudo) */
.elementor-2519 .elementor-element.elementor-element-c55220a ul.products::before {
    content: "All Products";
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    background-color: #f8fafc !important;
    border: 1px solid #00A3E0 !important;
    border-radius: 8px !important;
    color: #00A3E0 !important;
    cursor: pointer;
    transition: all 0.2s ease-in-out !important;
}

/* Styling Kotak Kategori */
.elementor-2519 .elementor-element.elementor-element-c55220a ul.products li.product {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    margin: 0 !important;
    background-color: #f8fafc !important;
    border: 1px solid #00A3E0 !important;
    border-radius: 8px !important;
    transition: all 0.2s ease-in-out !important;
}

/* Warna Teks Kategori (Kunci Selalu Biru Sanggar) */
.elementor-2519 .elementor-element.elementor-element-c55220a ul.products li.product a,
.elementor-2519 .elementor-element.elementor-element-c55220a ul.products li.product h3,
.elementor-2519 .elementor-element.elementor-element-c55220a ul.products li.product .woocommerce-loop-category__title {
    color: #00A3E0 !important;
    font-weight: 600 !important;
    text-align: center !important;
    text-decoration: none !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    margin: 0 !important;
    padding: 0 10px !important;
    width: 100% !important;
}

/* HOVER & CLICK STATE (Latar Biru Muda, Teks Tetap Biru) */
.elementor-2519 .elementor-element.elementor-element-c55220a ul.products::before:hover,
.elementor-2519 .elementor-element.elementor-element-c55220a ul.products li.product:hover,
.elementor-2519 .elementor-element.elementor-element-c55220a ul.products li.product:active,
.elementor-2519 .elementor-element.elementor-element-c55220a ul.products li.product:focus {
    background-color: #e0f2fe !important; /* Latar biru muda agar teks tetap sangat jelas */
    border-color: #00A3E0 !important;
}

.elementor-2519 .elementor-element.elementor-element-c55220a ul.products::before:hover,
.elementor-2519 .elementor-element.elementor-element-c55220a ul.products li.product:hover a,
.elementor-2519 .elementor-element.elementor-element-c55220a ul.products li.product:active a,
.elementor-2519 .elementor-element.elementor-element-c55220a ul.products li.product:focus a,
.elementor-2519 .elementor-element.elementor-element-c55220a ul.products li.product:hover h3,
.elementor-2519 .elementor-element.elementor-element-c55220a ul.products li.product:active h3 {
    color: #00A3E0 !important; /* Teks TIDAK AKAN berubah jadi putih */
}

/* ==========================================
   2. DESKTOP (Layar > 1024px)
   ========================================== */
@media (min-width: 1025px) {
    .elementor-2519 .elementor-element.elementor-element-c55220a ul.products {
        display: flex !important;
        flex-direction: row !important;
        flex-wrap: wrap !important;
        gap: 12px !important;
        padding: 0 !important;
        margin: 0 !important;
        list-style: none !important;
    }

    .elementor-2519 .elementor-element.elementor-element-c55220a ul.products::before,
    .elementor-2519 .elementor-element.elementor-element-c55220a ul.products li.product {
        width: 180px !important;
        height: 46px !important;
    }

    .elementor-2519 .elementor-element.elementor-element-c55220a ul.products::before,
    .elementor-2519 .elementor-element.elementor-element-c55220a ul.products li.product a,
    .elementor-2519 .elementor-element.elementor-element-c55220a ul.products li.product h3 {
        font-size: 14px !important;
        line-height: 46px !important;
    }
}

/* ==========================================
   3. TABLET (768px - 1024px)
   ========================================== */
@media (min-width: 768px) and (max-width: 1024px) {
    .elementor-2519 .elementor-element.elementor-element-c55220a ul.products {
        display: flex !important;
        flex-direction: row !important;
        flex-wrap: wrap !important;
        gap: 10px !important;
        padding: 0 !important;
        margin: 0 !important;
        list-style: none !important;
    }

    .elementor-2519 .elementor-element.elementor-element-c55220a ul.products::before,
    .elementor-2519 .elementor-element.elementor-element-c55220a ul.products li.product {
        width: 150px !important;
        height: 42px !important;
    }

    .elementor-2519 .elementor-element.elementor-element-c55220a ul.products::before,
    .elementor-2519 .elementor-element.elementor-element-c55220a ul.products li.product a,
    .elementor-2519 .elementor-element.elementor-element-c55220a ul.products li.product h3 {
        font-size: 13px !important;
        line-height: 42px !important;
    }
}

/* ==========================================
   4. MOBILE (Layar < 767px)
   ========================================== */
@media (max-width: 767px) {
    .elementor-2519 .elementor-element.elementor-element-c55220a ul.products {
        display: flex !important;
        flex-direction: row !important;
        flex-wrap: nowrap !important;
        overflow-x: auto !important;
        gap: 8px !important;
        padding: 4px 0 12px 0 !important;
        margin: 0 !important;
        list-style: none !important;
        -webkit-overflow-scrolling: touch;
    }

    .elementor-2519 .elementor-element.elementor-element-c55220a ul.products::before,
    .elementor-2519 .elementor-element.elementor-element-c55220a ul.products li.product {
        flex-shrink: 0 !important;
        width: 140px !important;
        height: 40px !important;
    }

    .elementor-2519 .elementor-element.elementor-element-c55220a ul.products::before,
    .elementor-2519 .elementor-element.elementor-element-c55220a ul.products li.product a,
    .elementor-2519 .elementor-element.elementor-element-c55220a ul.products li.product h3 {
        font-size: 13px !important;
        line-height: 40px !important;
    }

    .elementor-2519 .elementor-element.elementor-element-c55220a ul.products::-webkit-scrollbar {
        display: none !important;
    }
    .elementor-2519 .elementor-element.elementor-element-c55220a ul.products {
        -ms-overflow-style: none !important;
        scrollbar-width: none !important;
    }
}/* End custom CSS */
/* Start custom CSS for wc-archive-products, class: .elementor-element-3e3e354 *//* ==========================================
   1. GRID & KARTU PRODUK (RINGKAS & RAPI)
   ========================================== */
.elementor-2519 .elementor-element.elementor-element-3e3e354 ul.products {
    display: grid !important;
    grid-template-columns: repeat(auto-fill, minmax(180px, 1fr)) !important;
    gap: 14px !important;
    padding: 0 !important;
    margin: 16px 0 !important;
    list-style: none !important;
}

/* Kartu Produk Utama */
.elementor-2519 .elementor-element.elementor-element-3e3e354 ul.products li.product {
    background-color: #ffffff !important;
    border: 1px solid #e2e8f0 !important;
    border-radius: 10px !important;
    padding: 10px !important;
    position: relative !important;
    overflow: hidden !important;
    transition: all 0.25s ease !important;
    box-sizing: border-box !important;
    margin: 0 !important;
    width: 100% !important;
}

/* Gambar Produk */
.elementor-2519 .elementor-element.elementor-element-3e3e354 ul.products li.product img {
    border-radius: 6px !important;
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
    transition: transform 0.3s ease !important;
}

/* Judul Produk Ringkas */
.elementor-2519 .elementor-element.elementor-element-3e3e354 ul.products li.product .woocommerce-loop-product__title,
.elementor-2519 .elementor-element.elementor-element-3e3e354 ul.products li.product h2,
.elementor-2519 .elementor-element.elementor-element-3e3e354 ul.products li.product h3 {
    font-family: inherit !important;
    font-size: 13.5px !important;
    font-weight: 600 !important;
    color: #1e293b !important;
    margin: 8px 0 2px 0 !important;
    padding: 0 !important;
    line-height: 1.3 !important;
}

/* Kategori Produk */
.elementor-2519 .elementor-element.elementor-element-3e3e354 ul.products li.product .woocommerce-loop-category__title,
.elementor-2519 .elementor-element.elementor-element-3e3e354 ul.products li.product .posted_in {
    font-size: 11px !important;
    color: #64748b !important;
}

/* Price / Harga */
.elementor-2519 .elementor-element.elementor-element-3e3e354 ul.products li.product .price {
    font-size: 13px !important;
    font-weight: 600 !important;
    color: #00A3E0 !important;
    margin-top: 4px !important;
}

/* Button Ringkas */
.elementor-2519 .elementor-element.elementor-element-3e3e354 ul.products li.product .button {
    font-size: 12px !important;
    padding: 6px 12px !important;
    border-radius: 6px !important;
    margin-top: 8px !important;
}

/* ==========================================
   2. EFEK HOVER WARNA (BIRU SANGGAR)
   ========================================== */
.elementor-2519 .elementor-element.elementor-element-3e3e354 ul.products li.product:hover {
    border-color: #00A3E0 !important;
    background-color: #f0f9ff !important;
    box-shadow: 0 6px 18px -4px rgba(0, 163, 224, 0.2) !important;
    transform: translateY(-3px) !important;
}

.elementor-2519 .elementor-element.elementor-element-3e3e354 ul.products li.product:hover img {
    transform: scale(1.02) !important;
}

.elementor-2519 .elementor-element.elementor-element-3e3e354 ul.products li.product:hover .woocommerce-loop-product__title,
.elementor-2519 .elementor-element.elementor-element-3e3e354 ul.products li.product:hover h2,
.elementor-2519 .elementor-element.elementor-element-3e3e354 ul.products li.product:hover h3 {
    color: #00A3E0 !important;
}

/* ==========================================
   3. RESPONSIVE MOBILE & TABLET
   ========================================== */
@media (max-width: 767px) {
    .elementor-2519 .elementor-element.elementor-element-3e3e354 ul.products {
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 10px !important;
    }
    
    .elementor-2519 .elementor-element.elementor-element-3e3e354 ul.products li.product {
        padding: 8px !important;
        border-radius: 8px !important;
    }
    
    .elementor-2519 .elementor-element.elementor-element-3e3e354 ul.products li.product .woocommerce-loop-product__title {
        font-size: 12px !important;
    }
}/* End custom CSS */