.elementor-1082 .elementor-element.elementor-element-dd2075c{--display:flex;--flex-wrap:wrap;--align-content:space-evenly;--margin-top:200px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:20px;--padding-right:20px;}.elementor-1082 .elementor-element.elementor-element-dd2075c:not(.elementor-motion-effects-element-type-background), .elementor-1082 .elementor-element.elementor-element-dd2075c > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-1082 .elementor-element.elementor-element-f076323{--display:flex;--gap:25px 25px;--row-gap:25px;--column-gap:25px;border-style:none;--border-style:none;--border-radius:28px 28px 28px 28px;--margin-top:50px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:64px;--padding-bottom:64px;--padding-left:64px;--padding-right:64px;}.elementor-1082 .elementor-element.elementor-element-f076323:not(.elementor-motion-effects-element-type-background), .elementor-1082 .elementor-element.elementor-element-f076323 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-primary );}.elementor-1082 .elementor-element.elementor-element-ef97048{text-align:center;}.elementor-1082 .elementor-element.elementor-element-ef97048 .elementor-heading-title{color:var( --e-global-color-4e12c05 );}.elementor-1082 .elementor-element.elementor-element-a91fb05{text-align:center;}.elementor-1082 .elementor-element.elementor-element-a91fb05 .elementor-heading-title{font-weight:700;text-transform:uppercase;color:var( --e-global-color-4e12c05 );}.elementor-1082 .elementor-element.elementor-element-2490188{width:var( --container-widget-width, 720px );max-width:720px;--container-widget-width:720px;--container-widget-flex-grow:0;text-align:center;color:var( --e-global-color-4e12c05 );}.elementor-1082 .elementor-element.elementor-element-2490188.elementor-element{--align-self:center;}.elementor-1082 .elementor-element.elementor-element-2490188 a{color:var( --e-global-color-4e12c05 );}.elementor-1082 .elementor-element.elementor-element-c974811{--display:flex;}.elementor-1082 .elementor-element.elementor-element-c974811.e-con{--align-self:center;}.elementor-1082 .elementor-element.elementor-element-ed1113a .elementor-repeater-item-f43fe91{object-position:center center !important;}.elementor-1082 .elementor-element.elementor-element-ed1113a .elementor-repeater-item-19a849a{object-position:center center !important;}.elementor-1082 .elementor-element.elementor-element-ed1113a .elementor-repeater-item-d780bc4{object-position:center center !important;}.elementor-1082 .elementor-element.elementor-element-ed1113a .elementor-repeater-item-6a6ffd6{object-position:center center !important;}.elementor-1082 .elementor-element.elementor-element-ed1113a .elementor-repeater-item-ce75606{object-position:center center !important;}.elementor-1082 .elementor-element.elementor-element-ed1113a .elementor-repeater-item-f271917{object-position:center center !important;}.elementor-1082 .elementor-element.elementor-element-ed1113a .elementor-repeater-item-3340e39{object-position:center center !important;}.elementor-1082 .elementor-element.elementor-element-ed1113a .elementor-repeater-item-36928e6{object-position:center center !important;}.elementor-1082 .elementor-element.elementor-element-ed1113a .flipster__item__content{width:300px;}.elementor-1082 .elementor-element.elementor-element-ed1113a .ue-coverflow-item{opacity:46%;}.elementor-1082 .elementor-element.elementor-element-ed1113a .ue-coverflow-item.flipster__item--current{opacity:100%;}.elementor-1082 .elementor-element.elementor-element-ed1113a .flipster__item img{height:300px;object-fit:cover;}.elementor-1082 .elementor-element.elementor-element-ed1113a .ue-flip-item-content{background-color:#141414;padding:0px 0px 0px 0px;text-align:center;min-height:0px;}.elementor-1082 .elementor-element.elementor-element-ed1113a .ue-flip-item-icon{width:60px;height:60px;font-size:20px;color:#ffffff;background-color:#6e6e6e;border-radius:100px 100px 100px 100px;margin-top:0px;}.elementor-1082 .elementor-element.elementor-element-ed1113a .ue-flip-item-icon svg{fill:#ffffff;}.elementor-1082 .elementor-element.elementor-element-ed1113a .ue-flip-item-title{color:#ffffff;margin-top:0px;}.elementor-1082 .elementor-element.elementor-element-ed1113a .ue-flip-item-text{color:#b4b4b4;margin-top:5px;}.elementor-1082 .elementor-element.elementor-element-ed1113a .ue-item-btn a{display:inline-block;padding:10px 20px 10px 20px;background-color:#5a5a5a;color:#bababa;}.elementor-1082 .elementor-element.elementor-element-ed1113a .ue-item-btn{margin-top:10px;}.elementor-1082 .elementor-element.elementor-element-ed1113a .flipster__button > *{width:12px;srtroke:#ffffff;color:#ffffff;}.elementor-1082 .elementor-element.elementor-element-ed1113a .flipster__button{padding:15px 15px 15px 15px;border-radius:5px 5px 5px 5px;background-color:#000000 !important;top:70px !important;}.elementor-1082 .elementor-element.elementor-element-ed1113a .flipster__button--prev{left:10px;right:auto;}.elementor-1082 .elementor-element.elementor-element-ed1113a .flipster__button--next{right:10px;left:auto;}/* Start custom CSS for ucaddon_cover_flow_carousel, class: .elementor-element-ed1113a *//* ============================================================
   AQUA SOLVING – COVERFLOW (vyčistená verzia)

   Tmavý vonkajší kontajner:
   aq-water-stage

   Unlimited Elements Coverflow widget:
   aq-water-coverflow

   Triedy v šablóne:
   aq-water-card__image
   aq-water-card__content
   aq-water-card__active
   aq-water-card__inactive

   Nastavenie widgetu:
   Spacing = 0

   Poznámka k tejto verzii:
   Sú tu iba hodnoty, ktoré reálne platili aj v pôvodnom kóde.
   Prepísané a mŕtve deklarácie sú odstránené.
   Vizuálny výsledok je identický.
   ============================================================ */


/* ============================================================
   1. VONKAJŠÍ TMAVÝ KONTAJNER
   ============================================================ */

.aq-water-stage {
    position: relative !important;

    width: 100%;
    max-width: 100%;

    overflow: hidden !important;
    isolation: isolate;
}


/* ============================================================
   2. HLAVNÉ NASTAVENIA

   Všetky premenné na jednom mieste.
   Bočné karty zostávajú malé, rozťahuje sa iba stredná.
   ============================================================ */

.aq-water-coverflow {
    /* šírka neaktívnej karty */
    --aq-side-width: clamp(190px, 18%, 245px);

    /* šírka aktívnej strednej karty */
    --aq-active-width: clamp(520px, 46%, 600px);

    /* posun prvej bočnej karty od stredu */
    --aq-near-push: clamp(40px, 4vw, 60px);

    /* posun druhej bočnej karty od stredu */
    --aq-far-push: clamp(75px, 7vw, 105px);

    --aq-card-radius: 12px;

    --aq-speed: 580ms;
    --aq-easing: cubic-bezier(.20, .75, .22, 1);
    --aq-content-speed: 240ms;

    --aq-hover-color: #8FD6C9;
    --aq-hover-easing: cubic-bezier(.22, .75, .25, 1);

    /* hodnotu priebežne počíta JS */
    --aq-center-x: 0px;

    position: relative !important;

    width: 100% !important;
    max-width: 100% !important;

    overflow: hidden !important;
    isolation: isolate;

    box-sizing: border-box;
}


/* ============================================================
   3. OBALY SLIDERA

   Celý slider sa oreže, samotné karty nie.
   ============================================================ */

.aq-water-coverflow .ue-coverflow,
.aq-water-coverflow .flipster {
    position: relative !important;

    width: 100% !important;
    max-width: 100% !important;

    overflow: hidden !important;
}


/* ============================================================
   4. POSUN CELÉHO COVERFLOW + PERMANENTNÉ CENTROVANIE

   Individual translate funguje nezávisle od transform,
   ktorý si riadi samotný Flipster.
   ============================================================ */

.aq-water-coverflow .flipster__container {
    overflow: visible !important;

    translate: var(--aq-center-x) 0 !important;

    transition-property: transform !important;
    transition-duration: var(--aq-speed) !important;
    transition-timing-function: var(--aq-easing) !important;

    will-change: transform, translate;
}


/* Staršie prehliadače – bezpečný fallback */

@supports not (translate: 1px 0) {

    .aq-water-coverflow .flipster__container {
        position: relative !important;
        left: var(--aq-center-x) !important;
    }
}


/* ============================================================
   5. OBALY JEDNOTLIVÝCH KARIET

   Musia povoliť širokú strednú kartu.
   ============================================================ */

.aq-water-coverflow .flipster__item,
.aq-water-coverflow .flipster__item__content,
.aq-water-coverflow .ue-flip-item-content {
    overflow: visible !important;
    max-width: none !important;

    background: transparent !important;
    box-shadow: none !important;
}


/* Odstránenie prípadných overlayov pluginu */

.aq-water-coverflow .flipster__item::before,
.aq-water-coverflow .flipster__item::after,
.aq-water-coverflow .flipster__item__content::before,
.aq-water-coverflow .flipster__item__content::after,
.aq-water-coverflow .ue-flip-item-content::before,
.aq-water-coverflow .ue-flip-item-content::after {
    content: none !important;

    background: transparent !important;
    box-shadow: none !important;
}


/* ============================================================
   6. ANIMÁCIA A ZAROVNANIE POLOŽIEK

   Transformáciu nechávame Flipsteru.
   ============================================================ */

.aq-water-coverflow .flipster__item {
    position: relative !important;

    top: auto !important;

    vertical-align: middle !important;
    align-self: center !important;

    transition-property:
        opacity,
        left !important;

    transition-duration:
        var(--aq-speed),
        var(--aq-speed) !important;

    transition-timing-function:
        var(--aq-easing),
        var(--aq-easing) !important;

    /*
     * left sa nedá kompozitovať, preto tu zostáva iba opacity.
     * Stacking context ostáva zachovaný.
     */
    will-change: opacity;

    -webkit-backface-visibility: hidden !important;
    backface-visibility: hidden !important;
}


/* 3D natočenie karty */

.aq-water-coverflow .flipster__item__content {
    vertical-align: middle !important;

    transform-style: preserve-3d !important;

    transform-origin: center center !important;
    -webkit-transform-origin: center center !important;

    transition-property: transform !important;
    transition-duration: var(--aq-speed) !important;
    transition-timing-function: var(--aq-easing) !important;

    -webkit-backface-visibility: hidden !important;
    backface-visibility: hidden !important;
}

.aq-water-coverflow .ue-flip-item-content {
    vertical-align: middle !important;

    transform-origin: center center !important;
    -webkit-transform-origin: center center !important;
}


/* ============================================================
   7. ZOBRAZIŤ IBA 5 KARIET

   Dve vľavo + aktívna + dve vpravo
   ============================================================ */

/* Všetky bočné položky sú predvolene skryté */

.aq-water-coverflow .flipster__item--past,
.aq-water-coverflow .flipster__item--future {
    opacity: 0 !important;
    pointer-events: none !important;
    z-index: 1 !important;
}


/* Druhá karta na každej strane */

.aq-water-coverflow .flipster__item--past-2,
.aq-water-coverflow .flipster__item--future-2 {
    opacity: 0.62 !important;
    pointer-events: auto !important;
    z-index: 5 !important;
}


/* Prvá karta na každej strane */

.aq-water-coverflow .flipster__item--past-1,
.aq-water-coverflow .flipster__item--future-1 {
    opacity: 0.84 !important;
    pointer-events: auto !important;
    z-index: 10 !important;
}


/* Aktívna stredná karta */

.aq-water-coverflow .flipster__item--current {
    left: 0 !important;

    opacity: 1 !important;
    pointer-events: auto !important;

    z-index: 100 !important;
}


/* ============================================================
   8. JEMNÉ ROZOSTUPY BOČNÝCH KARIET

   Bočné sú blízko, ale neprekrývajú strednú.
   Desktop má vlastné hodnoty nižšie.
   ============================================================ */

.aq-water-coverflow .flipster__item--past-1 {
    left: calc(var(--aq-near-push) * -1) !important;
}

.aq-water-coverflow .flipster__item--past-2 {
    left: calc(var(--aq-far-push) * -1) !important;
}

.aq-water-coverflow .flipster__item--future-1 {
    left: var(--aq-near-push) !important;
}

.aq-water-coverflow .flipster__item--future-2 {
    left: var(--aq-far-push) !important;
}


/* ============================================================
   9. NEAKTÍVNA BOČNÁ KARTA

   Výšku počas animácie dopĺňa JS podľa skutočného obsahu.
   ============================================================ */

.aq-water-coverflow .flipster__item .ue-item-template {
    position: relative !important;
    left: 50% !important;
    top: auto !important;

    width: var(--aq-side-width) !important;
    min-width: var(--aq-side-width) !important;
    max-width: var(--aq-side-width) !important;

    margin: 0 !important;

    transform: translateX(-50%) !important;

    vertical-align: middle !important;

    transform-origin: center center !important;
    -webkit-transform-origin: center center !important;

    overflow: hidden !important;
    isolation: isolate;

    background: #ffffff !important;
    border-radius: var(--aq-card-radius) !important;

    opacity: 1 !important;
    filter: brightness(0.86) saturate(0.82);

    box-sizing: border-box;

    transition:
        width var(--aq-speed) var(--aq-easing),
        min-width var(--aq-speed) var(--aq-easing),
        max-width var(--aq-speed) var(--aq-easing),
        height var(--aq-speed) var(--aq-easing),
        filter 320ms var(--aq-hover-easing),
        box-shadow 360ms var(--aq-hover-easing) !important;

    -webkit-backface-visibility: hidden !important;
    backface-visibility: hidden !important;
}


/* ============================================================
   10. AKTÍVNA KARTA

   Iba táto karta sa roztiahne.
   ============================================================ */

.aq-water-coverflow
.flipster__item--current
.ue-item-template {
    left: 50% !important;
    top: auto !important;

    width: var(--aq-active-width) !important;
    min-width: var(--aq-active-width) !important;
    max-width: var(--aq-active-width) !important;

    transform: translateX(-50%) !important;

    transform-origin: center center !important;
    -webkit-transform-origin: center center !important;

    overflow: hidden !important;

    opacity: 1 !important;
    filter: none !important;

    box-shadow:
        0 22px 60px rgba(0, 28, 38, 0.22) !important;
}


/* Poistka proti orezaniu širokej aktívnej karty */

.aq-water-coverflow
.flipster__item--current
.flipster__item__content,

.aq-water-coverflow
.flipster__item--current
.ue-flip-item-content {
    overflow: visible !important;
    max-width: none !important;
}


/* ============================================================
   11. KOREŇ ELEMENTOR ŠABLÓNY
   ============================================================ */

.aq-water-coverflow .ue-item-template > .elementor,
.aq-water-coverflow
.ue-item-template > .elementor > .elementor-element {
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;

    box-sizing: border-box !important;
}


/*
 * Nedávame width: 100 % na všetky vnorené e-con.
 * Tri informačné boxy tak zostanú vedľa seba.
 */

.aq-water-coverflow .aq-water-card__image,
.aq-water-coverflow .aq-water-card__content {
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;

    box-sizing: border-box !important;

    transform-origin: center center !important;
    -webkit-transform-origin: center center !important;
}


/* ============================================================
   12. OBRÁZOK
   ============================================================ */

.aq-water-coverflow .aq-water-card__image {
    position: relative !important;

    flex-shrink: 0 !important;
    overflow: hidden !important;
}

.aq-water-coverflow .aq-water-card__image img {
    display: block !important;

    width: 100% !important;
    height: 100% !important;

    object-fit: cover !important;
    object-position: center !important;

    transform: translateZ(0) scale(1);

    transition:
        transform 700ms var(--aq-hover-easing),
        filter 350ms var(--aq-hover-easing) !important;
}


/* ============================================================
   13. OBSAH KARTY
   ============================================================ */

.aq-water-coverflow .aq-water-card__content {
    position: relative !important;
    min-width: 0 !important;

    overflow: hidden !important;
}


/* ============================================================
   14. AKTÍVNY A NEAKTÍVNY OBSAH

   Bez display:none, aby obsah neblikal.
   ============================================================ */

.aq-water-coverflow .aq-water-card__active,
.aq-water-coverflow .aq-water-card__inactive {
    width: 100% !important;
    max-width: 100% !important;

    margin: 0 !important;

    animation: none !important;

    box-sizing: border-box !important;

    transform-origin: center center !important;
    -webkit-transform-origin: center center !important;
}


/* ============================================================
   15. BOČNÉ KARTY

   Viditeľný je iba krátky neaktívny obsah.
   ============================================================ */

.aq-water-coverflow .aq-water-card__active {
    position: absolute !important;
    inset: 0 !important;

    opacity: 0 !important;
    visibility: hidden !important;

    pointer-events: none !important;

    transition:
        opacity 160ms ease,
        visibility 0s linear 160ms !important;
}


/* Neaktívny obsah sa pri zmenšení ukáže jemne neskôr */

.aq-water-coverflow .aq-water-card__inactive {
    position: relative !important;

    opacity: 1 !important;
    visibility: visible !important;

    pointer-events: auto !important;

    transition:
        opacity var(--aq-content-speed) ease 90ms,
        visibility 0s linear 90ms !important;
}


/* ============================================================
   16. AKTÍVNA KARTA

   Viditeľný je iba plný aktívny obsah.
   ============================================================ */

/* Aktívny obsah sa zobrazí až po začiatku rozšírenia */

.aq-water-coverflow
.flipster__item--current
.aq-water-card__active {
    position: relative !important;
    inset: auto !important;

    opacity: 1 !important;
    visibility: visible !important;

    pointer-events: auto !important;

    transition:
        opacity 280ms ease 110ms,
        visibility 0s linear 110ms !important;
}


/* Krátky obsah aktívnej karty rýchlo zmizne */

.aq-water-coverflow
.flipster__item--current
.aq-water-card__inactive {
    position: absolute !important;
    inset: 0 !important;

    opacity: 0 !important;
    visibility: hidden !important;

    pointer-events: none !important;

    transition:
        opacity 130ms ease,
        visibility 0s linear 130ms !important;
}


/* ============================================================
   17. ŠÍPKY
   ============================================================ */

.aq-water-coverflow .flipster__button {
    z-index: 300 !important;

    width: 48px !important;
    height: 48px !important;

    margin: 0 !important;

    opacity: 1 !important;
    border-radius: 8px !important;

    transform: translateY(-50%) !important;
}

.aq-water-coverflow .flipster__button--prev {
    left: 24px !important;
}

.aq-water-coverflow .flipster__button--next {
    right: 24px !important;
}


/* ============================================================
   18. PREMIUM HOVER

   - tyrkysové orámovanie #8FD6C9
   - jemná svetelná aura
   - rozjasnenie bočnej karty
   - mierny zoom obrázka
   - decentný svetelný sweep
   - bez zmeny layoutu a rozmerov
   ============================================================ */

/*
 * Orámovanie je vytvorené vnútorným tieňom,
 * takže nemení veľkosť karty.
 */

.aq-water-coverflow
.flipster__item
.ue-item-template::after {
    content: "" !important;

    position: absolute;
    inset: 0;

    z-index: 20;

    border-radius: inherit;

    pointer-events: none;

    opacity: 0;

    background: transparent !important;

    box-shadow:
        inset 0 0 0 2px rgba(143, 214, 201, 0.95),
        inset 0 0 22px rgba(143, 214, 201, 0.08);

    transition:
        opacity 280ms var(--aq-hover-easing) !important;
}


/* Jemný svetelný odlesk */

.aq-water-coverflow
.flipster__item
.ue-item-template::before {
    content: "" !important;

    position: absolute;
    top: -25%;
    bottom: -25%;
    left: 0;

    z-index: 19;

    width: 42%;

    pointer-events: none;

    opacity: 0;

    background: linear-gradient(
        105deg,
        transparent 0%,
        rgba(255, 255, 255, 0.04) 24%,
        rgba(143, 214, 201, 0.22) 49%,
        rgba(255, 255, 255, 0.10) 58%,
        transparent 100%
    ) !important;

    transform:
        translate3d(-170%, 0, 0)
        skewX(-14deg);

    transition:
        transform 720ms var(--aq-hover-easing),
        opacity 220ms ease !important;
}


/* ============================================================
   HOVER IBA PRE ZARIADENIA S MYŠOU

   Na mobile nevznikne zaseknutý hover stav.
   ============================================================ */

@media (hover: hover) and (pointer: fine) {

    /* Viditeľné bočné karty pôsobia ako klikateľné */

    .aq-water-coverflow .flipster__item--past-1,
    .aq-water-coverflow .flipster__item--past-2,
    .aq-water-coverflow .flipster__item--future-1,
    .aq-water-coverflow .flipster__item--future-2 {
        cursor: pointer;
    }


    /* Orámovanie */

    .aq-water-coverflow
    .flipster__item:hover
    .ue-item-template::after {
        opacity: 1;
    }


    /* Svetelný prechod */

    .aq-water-coverflow
    .flipster__item:hover
    .ue-item-template::before {
        opacity: 1;

        transform:
            translate3d(350%, 0, 0)
            skewX(-14deg);
    }


    /* Jemný zoom obrázka */

    .aq-water-coverflow
    .flipster__item:hover
    .aq-water-card__image img {
        transform:
            translateZ(0)
            scale(1.035);

        filter:
            brightness(1.04)
            saturate(1.04);
    }


    /* Neaktívne bočné karty – zosvetlenie a tyrkysová aura */

    .aq-water-coverflow
    .flipster__item:not(.flipster__item--current):hover
    .ue-item-template {
        filter:
            brightness(0.98)
            saturate(0.98) !important;

        box-shadow:
            0 14px 38px rgba(0, 28, 38, 0.26),
            0 0 0 1px rgba(143, 214, 201, 0.28),
            0 0 34px rgba(143, 214, 201, 0.20) !important;
    }


    /* Aktívna karta – pôvodný tmavý tieň plus jemná aura */

    .aq-water-coverflow
    .flipster__item--current:hover
    .ue-item-template {
        filter: none !important;

        box-shadow:
            0 22px 60px rgba(0, 28, 38, 0.24),
            0 0 0 1px rgba(143, 214, 201, 0.30),
            0 0 42px rgba(143, 214, 201, 0.16) !important;
    }
}


/* ============================================================
   19. KLÁVESNICA – ACCESSIBILITY
   ============================================================ */

.aq-water-coverflow
.flipster__item:focus-within
.ue-item-template::after {
    opacity: 1;
}

.aq-water-coverflow
.flipster__item:focus-within
.ue-item-template {
    box-shadow:
        0 18px 46px rgba(0, 28, 38, 0.25),
        0 0 0 3px rgba(143, 214, 201, 0.42) !important;
}


/* ============================================================
   20. TABLET

   Aktívna + dve bočné karty
   ============================================================ */

@media (min-width: 768px) and (max-width: 1024px) {

    .aq-water-coverflow {
        --aq-side-width: clamp(155px, 20%, 190px);
        --aq-active-width: min(58%, 500px);

        --aq-near-push: 45px;
        --aq-far-push: 75px;
    }

    .aq-water-coverflow .flipster__item--past-2,
    .aq-water-coverflow .flipster__item--future-2 {
        opacity: 0 !important;
        pointer-events: none !important;
    }

    .aq-water-coverflow .flipster__button--prev {
        left: 14px !important;
    }

    .aq-water-coverflow .flipster__button--next {
        right: 14px !important;
    }
}


/* ============================================================
   21. MOBIL

   Aktívna + čiastočne jedna karta na každej strane
   ============================================================ */

@media (max-width: 767px) {

    .aq-water-stage {
        border-radius: 20px;
    }

    .aq-water-coverflow {
        --aq-side-width: 125px;
        --aq-active-width: min(86vw, 370px);

        --aq-near-push: 28px;
        --aq-far-push: 50px;

        --aq-speed: 460ms;
        --aq-content-speed: 200ms;
    }

    .aq-water-coverflow .flipster__item--past-2,
    .aq-water-coverflow .flipster__item--future-2 {
        opacity: 0 !important;
        pointer-events: none !important;
    }

    .aq-water-coverflow .flipster__item--past-1,
    .aq-water-coverflow .flipster__item--future-1 {
        opacity: 0.58 !important;
    }

    .aq-water-coverflow .flipster__button {
        width: 42px !important;
        height: 42px !important;
    }

    .aq-water-coverflow .flipster__button--prev {
        left: 8px !important;
    }

    .aq-water-coverflow .flipster__button--next {
        right: 8px !important;
    }
}


/* ============================================================
   22. DESKTOP – ROZLOŽENIE 5 KARIET

   past-2 · past-1 · CURRENT · future-1 · future-2

   Spacing vo widgete nechaj: 0
   ============================================================ */

@media (min-width: 1025px) {

    .aq-water-coverflow {
        /* široká bude iba aktívna karta */
        --aq-active-width: clamp(500px, 42vw, 550px);

        /* všetky neaktívne karty ostanú úzke */
        --aq-side-width: clamp(175px, 14vw, 210px);

        /*
         * Prvú kartu odsúvame mierne smerom von,
         * aby neprekrývala aktívnu kartu.
         */
        --aq-near-out: clamp(65px, 5vw, 85px);

        /*
         * Druhú kartu, ktorá je prirodzene pri okraji,
         * pritiahneme mierne smerom dovnútra.
         */
        --aq-far-in: clamp(65px, 5vw, 90px);
    }


    /* Flipster si riadi transform, translate na položkách nechceme */

    .aq-water-coverflow .flipster__item {
        left: 0 !important;
        translate: none !important;
    }


    /* Stredná aktívna karta */

    .aq-water-coverflow .flipster__item--current {
        left: 0 !important;

        opacity: 1 !important;
        visibility: visible !important;
        pointer-events: auto !important;

        z-index: 100 !important;
    }


    /* Prvá karta vľavo – mierne smerom von od aktívnej */

    .aq-water-coverflow .flipster__item--past-1 {
        left: calc(var(--aq-near-out) * -1) !important;

        opacity: 0.82 !important;
        visibility: visible !important;
        pointer-events: auto !important;

        z-index: 20 !important;
    }


    /* Druhá karta vľavo – pritiahnutie od okraja dovnútra */

    .aq-water-coverflow .flipster__item--past-2 {
        left: var(--aq-far-in) !important;

        opacity: 0.62 !important;
        visibility: visible !important;
        pointer-events: auto !important;

        z-index: 10 !important;
    }


    /* Prvá karta vpravo – mierne smerom von od aktívnej */

    .aq-water-coverflow .flipster__item--future-1 {
        left: var(--aq-near-out) !important;

        opacity: 0.82 !important;
        visibility: visible !important;
        pointer-events: auto !important;

        z-index: 20 !important;
    }


    /* Druhá karta vpravo – pritiahnutie od okraja dovnútra */

    .aq-water-coverflow .flipster__item--future-2 {
        left: calc(var(--aq-far-in) * -1) !important;

        opacity: 0.62 !important;
        visibility: visible !important;
        pointer-events: auto !important;

        z-index: 10 !important;
    }


    /* Všetky štyri bočné karty ostávajú úzke */

    .aq-water-coverflow
    .flipster__item:not(.flipster__item--current)
    .ue-item-template {
        width: var(--aq-side-width) !important;
        min-width: var(--aq-side-width) !important;
        max-width: var(--aq-side-width) !important;
    }


    /* Vzdialenejšie karty schovať */

    .aq-water-coverflow
    .flipster__item--past:not(.flipster__item--past-1):not(.flipster__item--past-2),

    .aq-water-coverflow
    .flipster__item--future:not(.flipster__item--future-1):not(.flipster__item--future-2) {
        opacity: 0 !important;
        visibility: hidden !important;
        pointer-events: none !important;
    }
}


/* ============================================================
   23. PRVÉ NAČÍTANIE BEZ PRECHODOV

   Platí iba pri štarte widgetu.
   Trieda aq-coverflow-resizing sa tu zámerne nepoužíva,
   lebo sa pridáva aj počas behu a spôsobovala by preblikávanie.
   ============================================================ */

.aq-water-coverflow:not(.aq-coverflow-ready) .flipster__container,
.aq-water-coverflow:not(.aq-coverflow-ready) .flipster__item,
.aq-water-coverflow:not(.aq-coverflow-ready) .flipster__item__content,
.aq-water-coverflow:not(.aq-coverflow-ready) .ue-item-template {
    transition: none !important;
}

/* ============================================================
   24. REDUCED MOTION
   ============================================================ */

@media (prefers-reduced-motion: reduce) {

    .aq-water-coverflow .flipster__container,
    .aq-water-coverflow .flipster__item,
    .aq-water-coverflow .flipster__item__content,
    .aq-water-coverflow .ue-item-template,
    .aq-water-coverflow .aq-water-card__active,
    .aq-water-coverflow .aq-water-card__inactive {
        transition: none !important;
        animation: none !important;
    }

    .aq-water-coverflow
    .flipster__item
    .ue-item-template::before {
        display: none !important;
    }

    .aq-water-coverflow
    .flipster__item
    .aq-water-card__image img {
        transition: none !important;
        transform: translateZ(0) !important;
    }
}/* End custom CSS */