.elementor-28 .elementor-element.elementor-element-96ed180{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0%;--padding-bottom:0%;--padding-left:0%;--padding-right:0%;}.elementor-28 .elementor-element.elementor-element-96ed180:not(.elementor-motion-effects-element-type-background), .elementor-28 .elementor-element.elementor-element-96ed180 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#06392F;}.elementor-28 .elementor-element.elementor-element-96ed180 > .elementor-shape-bottom svg, .elementor-28 .elementor-element.elementor-element-96ed180 > .e-con-inner > .elementor-shape-bottom svg{width:calc(100% + 1.3px);height:80px;transform:translateX(-50%) rotateY(180deg);}.elementor-28 .elementor-element.elementor-element-96ed180 > .elementor-shape-bottom, .elementor-28 .elementor-element.elementor-element-96ed180 > .e-con-inner > .elementor-shape-bottom{z-index:2;pointer-events:none;}.elementor-28 .elementor-element.elementor-element-fb60877{--swiper-slides-to-display:1;--swiper-offset-size:380px;--swiper-slides-gap:0px;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;--arrow-prev-left-align:0%;--arrow-prev-translate-x:0px;--arrow-prev-left-position:0px;--arrow-prev-top-align:50%;--arrow-prev-translate-y:-50%;--arrow-prev-top-position:0px;--arrow-next-right-align:0%;--arrow-next-translate-x:0%;--arrow-next-right-position:0px;--arrow-next-top-align:50%;--arrow-next-translate-y:-50%;--arrow-next-top-position:0px;}.elementor-28 .elementor-element.elementor-element-fb60877 .swiper-slide > .elementor-element{height:100%;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}body:not(.rtl) .elementor-28 .elementor-element.elementor-element-0380673{left:100px;}body.rtl .elementor-28 .elementor-element.elementor-element-0380673{right:100px;}.elementor-28 .elementor-element.elementor-element-0380673{top:100px;z-index:11;}body:not(.rtl) .elementor-28 .elementor-element.elementor-element-fd682c5{right:0px;}body.rtl .elementor-28 .elementor-element.elementor-element-fd682c5{left:0px;}.elementor-28 .elementor-element.elementor-element-fd682c5{top:100px;z-index:11;}body:not(.rtl) .elementor-28 .elementor-element.elementor-element-deec929{left:200px;}body.rtl .elementor-28 .elementor-element.elementor-element-deec929{right:200px;}.elementor-28 .elementor-element.elementor-element-deec929{top:300px;}.elementor-28 .elementor-element.elementor-element-d4137c5{--display:flex;}.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-28 .elementor-element.elementor-element-8e7d50f{--grid-columns:4;}.elementor-28 .elementor-element.elementor-element-8e7d50f .elementor-loop-container{grid-auto-rows:1fr;}.elementor-28 .elementor-element.elementor-element-8e7d50f .e-loop-item > .elementor-section, .elementor-28 .elementor-element.elementor-element-8e7d50f .e-loop-item > .elementor-section > .elementor-container, .elementor-28 .elementor-element.elementor-element-8e7d50f .e-loop-item > .e-con, .elementor-28 .elementor-element.elementor-element-8e7d50f .e-loop-item .elementor-section-wrap  > .e-con{height:100%;}@media(max-width:1024px){.elementor-28 .elementor-element.elementor-element-fb60877{--swiper-slides-to-display:2;}.elementor-28 .elementor-element.elementor-element-8e7d50f{--grid-columns:2;}}@media(max-width:767px){.elementor-28 .elementor-element.elementor-element-fb60877{--swiper-slides-to-display:1;}.elementor-28 .elementor-element.elementor-element-8e7d50f{--grid-columns:1;}}/* Start custom CSS for loop-carousel, class: .elementor-element-fb60877 *//* =========================================
   PIZZAGRAM LOOP CAROUSEL - FINAL
   100vh hero
   aktivni tekst ostaje gore
   bočni slajdovi = samo slike
   bočne slike pune svoj vidljivi prostor
========================================= */

.elementor-28 .elementor-element.elementor-element-fb60877.pz-loop-carousel {
    --pz-bg: #06392f;

    /* Hero visina */
    --pz-height: 100vh;

    /* Mora pratiti Offset Width u Elementoru */
    --pz-side-area: 380px;

    /* Centralna pizza */
    --pz-active-img-width: clamp(620px, 42vw, 860px);
    --pz-active-img-bottom: clamp(-250px, -13vw, -180px);

    /* Bočne pizze - pune širinu side area */
    --pz-side-img-width: calc(var(--pz-side-area) - 20px);
    --pz-side-img-bottom: -190px;

    position: relative;
    overflow: hidden !important;
    background: var(--pz-bg);
}

