.elementor-17 .elementor-element.elementor-element-9a2b48f{--display:flex;--min-height:380px;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:space-around;--align-items:center;--overlay-opacity:0.5;--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-17 .elementor-element.elementor-element-9a2b48f:not(.elementor-motion-effects-element-type-background), .elementor-17 .elementor-element.elementor-element-9a2b48f > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#16A34A;}.elementor-17 .elementor-element.elementor-element-9a2b48f::before, .elementor-17 .elementor-element.elementor-element-9a2b48f > .elementor-background-video-container::before, .elementor-17 .elementor-element.elementor-element-9a2b48f > .e-con-inner > .elementor-background-video-container::before, .elementor-17 .elementor-element.elementor-element-9a2b48f > .elementor-background-slideshow::before, .elementor-17 .elementor-element.elementor-element-9a2b48f > .e-con-inner > .elementor-background-slideshow::before, .elementor-17 .elementor-element.elementor-element-9a2b48f > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';}.elementor-17 .elementor-element.elementor-element-b31c54b{--display:flex;}.elementor-17 .elementor-element.elementor-element-d135cdb{font-size:18px;color:var( --e-global-color-blocksy_palette_8 );}.elementor-17 .elementor-element.elementor-element-da0943f{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--overlay-opacity:0.5;--padding-top:80px;--padding-bottom:100px;--padding-left:0px;--padding-right:0px;}.elementor-17 .elementor-element.elementor-element-da0943f::before, .elementor-17 .elementor-element.elementor-element-da0943f > .elementor-background-video-container::before, .elementor-17 .elementor-element.elementor-element-da0943f > .e-con-inner > .elementor-background-video-container::before, .elementor-17 .elementor-element.elementor-element-da0943f > .elementor-background-slideshow::before, .elementor-17 .elementor-element.elementor-element-da0943f > .e-con-inner > .elementor-background-slideshow::before, .elementor-17 .elementor-element.elementor-element-da0943f > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#EAEAEA;--background-overlay:'';}.elementor-17 .elementor-element.elementor-element-6972945.elementor-wc-products ul.products li.product{text-align:left;border-style:solid;border-width:0px 0px 0px 0px;border-radius:0px;}.elementor-17 .elementor-element.elementor-element-6972945 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-17 .elementor-element.elementor-element-6972945.elementor-wc-products  ul.products{grid-column-gap:50px;grid-row-gap:50px;}.elementor-17 .elementor-element.elementor-element-6972945.elementor-wc-products .attachment-woocommerce_thumbnail{border-radius:20px 20px 20px 20px;margin-bottom:0px;}.elementor-17 .elementor-element.elementor-element-6972945.elementor-wc-products ul.products li.product .woocommerce-loop-product__title, .elementor-17 .elementor-element.elementor-element-6972945.elementor-wc-products ul.products li.product .woocommerce-loop-category__title{font-size:22px;}.elementor-17 .elementor-element.elementor-element-6972945.elementor-wc-products ul.products li.product .woocommerce-loop-product__title{margin-bottom:0px;}.elementor-17 .elementor-element.elementor-element-6972945.elementor-wc-products ul.products li.product .woocommerce-loop-category__title{margin-bottom:0px;}.elementor-17 .elementor-element.elementor-element-6972945.elementor-wc-products ul.products li.product .star-rating{font-size:0.1em;margin-bottom:0px;}.elementor-17 .elementor-element.elementor-element-6972945.elementor-wc-products ul.products li.product .price{font-size:28px;}.elementor-17 .elementor-element.elementor-element-6972945.elementor-wc-products ul.products li.product .button{font-size:14px;font-weight:400;}.elementor-17 .elementor-element.elementor-element-6972945.elementor-wc-products .added_to_cart{margin-inline-start:0px;}.elementor-17 .elementor-element.elementor-element-6972945.elementor-wc-products ul.products li.product span.onsale{display:block;min-width:0px;}@media(max-width:1024px){.elementor-17 .elementor-element.elementor-element-6972945.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}}@media(min-width:768px){.elementor-17 .elementor-element.elementor-element-9a2b48f{--width:100%;}.elementor-17 .elementor-element.elementor-element-b31c54b{--content-width:849px;}}@media(max-width:767px){.elementor-17 .elementor-element.elementor-element-9a2b48f{--min-height:220px;}.elementor-17 .elementor-element.elementor-element-d135cdb{margin:-15px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;font-size:16px;}.elementor-17 .elementor-element.elementor-element-da0943f{--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--padding-top:30px;--padding-bottom:30px;--padding-left:6px;--padding-right:2px;}.elementor-17 .elementor-element.elementor-element-6972945.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}}/* Start custom CSS for woocommerce-products, class: .elementor-element-6972945 *//* 1. Pondasi Kartu Produk & Animasi Melayang (Hover) */
.elementor-17 .elementor-element.elementor-element-6972945 .product {
    position: relative; 
    border-radius: 12px;
    background: #ffffff;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05);
    transition: all 0.3s ease-in-out; /* Mengaktifkan transisi animasi */
    display: flex;
    flex-direction: column;
    overflow: hidden; 
    height: 100%;
    padding-bottom: 0 !important;
    border: 1px solid transparent;
}

/* Efek saat kursor diarahkan ke kartu produk */
.elementor-17 .elementor-element.elementor-element-6972945 .product:hover {
    transform: translateY(-8px); /* Kartu terangkat */
    box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1); /* Bayangan membesar */
    border: 1px solid #e0e0e0;
}

