.elementor-11 .elementor-element.elementor-element-dd5b8b4{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-slides .elementor-slide-heading{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-slides .elementor-slide-description{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-slides .elementor-slide-button{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-11 .elementor-element.elementor-element-2b71a5c .elementor-repeater-item-e5209dc .swiper-slide-bg{background-color:var( --e-global-color-secondary );background-image:url(https://sakajineng.com/wp-content/uploads/2026/06/11_result-scaled.webp);background-size:cover;}.elementor-11 .elementor-element.elementor-element-2b71a5c .elementor-repeater-item-e5209dc .elementor-background-overlay{background-color:rgba(0,0,0,0.5);}.elementor-11 .elementor-element.elementor-element-2b71a5c .elementor-repeater-item-e5209dc .swiper-slide-inner .elementor-slide-heading{color:var( --e-global-color-secondary );}.elementor-11 .elementor-element.elementor-element-2b71a5c .elementor-repeater-item-e5209dc .swiper-slide-inner .elementor-slide-description{color:var( --e-global-color-secondary );}.elementor-11 .elementor-element.elementor-element-2b71a5c .elementor-repeater-item-e5209dc .swiper-slide-inner .elementor-slide-button{color:var( --e-global-color-secondary );border-color:var( --e-global-color-secondary );}.elementor-11 .elementor-element.elementor-element-2b71a5c .elementor-repeater-item-e5209dc .swiper-slide-contents{text-shadow:0px 0px 100px rgba(0,0,0,0.3);}.elementor-11 .elementor-element.elementor-element-2b71a5c .swiper-slide{transition-duration:calc(5000ms*1.2);height:400px;}.elementor-11 .elementor-element.elementor-element-2b71a5c .swiper-slide-contents{max-width:100%;text-shadow:0px 0px 10px rgba(0,0,0,0.3);}.elementor-11 .elementor-element.elementor-element-2b71a5c .swiper-slide-inner{padding:0px 150px 0px 150px;text-align:center;}.elementor-11 .elementor-element.elementor-element-4256e41{--display:flex;--padding-top:50px;--padding-bottom:50px;--padding-left:20px;--padding-right:20px;}.elementor-11 .elementor-element.elementor-element-4256e41:not(.elementor-motion-effects-element-type-background), .elementor-11 .elementor-element.elementor-element-4256e41 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-secondary );}.elementor-widget-heading .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-11 .elementor-element.elementor-element-2227f9b{text-align:center;}.elementor-11 .elementor-element.elementor-element-2227f9b .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-text );}.elementor-widget-divider{--divider-color:var( --e-global-color-secondary );}.elementor-widget-divider .elementor-divider__text{color:var( --e-global-color-secondary );font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-divider.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-secondary );}.elementor-widget-divider.elementor-view-framed .elementor-icon, .elementor-widget-divider.elementor-view-default .elementor-icon{color:var( --e-global-color-secondary );border-color:var( --e-global-color-secondary );}.elementor-widget-divider.elementor-view-framed .elementor-icon, .elementor-widget-divider.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-secondary );}.elementor-11 .elementor-element.elementor-element-11177e0{--divider-border-style:solid;--divider-color:var( --e-global-color-text );--divider-border-width:2px;margin:-15px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-11 .elementor-element.elementor-element-11177e0 .elementor-divider-separator{width:25%;margin:0 auto;margin-center:0;}.elementor-11 .elementor-element.elementor-element-11177e0 .elementor-divider{text-align:center;padding-block-start:2px;padding-block-end:2px;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-11 .elementor-element.elementor-element-137cf59{padding:0px 20px 0px 20px;text-align:center;color:var( --e-global-color-text );}.elementor-11 .elementor-element.elementor-element-fcd77ec{--display:flex;--border-radius:0px 0px 0px 0px;--padding-top:25px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-11 .elementor-element.elementor-element-4829243 .elementor-heading-title{font-family:"Cormorant Garamond", Sans-serif;font-size:30px;font-weight:600;}.elementor-11 .elementor-element.elementor-element-bff3630{--divider-border-style:solid;--divider-color:var( --e-global-color-text );--divider-border-width:2px;margin:-15px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-11 .elementor-element.elementor-element-bff3630 .elementor-divider-separator{width:12%;margin:0 auto;margin-left:0;}.elementor-11 .elementor-element.elementor-element-bff3630 .elementor-divider{text-align:left;padding-block-start:2px;padding-block-end:2px;}.elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .woocommerce-loop-product__title{color:var( --e-global-color-primary );}.elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .woocommerce-loop-category__title{color:var( --e-global-color-primary );}.elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .woocommerce-loop-product__title, .elementor-widget-woocommerce-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-woocommerce-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-woocommerce-products.elementor-wc-products ul.products li.product .price ins{color:var( --e-global-color-primary );}.elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .price ins .amount{color:var( --e-global-color-primary );}.elementor-widget-woocommerce-products{--products-title-color:var( --e-global-color-primary );}.elementor-widget-woocommerce-products.products-heading-show .related-products > h2, .elementor-widget-woocommerce-products.products-heading-show .upsells > h2, .elementor-widget-woocommerce-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-woocommerce-products.elementor-wc-products ul.products li.product .price del{color:var( --e-global-color-primary );}.elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .price del .amount{color:var( --e-global-color-primary );}.elementor-widget-woocommerce-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-woocommerce-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-woocommerce-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-11 .elementor-element.elementor-element-553dee7.elementor-wc-products ul.products li.product{text-align:center;border-style:solid;border-width:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-11 .elementor-element.elementor-element-553dee7 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-11 .elementor-element.elementor-element-553dee7.elementor-wc-products  ul.products{grid-column-gap:10px;grid-row-gap:10px;}.elementor-11 .elementor-element.elementor-element-553dee7.elementor-wc-products .attachment-woocommerce_thumbnail{border-radius:0px 0px 0px 0px;}.elementor-11 .elementor-element.elementor-element-553dee7.elementor-wc-products ul.products li.product span.onsale{display:block;}.elementor-11 .elementor-element.elementor-element-a55629c{padding:25px 0px 0px 0px;}.elementor-11 .elementor-element.elementor-element-a55629c .elementor-heading-title{font-family:"Cormorant Garamond", Sans-serif;font-size:30px;font-weight:600;}.elementor-11 .elementor-element.elementor-element-691035a{--divider-border-style:solid;--divider-color:var( --e-global-color-text );--divider-border-width:2px;margin:-15px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-11 .elementor-element.elementor-element-691035a .elementor-divider-separator{width:10%;margin:0 auto;margin-left:0;}.elementor-11 .elementor-element.elementor-element-691035a .elementor-divider{text-align:left;padding-block-start:2px;padding-block-end:2px;}.elementor-11 .elementor-element.elementor-element-21e2c76.elementor-wc-products ul.products li.product{text-align:center;border-style:solid;border-width:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-11 .elementor-element.elementor-element-21e2c76 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-11 .elementor-element.elementor-element-21e2c76.elementor-wc-products  ul.products{grid-column-gap:10px;grid-row-gap:10px;}.elementor-11 .elementor-element.elementor-element-21e2c76.elementor-wc-products .attachment-woocommerce_thumbnail{border-radius:0px 0px 0px 0px;}.elementor-11 .elementor-element.elementor-element-21e2c76.elementor-wc-products ul.products li.product span.onsale{display:block;}.elementor-11 .elementor-element.elementor-element-6b8b8b4{--display:flex;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--padding-top:20px;--padding-bottom:50px;--padding-left:20px;--padding-right:20px;}.elementor-11 .elementor-element.elementor-element-6b8b8b4:not(.elementor-motion-effects-element-type-background), .elementor-11 .elementor-element.elementor-element-6b8b8b4 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-secondary );}.elementor-11 .elementor-element.elementor-element-8c15534{text-align:center;font-family:"Inter", Sans-serif;font-size:30px;font-weight:400;color:var( --e-global-color-text );}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-11 .elementor-element.elementor-element-8a9ed2d .elementor-button:hover, .elementor-11 .elementor-element.elementor-element-8a9ed2d .elementor-button:focus{background-color:var( --e-global-color-primary );color:var( --e-global-color-accent );}.elementor-11 .elementor-element.elementor-element-8a9ed2d .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-11 .elementor-element.elementor-element-8a9ed2d .elementor-button{fill:var( --e-global-color-text );color:var( --e-global-color-text );}.elementor-11 .elementor-element.elementor-element-8a9ed2d .elementor-button:hover svg, .elementor-11 .elementor-element.elementor-element-8a9ed2d .elementor-button:focus svg{fill:var( --e-global-color-accent );}@media(max-width:1024px){.elementor-11 .elementor-element.elementor-element-bff3630 .elementor-divider-separator{width:17%;}.elementor-11 .elementor-element.elementor-element-553dee7.elementor-wc-products  ul.products{grid-column-gap:10px;grid-row-gap:10px;}.elementor-11 .elementor-element.elementor-element-691035a .elementor-divider-separator{width:15%;}.elementor-11 .elementor-element.elementor-element-21e2c76.elementor-wc-products  ul.products{grid-column-gap:10px;grid-row-gap:10px;}}@media(min-width:768px){.elementor-11 .elementor-element.elementor-element-dd5b8b4{--width:100%;}}@media(max-width:767px){.elementor-11 .elementor-element.elementor-element-2b71a5c .swiper-slide-inner{padding:50px 50px 50px 50px;}.elementor-11 .elementor-element.elementor-element-11177e0 .elementor-divider-separator{width:68%;}.elementor-11 .elementor-element.elementor-element-bff3630 .elementor-divider-separator{width:40%;}.elementor-11 .elementor-element.elementor-element-553dee7.elementor-wc-products  ul.products{grid-column-gap:10px;grid-row-gap:10px;}.elementor-11 .elementor-element.elementor-element-691035a .elementor-divider-separator{width:40%;}.elementor-11 .elementor-element.elementor-element-21e2c76.elementor-wc-products  ul.products{grid-column-gap:10px;grid-row-gap:10px;}.elementor-11 .elementor-element.elementor-element-8c15534{font-size:18px;}.elementor-11 .elementor-element.elementor-element-8a9ed2d{margin:-30px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}}/* Start custom CSS for woocommerce-products, class: .elementor-element-553dee7 *//* 1. Mengatur ulang kotak produk agar presisi tanpa jarak putih di bawah gambar */
.elementor-11 .elementor-element.elementor-element-553dee7 .product {
    position: relative !important;
    overflow: hidden !important;
    margin-bottom: 0 !important;
}

/* 2. Mengatur judul teks berada di pojok kiri bawah */
.elementor-11 .elementor-element.elementor-element-553dee7 .product .woocommerce-loop-product__title {
    position: absolute !important;
    left: 20px !important;
    bottom: 25px !important;
    width: 75% !important;
    text-align: left !important;
    z-index: 10 !important;
    color: #ffffff !important;
    font-size: 16px !important;
    font-weight: 600 !important;
    margin: 0 !important;
    padding: 0 !important;
    
    /* Efek muncul halus dari bawah saat di-hover */
    opacity: 0;
    transform: translateY(15px) !important;
    transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94) !important;
}

/* 3. Mengubah tombol "Read More" menjadi ikon lingkaran panah di pojok kanan atas */
.elementor-11 .elementor-element.elementor-element-553dee7 .product .button {
    position: absolute !important;
    right: 20px !important;
    top: 20px !important;
    z-index: 10 !important;
    
    /* Membuat bentuk lingkaran */
    width: 40px !important;
    height: 40px !important;
    padding: 0 !important;
    margin: 0 !important;
    border-radius: 50% !important;
    background-color: rgba(255, 255, 255, 0.2) !important; /* Transparan putih */
    border: 1px solid rgba(255, 255, 255, 0.4) !important;
    
    /* Mengubah teks menjadi panah "↗" */
    font-size: 0 !important; /* Sembunyikan tulisan asli "Read more" */
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    
    /* Efek muncul */
    opacity: 0;
    transform: scale(0.8) !important;
    transition: all 0.4s ease !important;
}

/* Memasukkan simbol panah ↗ ke dalam lingkaran tombol */
.elementor-11 .elementor-element.elementor-element-553dee7 .product .button::after {
    content: '↗' !important;
    font-size: 16px !important;
    color: #ffffff !important;
    display: block !important;
}

/* Efek hover pada tombol lingkaran */
.elementor-11 .elementor-element.elementor-element-553dee7 .product .button:hover {
    background-color: #ffffff !important;
}
.elementor-11 .elementor-element.elementor-element-553dee7 .product .button:hover::after {
    color: #000000 !important;
}

/* 4. Efek gradasi gelap (vignette) estetik dari bawah gambar */
.elementor-11 .elementor-element.elementor-element-553dee7 .product::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(to top, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0.2) 60%, rgba(0, 0, 0, 0) 100%);
    z-index: 5;
    opacity: 0;
    transition: all 0.4s ease !important;
    pointer-events: none;
}

/* 5. AKTIFKAN SEMUA EFEK SAAT KURSOR DISOROT (HOVER) */
.elementor-11 .elementor-element.elementor-element-553dee7 .product:hover::before {
    opacity: 1;
}

.elementor-11 .elementor-element.elementor-element-553dee7 .product:hover .woocommerce-loop-product__title {
    opacity: 1;
    transform: translateY(0) !important; /* Teks naik perlahan */
}

.elementor-11 .elementor-element.elementor-element-553dee7 .product:hover .button {
    opacity: 1;
    transform: scale(1) !important; /* Tombol membesar normal */
}

/* Menyembunyikan elemen harga jika ada agar tidak merusak estetika portofolio */
.elementor-11 .elementor-element.elementor-element-553dee7 .product .price {
    display: none !important;
}
/* Menghapus celah kosong di bawah gambar */
.elementor-11 .elementor-element.elementor-element-553dee7 .product a img {
    display: block !important;
    width: 100% !important;
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
}

/* Memastikan pembungkus link gambar tidak menyisakan ruang/padding bawah */
.elementor-11 .elementor-element.elementor-element-553dee7 .product a {
    display: block !important;
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
}

/* Menghilangkan bayangan atau border bawaan tema jika ada di bagian bawah */
.elementor-11 .elementor-element.elementor-element-553dee7 .woocommerce-LoopProduct-link {
    margin-bottom: 0 !important;
}/* End custom CSS */
/* Start custom CSS for woocommerce-products, class: .elementor-element-21e2c76 *//* 1. Mengatur ulang kotak produk agar presisi tanpa jarak putih di bawah gambar */
.elementor-11 .elementor-element.elementor-element-21e2c76 .product {
    position: relative !important;
    overflow: hidden !important;
    margin-bottom: 0 !important;
}

/* 2. Mengatur judul teks berada di pojok kiri bawah */
.elementor-11 .elementor-element.elementor-element-21e2c76 .product .woocommerce-loop-product__title {
    position: absolute !important;
    left: 20px !important;
    bottom: 25px !important;
    width: 75% !important;
    text-align: left !important;
    z-index: 10 !important;
    color: #ffffff !important;
    font-size: 16px !important;
    font-weight: 600 !important;
    margin: 0 !important;
    padding: 0 !important;
    
    /* Efek muncul halus dari bawah saat di-hover */
    opacity: 0;
    transform: translateY(15px) !important;
    transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94) !important;
}

/* 3. Mengubah tombol "Read More" menjadi ikon lingkaran panah di pojok kanan atas */
.elementor-11 .elementor-element.elementor-element-21e2c76 .product .button {
    position: absolute !important;
    right: 20px !important;
    top: 20px !important;
    z-index: 10 !important;
    
    /* Membuat bentuk lingkaran */
    width: 40px !important;
    height: 40px !important;
    padding: 0 !important;
    margin: 0 !important;
    border-radius: 50% !important;
    background-color: rgba(255, 255, 255, 0.2) !important; /* Transparan putih */
    border: 1px solid rgba(255, 255, 255, 0.4) !important;
    
    /* Mengubah teks menjadi panah "↗" */
    font-size: 0 !important; /* Sembunyikan tulisan asli "Read more" */
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    
    /* Efek muncul */
    opacity: 0;
    transform: scale(0.8) !important;
    transition: all 0.4s ease !important;
}

/* Memasukkan simbol panah ↗ ke dalam lingkaran tombol */
.elementor-11 .elementor-element.elementor-element-21e2c76 .product .button::after {
    content: '↗' !important;
    font-size: 16px !important;
    color: #ffffff !important;
    display: block !important;
}

/* Efek hover pada tombol lingkaran */
.elementor-11 .elementor-element.elementor-element-21e2c76 .product .button:hover {
    background-color: #ffffff !important;
}
.elementor-11 .elementor-element.elementor-element-21e2c76 .product .button:hover::after {
    color: #000000 !important;
}

/* 4. Efek gradasi gelap (vignette) estetik dari bawah gambar */
.elementor-11 .elementor-element.elementor-element-21e2c76 .product::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(to top, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0.2) 60%, rgba(0, 0, 0, 0) 100%);
    z-index: 5;
    opacity: 0;
    transition: all 0.4s ease !important;
    pointer-events: none;
}