/* =========================
   SWIPER OSNOVA
========================= */

.elementor-28 .elementor-element.elementor-element-fb60877.pz-loop-carousel .swiper {
    width: 100%;
    overflow: hidden !important;
    background: var(--pz-bg);
}

.elementor-28 .elementor-element.elementor-element-fb60877.pz-loop-carousel .swiper-wrapper {
    align-items: stretch !important;
}

.elementor-28 .elementor-element.elementor-element-fb60877.pz-loop-carousel .swiper-slide {
    position: relative;
    overflow: hidden !important;
    background: var(--pz-bg);
    min-height: var(--pz-height);
    height: var(--pz-height);
}

.elementor-28 .elementor-element.elementor-element-fb60877.pz-loop-carousel .swiper-slide-active {
    z-index: 20;
}

.elementor-28 .elementor-element.elementor-element-fb60877.pz-loop-carousel .swiper-slide-prev,
.elementor-28 .elementor-element.elementor-element-fb60877.pz-loop-carousel .swiper-slide-next {
    z-index: 10;
    opacity: 1 !important;
    visibility: visible !important;
}

/* =========================
   LOOP ITEM
========================= */

.elementor-28 .elementor-element.elementor-element-fb60877.pz-loop-carousel .pz-card {
    position: relative !important;
    width: 100%;
    min-height: var(--pz-height);
    height: var(--pz-height);
    overflow: hidden !important;
    background: var(--pz-bg);
    box-sizing: border-box !important;
}

/* =========================
   TEKST
   Aktivni tekst ostaje gdje si ga složio
========================= */

.elementor-28 .elementor-element.elementor-element-fb60877.pz-loop-carousel .swiper-slide-active .pz-top-title,
.elementor-28 .elementor-element.elementor-element-fb60877.pz-loop-carousel .swiper-slide-active .pz-main-title,
.elementor-28 .elementor-element.elementor-element-fb60877.pz-loop-carousel .swiper-slide-active .pz-price-box,
.elementor-28 .elementor-element.elementor-element-fb60877.pz-loop-carousel .swiper-slide-active .pz-button-box {
    position: relative !important;
    z-index: 40 !important;
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
    transform: none !important;
}

/* Sakrij tekst na bočnim slajdovima */
.elementor-28 .elementor-element.elementor-element-fb60877.pz-loop-carousel .swiper-slide:not(.swiper-slide-active) .pz-top-title,
.elementor-28 .elementor-element.elementor-element-fb60877.pz-loop-carousel .swiper-slide:not(.swiper-slide-active) .pz-main-title,
.elementor-28 .elementor-element.elementor-element-fb60877.pz-loop-carousel .swiper-slide:not(.swiper-slide-active) .pz-price-box,
.elementor-28 .elementor-element.elementor-element-fb60877.pz-loop-carousel .swiper-slide:not(.swiper-slide-active) .pz-button-box {
    display: none !important;
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
}

/* =========================
   SLIKE
========================= */

.elementor-28 .elementor-element.elementor-element-fb60877.pz-loop-carousel .pz-image-box {
    position: absolute !important;
    margin: 0 !important;
    padding: 0 !important;
    z-index: 10 !important;
    transform-origin: center bottom !important;
    transition:
        width 0.45s ease,
        bottom 0.45s ease,
        left 0.45s ease,
        transform 0.45s ease,
        opacity 0.45s ease;
}

.elementor-28 .elementor-element.elementor-element-fb60877.pz-loop-carousel .pz-image-box img {
    display: block !important;
    width: 100% !important;
    height: auto !important;
    max-width: none !important;
}

/* CENTRALNA PIZZA */
.elementor-28 .elementor-element.elementor-element-fb60877.pz-loop-carousel .swiper-slide-active .pz-image-box {
    left: 50% !important;
    bottom: var(--pz-active-img-bottom) !important;
    width: var(--pz-active-img-width) !important;
    opacity: 1 !important;
    transform: translateX(-50%) rotate(0deg) !important;
}

/* LIJEVI BOČNI SLIDE */
.elementor-28 .elementor-element.elementor-element-fb60877.pz-loop-carousel .swiper-slide-prev .pz-image-box {
    width: var(--pz-side-img-width) !important;
    left: calc(100% - (var(--pz-side-area) / 2)) !important;
    bottom: var(--pz-side-img-bottom) !important;
    opacity: 1 !important;
    transform: translateX(-50%) rotate(-6deg) !important;
}

