.elementor-198 .elementor-element.elementor-element-758eebd{--display:flex;--min-height:430px;--justify-content:flex-end;--padding-top:0px;--padding-bottom:24px;--padding-left:24px;--padding-right:24px;}.elementor-198 .elementor-element.elementor-element-758eebd:not(.elementor-motion-effects-element-type-background), .elementor-198 .elementor-element.elementor-element-758eebd > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:center center;background-size:cover;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );line-height:var( --e-global-typography-primary-line-height );color:var( --e-global-color-primary );}.elementor-198 .elementor-element.elementor-element-2e854bb .elementor-heading-title{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 );}@media(max-width:1366px){.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );}.elementor-198 .elementor-element.elementor-element-2e854bb .elementor-heading-title{font-size:var( --e-global-typography-c840bee-font-size );line-height:var( --e-global-typography-c840bee-line-height );}}@media(max-width:1024px){.elementor-198 .elementor-element.elementor-element-758eebd{--min-height:350px;}.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );}.elementor-198 .elementor-element.elementor-element-2e854bb .elementor-heading-title{font-size:var( --e-global-typography-c840bee-font-size );line-height:var( --e-global-typography-c840bee-line-height );}}@media(max-width:767px){.elementor-198 .elementor-element.elementor-element-758eebd{--min-height:328px;--padding-top:0px;--padding-bottom:0px;--padding-left:16px;--padding-right:0px;}.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );}.elementor-198 .elementor-element.elementor-element-2e854bb{margin:0px 16px calc(var(--kit-widget-spacing, 0px) + 16px) 0px;}.elementor-198 .elementor-element.elementor-element-2e854bb .elementor-heading-title{font-size:var( --e-global-typography-c840bee-font-size );line-height:var( --e-global-typography-c840bee-line-height );}}/* Start custom CSS for container, class: .elementor-element-758eebd *//* 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 */