.elementor-6856 .elementor-element.elementor-element-3ab3315{--display:grid;--min-height:0px;--e-con-grid-template-columns:repeat(3, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--gap:0px 0px;--row-gap:0px;--column-gap:0px;--grid-auto-flow:row;}.elementor-6856 .elementor-element.elementor-element-e79f418{width:var( --container-widget-width, 100% );max-width:100%;--container-widget-width:100%;--container-widget-flex-grow:0;}.elementor-6856 .elementor-element.elementor-element-6e43b0e{width:var( --container-widget-width, 100% );max-width:100%;--container-widget-width:100%;--container-widget-flex-grow:0;}.elementor-6856 .elementor-element.elementor-element-0937134{width:var( --container-widget-width, 100% );max-width:100%;--container-widget-width:100%;--container-widget-flex-grow:0;}.elementor-6856 .elementor-element.elementor-element-407c186{--display:flex;}.elementor-6856 .elementor-element.elementor-element-45c113b ul.products li.product, .elementor-6856 .elementor-element.elementor-element-45c113b .woocommerce ul.products li.product .product-inner{text-align:center;}.elementor-6856 .elementor-element.elementor-element-45c113b .woocommerce .bew-elements-products ul.products{column-gap:15px;row-gap:15px;}.elementor-6856 .elementor-element.elementor-element-45c113b .woocommerce ul.products li.product .star-rating:before, .elementor-6856 .elementor-element.elementor-element-45c113b .woocommerce ul.products li.product .star-rating span:before{letter-spacing:1px;font-size:14px;}.elementor-6856 .elementor-element.elementor-element-45c113b .bew-elements-products .product .onsale{font-size:9px;}:root{--page-title-display:none;}@media(max-width:1024px){.elementor-6856 .elementor-element.elementor-element-3ab3315{--grid-auto-flow:row;}.elementor-6856 .elementor-element.elementor-element-45c113b .woocommerce .bew-elements-products ul.products{column-gap:15px;row-gap:15px;}}@media(min-width:768px){.elementor-6856 .elementor-element.elementor-element-3ab3315{--content-width:1253px;}}@media(max-width:767px){.elementor-6856 .elementor-element.elementor-element-3ab3315{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-6856 .elementor-element.elementor-element-45c113b .woocommerce .bew-elements-products ul.products{column-gap:15px;row-gap:15px;}}/* Start custom CSS for html, class: .elementor-element-e79f418 */ .image-hover-box {
  position: relative;
  width: 100%;
  max-width: 400px; /* bisa disesuaikan */
  overflow: hidden;
}

.image-hover-box img {
  width: 100%;
  height: auto;
  display: block;
  transition: all 0.6s ease;
}

/* Gambar hover disembunyikan di belakang */
.image-hover-box .hover-img {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  transform: translateX(100%); /* untuk efek swipe dari kanan */
}

/* Saat hover */
.image-hover-box .hover-img {
  transform: none;
  opacity: 0;
}

.image-hover-box:hover .front-img {
  opacity: 0;
}

.image-hover-box:hover .hover-img {
  opacity: 1;
}
 */
}

.image-hover-box:hover .hover-img {
  opacity: 1;
  transform: translateX(0); /* geser masuk ke posisi normal */
}

.image-hover-box {
  position: relative;
  width: 100%;
  height: 600px; /* ubah sesuai kebutuhan */
  overflow: hidden;
}
.image-hover-box img {
  width: 100%;
  height: 100%;
  object-fit: cover; /* biar tidak gepeng */
} /* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-6e43b0e */ .image-hover-box {
  position: relative;
  width: 100%;
  max-width: 400px; /* bisa disesuaikan */
  overflow: hidden;
}

.image-hover-box img {
  width: 100%;
  height: auto;
  display: block;
  transition: all 0.6s ease;
}

/* Gambar hover disembunyikan di belakang */
.image-hover-box .hover-img {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  transform: translateX(100%); /* untuk efek swipe dari kanan */
}

/* Saat hover */
.image-hover-box .hover-img {
  transform: none;
  opacity: 0;
}

.image-hover-box:hover .front-img {
  opacity: 0;
}

.image-hover-box:hover .hover-img {
  opacity: 1;
}
 */
}

.image-hover-box:hover .hover-img {
  opacity: 1;
  transform: translateX(0); /* geser masuk ke posisi normal */
}

.image-hover-box {
  position: relative;
  width: 100%;
  height: 600px; /* ubah sesuai kebutuhan */
  overflow: hidden;
}
.image-hover-box img {
  width: 100%;
  height: 100%;
  object-fit: cover; /* biar tidak gepeng */
} /* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-0937134 */ .image-hover-box {
  position: relative;
  width: 100%;
  max-width: 400px; /* bisa disesuaikan */
  overflow: hidden;
}

.image-hover-box img {
  width: 100%;
  height: auto;
  display: block;
  transition: all 0.6s ease;
}

/* Gambar hover disembunyikan di belakang */
.image-hover-box .hover-img {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  transform: translateX(100%); /* untuk efek swipe dari kanan */
}

/* Saat hover */
.image-hover-box .hover-img {
  transform: none;
  opacity: 0;
}

.image-hover-box:hover .front-img {
  opacity: 0;
}

.image-hover-box:hover .hover-img {
  opacity: 1;
}
 */
}

.image-hover-box:hover .hover-img {
  opacity: 1;
  transform: translateX(0); /* geser masuk ke posisi normal */
}

.image-hover-box {
  position: relative;
  width: 100%;
  height: 600px; /* ubah sesuai kebutuhan */
  overflow: hidden;
}
.image-hover-box img {
  width: 100%;
  height: 100%;
  object-fit: cover; /* biar tidak gepeng */
} /* End custom CSS */