/* 2. Badge Kategori (Melayang di kanan atas, huruf rapi) */
.elementor-17 .elementor-element.elementor-element-6972945 .product .entry-meta {
    position: absolute;
    top: 12px;
    right: 12px;
    z-index: 10;
    margin: 0;
    padding: 0;
    list-style: none;
}

.elementor-17 .elementor-element.elementor-element-6972945 .product .entry-meta .meta-categories a {
    background-color: #27ae60;
    color: #ffffff !important;
    font-size: 10px; 
    font-weight: 600;
    text-transform: capitalize; 
    letter-spacing: 0.2px;
    padding: 4px 10px; 
    border-radius: 20px;
    display: inline-block;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
    text-decoration: none;
}

/* 3. Gambar Produk & Animasi Zoom Halus */
.elementor-17 .elementor-element.elementor-element-6972945 .product figure {
    margin: 0;
    overflow: hidden; /* Mencegah gambar tumpah keluar lengkungan saat di-zoom */
}

.elementor-17 .elementor-element.elementor-element-6972945 .product figure img {
    border-radius: 12px 12px 0 0;
    width: 100%;
    display: block;
    transition: transform 0.4s ease; /* Mengaktifkan animasi zoom gambar */
}

/* Efek zoom saat kartu di-hover */
.elementor-17 .elementor-element.elementor-element-6972945 .product:hover figure img {
    transform: scale(1.05);
}

/* 4. Merapikan Judul Produk */
.elementor-17 .elementor-element.elementor-element-6972945 .product h2.woocommerce-loop-product__title {
    font-size: 16px !important; 
    font-weight: 700 !important; 
    color: #333333;
    margin: 15px 15px 5px 15px !important; 
    padding: 0 !important;
    line-height: 1.3;
}

/* 5. Merapikan Harga Produk */
.elementor-17 .elementor-element.elementor-element-6972945 .product .price {
    font-size: 15px !important; 
    font-weight: 600;
    color: #4a4a4a !important;
    margin: 0 15px 15px 15px !important; 
    padding: 0 !important;
    display: block;
}

/* 6. Merapikan Tombol "Add to cart" & Efek Interaktif */
.elementor-17 .elementor-element.elementor-element-6972945 .product .ct-woo-card-actions {
    margin: auto 15px 15px 15px !important; /* Mendorong tombol ke paling bawah kartu */
    padding: 0 !important;
    width: auto;
}

.elementor-17 .elementor-element.elementor-element-6972945 .product .add_to_cart_button {
    border-radius: 25px !important;
    background-color: #27ae60 !important;
    color: white !important;
    width: 100% !important; 
    text-align: center !important;
    padding: 10px 0 !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    transition: all 0.3s ease !important; /* Mengaktifkan animasi tombol */
    display: block;
    border: none;
}

/* Efek saat kursor diarahkan ke tombol */
.elementor-17 .elementor-element.elementor-element-6972945 .product .add_to_cart_button:hover {
    background-color: #219653 !important;
    transform: translateY(-2px); /* Tombol sedikit terangkat */
    box-shadow: 0 5px 15px rgba(39, 174, 96, 0.4);
}

/* Menghilangkan tombol Add to Cart di halaman grid/katalog produk */
.product .ct-woo-card-actions,
.product .add_to_cart_button {
    display: none !important;
}

/* Memastikan jarak bawah kartu tetap rapi setelah tombol dihilangkan */
.product .price {
    margin-bottom: 25px !important; /* Menambah sedikit ruang di bawah harga */
}/* End custom CSS */