.elementor-1487 .elementor-element.elementor-element-136ba81{--display:flex;--min-height:430px;--justify-content:flex-end;--padding-top:0px;--padding-bottom:24px;--padding-left:24px;--padding-right:24px;}.elementor-1487 .elementor-element.elementor-element-136ba81:not(.elementor-motion-effects-element-type-background), .elementor-1487 .elementor-element.elementor-element-136ba81 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:center center;background-size:cover;}.elementor-1487 .elementor-element.elementor-element-87682bd .jet-listing-dynamic-field__content{color:#FFFFFF;font-family:var( --e-global-typography-c840bee-font-family ), Sans-serif;font-size:var( --e-global-typography-c840bee-font-size );font-weight:var( --e-global-typography-c840bee-font-weight );line-height:var( --e-global-typography-c840bee-line-height );letter-spacing:var( --e-global-typography-c840bee-letter-spacing );word-spacing:var( --e-global-typography-c840bee-word-spacing );text-align:left;}.elementor-1487 .elementor-element.elementor-element-87682bd .jet-listing-dynamic-field .jet-listing-dynamic-field__inline-wrap{width:auto;}.elementor-1487 .elementor-element.elementor-element-87682bd .jet-listing-dynamic-field .jet-listing-dynamic-field__content{width:auto;}.elementor-1487 .elementor-element.elementor-element-87682bd .jet-listing-dynamic-field{justify-content:flex-start;}.elementor-1487 .elementor-element.elementor-element-87682bd .jet-listing-dynamic-field.display-multiline{padding:0px 0px 0px 0px;margin:0px 0px 0px 0px;}.elementor-1487 .elementor-element.elementor-element-87682bd .jet-listing-dynamic-field.display-inline .jet-listing-dynamic-field__inline-wrap{padding:0px 0px 0px 0px;margin:0px 0px 0px 0px;}.elementor-1487 .elementor-element.elementor-element-87682bd > .elementor-widget-container{margin:0px 0px 0px 24px;padding:0px 0px 0px 0px;}@media(max-width:1366px){.elementor-1487 .elementor-element.elementor-element-87682bd .jet-listing-dynamic-field__content{font-size:var( --e-global-typography-c840bee-font-size );line-height:var( --e-global-typography-c840bee-line-height );letter-spacing:var( --e-global-typography-c840bee-letter-spacing );word-spacing:var( --e-global-typography-c840bee-word-spacing );}}@media(max-width:1024px){.elementor-1487 .elementor-element.elementor-element-136ba81{--min-height:350px;}.elementor-1487 .elementor-element.elementor-element-87682bd .jet-listing-dynamic-field__content{font-size:var( --e-global-typography-c840bee-font-size );line-height:var( --e-global-typography-c840bee-line-height );letter-spacing:var( --e-global-typography-c840bee-letter-spacing );word-spacing:var( --e-global-typography-c840bee-word-spacing );}}@media(max-width:767px){.elementor-1487 .elementor-element.elementor-element-136ba81{--min-height:328px;--padding-top:0px;--padding-bottom:0px;--padding-left:16px;--padding-right:0px;}.elementor-1487 .elementor-element.elementor-element-87682bd .jet-listing-dynamic-field__content{font-size:var( --e-global-typography-c840bee-font-size );line-height:var( --e-global-typography-c840bee-line-height );letter-spacing:var( --e-global-typography-c840bee-letter-spacing );word-spacing:var( --e-global-typography-c840bee-word-spacing );}.elementor-1487 .elementor-element.elementor-element-87682bd > .elementor-widget-container{margin:0px 0px 14px 0px;}}/* Start custom CSS for container, class: .elementor-element-136ba81 *//* 1. Container Utama */
.produk-listing, .tax-listing {
    position: relative !important;
    /* KUNCI UTAMA: Mengubah visible menjadi hidden agar elemen luar terpotong */
    overflow: hidden !important; 
    border-radius: inherit; /* Menjaga agar potongan mengikuti lengkungan sudut jika ada */
}

/* 2. Overlay Link (Teknik ::before) */
/* Kita letakkan link ini di lapisan bawah namun mencakup seluruh area */
.produk-listing .elementor-heading-title a::before,
.tax-listing .elementor-heading-title a::before {
    content: '' !important;
    position: absolute !important;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 5; /* Di bawah lingkaran agar tidak menutupi visual */
}

/* 3. Container Lingkaran */
.hover-circle-svg {
    position: absolute;
    bottom: -140px;
    right: -50px;
    width: 200px;
    height: 200px;
    z-index: 10; /* Lebih tinggi dari overlay link agar visual muncul di atas */
    pointer-events: none; /* Klik akan "tembus" ke overlay link di z-index 5 */
}

/* 4. Animasi Garis Lingkaran */
.circle-container {
    width: 100%;
    height: 100%;
    transform: rotate(-90deg);
}

.circle-path {
    fill: none;
    stroke: #fff;
    stroke-width: 1;
    stroke-dasharray: 600;
    stroke-dashoffset: 600;
    transition: stroke-dashoffset 0.4s ease-in-out, opacity 0.3s;
    opacity: 0;
}

/* 5. Icon Panah SVG */
.circle-icon {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 40px;
    height: auto;
    opacity: 0;
    transition: opacity 0.4s ease 0.3s;
}

.circle-icon img {
    width: 100%;
    filter: brightness(0) invert(1); /* Membuat panah jadi putih */
}

/* --- EFEK HOVER --- */
.produk-listing:hover .circle-path,
.tax-listing:hover .circle-path {
    stroke-dashoffset: 0;
    opacity: 1;
}

.produk-listing:hover .circle-icon,
.tax-listing:hover .circle-icon {
    opacity: 1;
}/* End custom CSS */