.elementor-158 .elementor-element.elementor-element-60ab31c{padding:0px 0px 20px 0px;}.elementor-widget-breadcrumbs{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-158 .elementor-element.elementor-element-9fa5150{margin:10px 0px calc(var(--kit-widget-spacing, 0px) + 30px) 0px;font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-158 .elementor-element.elementor-element-9fa5150 a{color:var( --e-global-color-primary );}.elementor-158 .elementor-element.elementor-element-9fa5150 a:hover{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-158 .elementor-element.elementor-element-8956c8f{text-align:center;}.elementor-158 .elementor-element.elementor-element-8956c8f .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:40px;font-weight:700;color:#000000;}.elementor-158 .elementor-element.elementor-element-5a87c68{padding:20px 0px 20px 0px;}.elementor-widget-loop-grid .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-widget-loop-grid .elementor-pagination{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-loop-grid .e-load-more-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-158 .elementor-element.elementor-element-1c7c18d{--grid-columns:4;--grid-row-gap:20px;--grid-column-gap:20px;}.elementor-158 .elementor-element.elementor-element-1c7c18d .elementor-loop-container{grid-auto-rows:1fr;}.elementor-158 .elementor-element.elementor-element-1c7c18d .e-loop-item > .elementor-section, .elementor-158 .elementor-element.elementor-element-1c7c18d .e-loop-item > .elementor-section > .elementor-container, .elementor-158 .elementor-element.elementor-element-1c7c18d .e-loop-item > .e-con, .elementor-158 .elementor-element.elementor-element-1c7c18d .e-loop-item .elementor-section-wrap  > .e-con{height:100%;}.elementor-158 .elementor-element.elementor-element-1c7c18d .elementor-pagination{text-align:center;font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );margin-top:20px;}body:not(.rtl) .elementor-158 .elementor-element.elementor-element-1c7c18d .elementor-pagination .page-numbers:not(:first-child){margin-left:calc( 15px/2 );}body:not(.rtl) .elementor-158 .elementor-element.elementor-element-1c7c18d .elementor-pagination .page-numbers:not(:last-child){margin-right:calc( 15px/2 );}body.rtl .elementor-158 .elementor-element.elementor-element-1c7c18d .elementor-pagination .page-numbers:not(:first-child){margin-right:calc( 15px/2 );}body.rtl .elementor-158 .elementor-element.elementor-element-1c7c18d .elementor-pagination .page-numbers:not(:last-child){margin-left:calc( 15px/2 );}@media(max-width:1024px){.elementor-158 .elementor-element.elementor-element-1c7c18d{--grid-columns:3;--grid-row-gap:20px;--grid-column-gap:20px;}body:not(.rtl) .elementor-158 .elementor-element.elementor-element-1c7c18d .elementor-pagination .page-numbers:not(:first-child){margin-left:calc( 15px/2 );}body:not(.rtl) .elementor-158 .elementor-element.elementor-element-1c7c18d .elementor-pagination .page-numbers:not(:last-child){margin-right:calc( 15px/2 );}body.rtl .elementor-158 .elementor-element.elementor-element-1c7c18d .elementor-pagination .page-numbers:not(:first-child){margin-right:calc( 15px/2 );}body.rtl .elementor-158 .elementor-element.elementor-element-1c7c18d .elementor-pagination .page-numbers:not(:last-child){margin-left:calc( 15px/2 );}.elementor-158 .elementor-element.elementor-element-1c7c18d .elementor-pagination{margin-top:20px;}}@media(max-width:767px){.elementor-158 .elementor-element.elementor-element-8956c8f .elementor-heading-title{font-size:26px;}.elementor-158 .elementor-element.elementor-element-1c7c18d{--grid-columns:2;--grid-row-gap:20px;--grid-column-gap:20px;}body:not(.rtl) .elementor-158 .elementor-element.elementor-element-1c7c18d .elementor-pagination .page-numbers:not(:first-child){margin-left:calc( 10px/2 );}body:not(.rtl) .elementor-158 .elementor-element.elementor-element-1c7c18d .elementor-pagination .page-numbers:not(:last-child){margin-right:calc( 10px/2 );}body.rtl .elementor-158 .elementor-element.elementor-element-1c7c18d .elementor-pagination .page-numbers:not(:first-child){margin-right:calc( 10px/2 );}body.rtl .elementor-158 .elementor-element.elementor-element-1c7c18d .elementor-pagination .page-numbers:not(:last-child){margin-left:calc( 10px/2 );}.elementor-158 .elementor-element.elementor-element-1c7c18d .elementor-pagination{margin-top:20px;}}/* Start custom CSS *//* --- Glavni Kontejner sa Border Radiusom --- */
.product-image-loop-v3 .product-image-wrapper {
    position: relative;
    display: block;
    overflow: hidden; /* Ključno da iseče slike po radijusu */
    
    /* TVOJ ZAHTEV: Border radius 65px */
    border-radius: 65px; 
    
    /* Popravka za Safari pretraživač da bi renderovao radius kako treba tokom animacije */
    -webkit-mask-image: -webkit-radial-gradient(white, black);
    
    /* Opciono: Dodaj blagu senku da izgleda još lepše (uncomment ako želiš) */
    /* box-shadow: 0 10px 30px rgba(0,0,0,0.08); */
}

/* --- Zajednička podešavanja za obe slike --- */
.product-image-loop-v3 .main-loop-img,
.product-image-loop-v3 .hover-loop-img {
    display: block;
    width: 100%;
    height: auto;
    object-fit: cover; /* Sprečava distorziju */
    
    /* Definišemo tranziciju: malo duža (0.5s) i 'ease-out' za elegantniji start */
    transition: all 0.5s ease-out;
    backface-visibility: hidden; /* Hardverska akceleracija za glatkost */
}

/* --- Pocetno stanje Glavne slike --- */
.product-image-loop-v3 .main-loop-img {
    opacity: 1;
    transform: scale(1); /* Normalna veličina */
}

/* --- Pocetno stanje Hover (ACF) slike --- */
.product-image-loop-v3 .hover-loop-img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
    
    opacity: 0; /* Nevidljiva */
    transform: scale(1.1); /* Počinje malo zumirana za efekat */
}

/* --- HOVER EFEKTI --- */

/* 1. Efekat na glavnoj slici (blago zumira i bledi) */
.product-image-loop-v3:hover .main-loop-img {
    opacity: 0.3; /* Ne fade-ujemo skroz, da ne bi bilo belo iza */
    transform: scale(1.08); /* Blagi zum */
}

/* 2. Efekat na hover slici (pojavljuje se i vraća u normalnu veličinu) */
.product-image-loop-v3:hover .hover-loop-img {
    opacity: 1; /* Postaje vidljiva */
    transform: scale(1); /* Vraća se na normalu (smanjuje se) */
}


@media (max-width: 768px) {
    .product-image-loop-v3 .product-image-wrapper {
        border-radius: 45px; /* Novi border radius samo za telefone */
    }
}/* End custom CSS */