/* 5. AKTIFKAN SEMUA EFEK SAAT KURSOR DISOROT (HOVER) */
.elementor-11 .elementor-element.elementor-element-21e2c76 .product:hover::before {
    opacity: 1;
}

.elementor-11 .elementor-element.elementor-element-21e2c76 .product:hover .woocommerce-loop-product__title {
    opacity: 1;
    transform: translateY(0) !important; /* Teks naik perlahan */
}

.elementor-11 .elementor-element.elementor-element-21e2c76 .product:hover .button {
    opacity: 1;
    transform: scale(1) !important; /* Tombol membesar normal */
}

/* Menyembunyikan elemen harga jika ada agar tidak merusak estetika portofolio */
.elementor-11 .elementor-element.elementor-element-21e2c76 .product .price {
    display: none !important;
}
/* Menghapus celah kosong di bawah gambar */
.elementor-11 .elementor-element.elementor-element-21e2c76 .product a img {
    display: block !important;
    width: 100% !important;
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
}

/* Memastikan pembungkus link gambar tidak menyisakan ruang/padding bawah */
.elementor-11 .elementor-element.elementor-element-21e2c76 .product a {
    display: block !important;
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
}

/* Menghilangkan bayangan atau border bawaan tema jika ada di bagian bawah */
.elementor-11 .elementor-element.elementor-element-21e2c76 .woocommerce-LoopProduct-link {
    margin-bottom: 0 !important;
}/* End custom CSS */