/* DESNI BOČNI SLIDE */
.elementor-28 .elementor-element.elementor-element-fb60877.pz-loop-carousel .swiper-slide-next .pz-image-box {
    width: var(--pz-side-img-width) !important;
    left: calc(var(--pz-side-area) / 2) !important;
    bottom: var(--pz-side-img-bottom) !important;
    opacity: 1 !important;
    transform: translateX(-50%) rotate(6deg) !important;
}

/* Ostali nebitni slideovi */
.elementor-28 .elementor-element.elementor-element-fb60877.pz-loop-carousel .swiper-slide:not(.swiper-slide-active):not(.swiper-slide-prev):not(.swiper-slide-next) .pz-image-box {
    opacity: 0 !important;
    visibility: hidden !important;
}

/* =========================
   STRELICE
========================= */

.elementor-28 .elementor-element.elementor-element-fb60877.pz-loop-carousel .elementor-swiper-button,
.elementor-28 .elementor-element.elementor-element-fb60877.pz-loop-carousel .swiper-button-prev,
.elementor-28 .elementor-element.elementor-element-fb60877.pz-loop-carousel .swiper-button-next {
    z-index: 99 !important;
    color: #ffffff !important;
}

/* =========================================
   1600px I NIŽE
========================================= */
@media (max-width: 1600px) {
    .elementor-28 .elementor-element.elementor-element-fb60877.pz-loop-carousel {
        --pz-side-area: 340px;

        --pz-active-img-width: clamp(580px, 40vw, 760px);
        --pz-active-img-bottom: -210px;

        --pz-side-img-width: calc(var(--pz-side-area) - 20px);
        --pz-side-img-bottom: -165px;
    }
}

/* =========================================
   LAPTOP / MANJI DESKTOP
========================================= */
@media (max-width: 1366px) {
    .elementor-28 .elementor-element.elementor-element-fb60877.pz-loop-carousel {
        --pz-side-area: 300px;

        --pz-active-img-width: clamp(520px, 38vw, 680px);
        --pz-active-img-bottom: -180px;

        --pz-side-img-width: calc(var(--pz-side-area) - 18px);
        --pz-side-img-bottom: -145px;
    }
}

/* =========================================
   TABLET
========================================= */
@media (max-width: 1024px) {
    .elementor-28 .elementor-element.elementor-element-fb60877.pz-loop-carousel {
        --pz-height: 100vh;
        --pz-side-area: 240px;

        --pz-active-img-width: 600px;
        --pz-active-img-bottom: -170px;

        --pz-side-img-width: calc(var(--pz-side-area) - 16px);
        --pz-side-img-bottom: -115px;
    }

    .elementor-28 .elementor-element.elementor-element-fb60877.pz-loop-carousel .swiper-slide-prev .pz-image-box {
        transform: translateX(-50%) rotate(-5deg) !important;
    }

    .elementor-28 .elementor-element.elementor-element-fb60877.pz-loop-carousel .swiper-slide-next .pz-image-box {
        transform: translateX(-50%) rotate(5deg) !important;
    }
}

/* =========================================
   MOBITEL
========================================= */
@media (max-width: 767px) {
    .elementor-28 .elementor-element.elementor-element-fb60877.pz-loop-carousel {
        --pz-height: 100vh;
        --pz-side-area: 0px;

        --pz-active-img-width: min(88vw, 520px);
        --pz-active-img-bottom: -120px;
    }

    .elementor-28 .elementor-element.elementor-element-fb60877.pz-loop-carousel .swiper-slide-prev,
    .elementor-28 .elementor-element.elementor-element-fb60877.pz-loop-carousel .swiper-slide-next {
        opacity: 0 !important;
        visibility: hidden !important;
    }

    .elementor-28 .elementor-element.elementor-element-fb60877.pz-loop-carousel .swiper-slide-active .pz-image-box {
        left: 50% !important;
        transform: translateX(-50%) rotate(0deg) !important;
    }
}

/* ==============================
   FINAL DOTJERIVANJE
   - veće slike
   - prvi tekst 80px od vrha
============================== */

/* Prvi tekst/aktivni sadržaj 80px od vrha */
.elementor-28 .elementor-element.elementor-element-fb60877.pz-loop-carousel .swiper-slide-active .pz-card {
    padding-top: 80px !important;
    box-sizing: border-box !important;
}

/* Veća centralna pizza */
.elementor-28 .elementor-element.elementor-element-fb60877.pz-loop-carousel {
    --pz-active-img-width: clamp(760px, 52vw, 1050px);
    --pz-active-img-bottom: clamp(-300px, -15vw, -220px);

    /* Veće bočne slike */
    --pz-side-img-width: calc(var(--pz-side-area) + 90px);
    --pz-side-img-bottom: -185px;
}

/* Manji desktop */
@media (max-width: 1600px) {
    .elementor-28 .elementor-element.elementor-element-fb60877.pz-loop-carousel {
        --pz-active-img-width: clamp(700px, 48vw, 900px);
        --pz-active-img-bottom: -230px;

        --pz-side-img-width: calc(var(--pz-side-area) + 70px);
        --pz-side-img-bottom: -165px;
    }
}

/* Laptop */
@media (max-width: 1366px) {
    .elementor-28 .elementor-element.elementor-element-fb60877.pz-loop-carousel {
        --pz-active-img-width: clamp(640px, 46vw, 780px);
        --pz-active-img-bottom: -200px;

        --pz-side-img-width: calc(var(--pz-side-area) + 55px);
        --pz-side-img-bottom: -145px;
    }

    .elementor-28 .elementor-element.elementor-element-fb60877.pz-loop-carousel .swiper-slide-active .pz-card {
        padding-top: 70px !important;
    }
}

/* Tablet */
@media (max-width: 1024px) {
    .elementor-28 .elementor-element.elementor-element-fb60877.pz-loop-carousel {
        --pz-active-img-width: 650px;
        --pz-active-img-bottom: -180px;

        --pz-side-img-width: calc(var(--pz-side-area) + 45px);
        --pz-side-img-bottom: -120px;
    }

    .elementor-28 .elementor-element.elementor-element-fb60877.pz-loop-carousel .swiper-slide-active .pz-card {
        padding-top: 60px !important;
    }
}

/* Mobitel */
@media (max-width: 767px) {
    .elementor-28 .elementor-element.elementor-element-fb60877.pz-loop-carousel {
        --pz-active-img-width: min(95vw, 560px);
        --pz-active-img-bottom: -130px;
    }

    .elementor-28 .elementor-element.elementor-element-fb60877.pz-loop-carousel .swiper-slide-active .pz-card {
        padding-top: 50px !important;
    }
}

/* ==============================
   FINAL PATCH
   - hero 90vh
   - veće slike
   - manji razmak između slika
============================== */

.elementor-28 .elementor-element.elementor-element-fb60877.pz-loop-carousel {
    --pz-height: 90vh;

    /* centralna pizza veća */
    --pz-active-img-width: clamp(820px, 56vw, 1120px);
    --pz-active-img-bottom: -250px;

    /* bočne pizze veće */
    --pz-side-img-width: calc(var(--pz-side-area) + 130px);
    --pz-side-img-bottom: -185px;
}

/* prvi tekst ostaje 80px od vrha */
.elementor-28 .elementor-element.elementor-element-fb60877.pz-loop-carousel .swiper-slide-active .pz-card {
    min-height: var(--pz-height) !important;
    height: var(--pz-height) !important;
    padding-top: 80px !important;
    box-sizing: border-box !important;
}

/* centralna pizza */
.elementor-28 .elementor-element.elementor-element-fb60877.pz-loop-carousel .swiper-slide-active .pz-image-box {
    width: var(--pz-active-img-width) !important;
    bottom: var(--pz-active-img-bottom) !important;
}

/* lijeva bočna pizza - približi centru */
.elementor-28 .elementor-element.elementor-element-fb60877.pz-loop-carousel .swiper-slide-prev .pz-image-box {
    width: var(--pz-side-img-width) !important;
    bottom: var(--pz-side-img-bottom) !important;
    left: calc(100% - (var(--pz-side-area) / 2) - 55px) !important;
}

/* desna bočna pizza - približi centru */
.elementor-28 .elementor-element.elementor-element-fb60877.pz-loop-carousel .swiper-slide-next .pz-image-box {
    width: var(--pz-side-img-width) !important;
    bottom: var(--pz-side-img-bottom) !important;
    left: calc((var(--pz-side-area) / 2) + 55px) !important;
}

/* ==============================
   MANJI DESKTOP
============================== */
@media (max-width: 1600px) {
    .elementor-28 .elementor-element.elementor-element-fb60877.pz-loop-carousel {
        --pz-height: 90vh;

        --pz-active-img-width: clamp(760px, 52vw, 980px);
        --pz-active-img-bottom: -220px;

        --pz-side-img-width: calc(var(--pz-side-area) + 105px);
        --pz-side-img-bottom: -165px;
    }

    .elementor-28 .elementor-element.elementor-element-fb60877.pz-loop-carousel .swiper-slide-prev .pz-image-box {
        left: calc(100% - (var(--pz-side-area) / 2) - 45px) !important;
    }

    .elementor-28 .elementor-element.elementor-element-fb60877.pz-loop-carousel .swiper-slide-next .pz-image-box {
        left: calc((var(--pz-side-area) / 2) + 45px) !important;
    }
}

/* ==============================
   LAPTOP
============================== */
@media (max-width: 1366px) {
    .elementor-28 .elementor-element.elementor-element-fb60877.pz-loop-carousel {
        --pz-height: 90vh;

        --pz-active-img-width: clamp(700px, 50vw, 860px);
        --pz-active-img-bottom: -200px;

        --pz-side-img-width: calc(var(--pz-side-area) + 85px);
        --pz-side-img-bottom: -145px;
    }

    .elementor-28 .elementor-element.elementor-element-fb60877.pz-loop-carousel .swiper-slide-active .pz-card {
        padding-top: 70px !important;
    }

    .elementor-28 .elementor-element.elementor-element-fb60877.pz-loop-carousel .swiper-slide-prev .pz-image-box {
        left: calc(100% - (var(--pz-side-area) / 2) - 35px) !important;
    }

    .elementor-28 .elementor-element.elementor-element-fb60877.pz-loop-carousel .swiper-slide-next .pz-image-box {
        left: calc((var(--pz-side-area) / 2) + 35px) !important;
    }
}

/* ==============================
   TABLET
============================== */
@media (max-width: 1024px) {
    .elementor-28 .elementor-element.elementor-element-fb60877.pz-loop-carousel {
        --pz-height: 90vh;

        --pz-active-img-width: 680px;
        --pz-active-img-bottom: -180px;

        --pz-side-img-width: calc(var(--pz-side-area) + 55px);
        --pz-side-img-bottom: -115px;
    }

    .elementor-28 .elementor-element.elementor-element-fb60877.pz-loop-carousel .swiper-slide-active .pz-card {
        padding-top: 60px !important;
    }

    .elementor-28 .elementor-element.elementor-element-fb60877.pz-loop-carousel .swiper-slide-prev .pz-image-box {
        left: calc(100% - (var(--pz-side-area) / 2) - 22px) !important;
    }

    .elementor-28 .elementor-element.elementor-element-fb60877.pz-loop-carousel .swiper-slide-next .pz-image-box {
        left: calc((var(--pz-side-area) / 2) + 22px) !important;
    }
}

/* ==============================
   MOBITEL
============================== */
@media (max-width: 767px) {
    .elementor-28 .elementor-element.elementor-element-fb60877.pz-loop-carousel {
        --pz-height: 90vh;
        --pz-active-img-width: min(98vw, 580px);
        --pz-active-img-bottom: -120px;
    }

    .elementor-28 .elementor-element.elementor-element-fb60877.pz-loop-carousel .swiper-slide-active .pz-card {
        padding-top: 50px !important;
    }
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-0380673 *//* Kretanje lijevo-desno */
.movingX {
    -webkit-animation: movingX 8s linear infinite;
    animation: movingX 8s linear infinite;
}

@-webkit-keyframes movingX {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }

    50% {
        -webkit-transform: translateX(35px);
        transform: translateX(35px);
    }

    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

@keyframes movingX {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }

    50% {
        -webkit-transform: translateX(35px);
        transform: translateX(35px);
    }

    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-fd682c5 *//* Kretanje gore-dolje */
.movingY {
    -webkit-animation: movingY 6s linear infinite;
    animation: movingY 6s linear infinite;
}

@-webkit-keyframes movingY {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }

    50% {
        -webkit-transform: translateY(-35px);
        transform: translateY(-35px);
    }

    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

@keyframes movingY {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }

    50% {
        -webkit-transform: translateY(-35px);
        transform: translateY(-35px);
    }

    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-deec929 *//* Kretanje gore-dolje */
.movingY {
    -webkit-animation: movingY 6s linear infinite;
    animation: movingY 6s linear infinite;
}

@-webkit-keyframes movingY {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }

    50% {
        -webkit-transform: translateY(-35px);
        transform: translateY(-35px);
    }

    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

@keyframes movingY {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }

    50% {
        -webkit-transform: translateY(-35px);
        transform: translateY(-35px);
    }

    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}/* End custom CSS */