/*
 * Vxd Slider 2.5
 * Scoped styles: desktop coverflow + a dedicated single-image mobile/tablet view.
 * The mobile rules are intentionally kept together to avoid conflicting breakpoints.
 */
.dekagro-coverflow {
    position: relative !important;
    isolation: isolate;
    display: block !important;
    box-sizing: border-box !important;
    width: 100% !important;
    max-width: 1160px !important;
    margin: 0 auto !important;
    padding: 12px 95px 18px !important;
    overflow: visible !important;
}
.dekagro-coverflow, .dekagro-coverflow * { box-sizing: border-box !important; }
.dekagro-coverflow .dekagro-coverflow-swiper {
    position: relative !important;
    display: block !important;
    width: 100% !important;
    height: 400px !important;
    overflow: visible !important;
    perspective: 1200px !important;
}
.dekagro-coverflow .swiper-wrapper {
    display: flex !important;
    align-items: center !important;
    height: 100% !important;
    transform-style: preserve-3d !important;
    transition-timing-function: cubic-bezier(.645,.045,.355,1) !important;
}
.dekagro-coverflow .swiper-slide {
    display: block !important;
    position: relative !important;
    width: 610px !important;
    max-width: none !important;
    height: 400px !important;
    flex-shrink: 0 !important;
    transform-style: preserve-3d !important;
    backface-visibility: hidden;
    transition-timing-function: cubic-bezier(.645,.045,.355,1) !important;
}
.dekagro-coverflow .dekagro-coverflow-card {
    position: relative !important;
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    overflow: hidden !important;
    background: #333;
}
.dekagro-coverflow .dekagro-slide-link {
    position: absolute !important;
    inset: 0 !important;
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    color: inherit !important;
    text-decoration: none !important;
    cursor: grab !important;
}
.dekagro-coverflow .swiper-slide-active a.dekagro-slide-link { cursor: pointer !important; }
.dekagro-coverflow .dekagro-slide-link:focus-visible {
    outline: 3px solid #fff !important;
    outline-offset: -4px !important;
}
.dekagro-coverflow .dekagro-slide-link img {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    object-fit: cover !important;
    object-position: center center !important;
    user-select: none !important;
    -webkit-user-drag: none !important;
    pointer-events: none !important;
}
.dekagro-coverflow .dekagro-coverflow-shade {
    position: absolute !important;
    inset: 0 !important;
    background: linear-gradient(transparent 55%, rgba(0,0,0,.42));
    pointer-events: none !important;
}
.dekagro-coverflow .dekagro-coverflow-copy {
    position: absolute !important;
    bottom: 24px !important;
    left: 18px !important;
    right: 18px !important;
    text-align: center !important;
    color: #fff !important;
    font-family: 'Open Sans', Arial, sans-serif !important;
    letter-spacing: normal !important;
    text-transform: none !important;
    text-shadow: 0 0 10px #000 !important;
    pointer-events: none !important;
    transition: opacity .35s ease, visibility .35s ease !important;
}
.dekagro-coverflow .dekagro-coverflow-copy h3 {
    padding: 0 !important;
    margin: 0 0 13px !important;
    color: #fff !important;
    font-family: inherit !important;
    font-size: 25px !important;
    font-weight: 600 !important;
    line-height: 1.2 !important;
    letter-spacing: normal !important;
    text-transform: none !important;
}
.dekagro-coverflow .dekagro-coverflow-copy p {
    padding: 0 !important;
    margin: 3px 0 !important;
    color: #fff !important;
    font-family: inherit !important;
    font-size: 18px !important;
    font-weight: 400 !important;
    line-height: 1.25 !important;
    letter-spacing: normal !important;
    text-transform: none !important;
}
.dekagro-coverflow .dekagro-title-only .dekagro-coverflow-copy {
    bottom: 36px !important;
    left: 6% !important;
    right: 6% !important;
}
.dekagro-coverflow .dekagro-title-only .dekagro-coverflow-copy h3 {
    max-width: 540px !important;
    margin: 0 auto !important;
    text-wrap: balance;
}
.dekagro-coverflow .dekagro-title-continuation {
    display: block !important;
    margin-top: 12px !important;
    font: inherit !important;
}
.dekagro-coverflow .swiper-slide:not(.swiper-slide-active) .dekagro-coverflow-copy,
.dekagro-coverflow .swiper-slide:not(.swiper-slide-active) .dekagro-coverflow-shade {
    opacity: 0 !important;
    visibility: hidden !important;
}
/* Desktop: show exactly the active item and its immediately adjacent previews. */
.dekagro-coverflow .swiper-slide:not(.swiper-slide-active):not(.swiper-slide-prev):not(.swiper-slide-next) {
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
}
.dekagro-coverflow .swiper-slide.swiper-slide-active,
.dekagro-coverflow .swiper-slide.swiper-slide-prev,
.dekagro-coverflow .swiper-slide.swiper-slide-next {
    opacity: 1 !important;
    visibility: visible !important;
}
.dekagro-coverflow .swiper-slide.swiper-slide-active { z-index: 10 !important; }
.dekagro-coverflow .swiper-slide.swiper-slide-prev,
.dekagro-coverflow .swiper-slide.swiper-slide-next { z-index: 1 !important; }
.dekagro-coverflow .dekagro-coverflow-swiper,
.dekagro-coverflow .dekagro-slide-link,
.dekagro-coverflow .swiper-slide {
    user-select: none !important;
    -webkit-user-select: none !important;
    -webkit-user-drag: none !important;
}
.dekagro-coverflow .dekagro-coverflow-swiper { touch-action: pan-y; }
.dekagro-coverflow .dekagro-coverflow-swiper.swiper-grab-cursor,
.dekagro-coverflow .swiper-slide.swiper-slide-prev,
.dekagro-coverflow .swiper-slide.swiper-slide-next { cursor: grab !important; }
.dekagro-coverflow .dekagro-coverflow-swiper:active .dekagro-slide-link { cursor: grabbing !important; }
/* Slider Revolution's 40px circular Hesperiden-style arrows. */
.dekagro-coverflow .dekagro-prev,
.dekagro-coverflow .dekagro-next {
    position: absolute !important;
    top: 50% !important;
    z-index: 100 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 40px !important;
    height: 40px !important;
    padding: 0 !important;
    margin: 0 !important;
    transform: translateY(-50%) !important;
    border: 0 !important;
    border-radius: 50% !important;
    background: rgba(0,0,0,.5) !important;
    color: #fff !important;
    font-size: 0 !important;
    cursor: pointer !important;
    box-shadow: none !important;
    transition: background-color .2s ease !important;
}
.dekagro-coverflow .dekagro-prev { left: 30px !important; }
.dekagro-coverflow .dekagro-next { right: 30px !important; }
.dekagro-coverflow .dekagro-prev:hover,
.dekagro-coverflow .dekagro-next:hover { background: #000 !important; }
.dekagro-coverflow .dekagro-prev::before,
.dekagro-coverflow .dekagro-next::before {
    content: '' !important;
    display: block !important;
    width: 11px !important;
    height: 11px !important;
    border-right: 4px solid #fff !important;
    border-bottom: 4px solid #fff !important;
    border-radius: 1px !important;
}
.dekagro-coverflow .dekagro-prev::before { transform: translateX(2px) rotate(135deg) !important; }
.dekagro-coverflow .dekagro-next::before { transform: translateX(-2px) rotate(-45deg) !important; }
.dekagro-coverflow .dekagro-pagination { display: none !important; }
/* Single-slide layouts for both Swiper's viewport and the image/caption layer. */
@media (max-width: 1023px) {
    .dekagro-coverflow {
        display: block !important;
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        height: auto !important;
        margin: 0 auto !important;
        padding: 0 !important;
        overflow: hidden !important;
    }
    .dekagro-coverflow .dekagro-coverflow-swiper {
        display: block !important;
        width: 100% !important;
        min-width: 0 !important;
        height: auto !important;
        min-height: 0 !important;
        aspect-ratio: 4 / 3 !important;
        overflow: hidden !important;
        perspective: none !important;
    }
    .dekagro-coverflow .swiper-wrapper {
        width: 100% !important;
        height: 100% !important;
        align-items: stretch !important;
        transform-style: flat !important;
    }
    .dekagro-coverflow .swiper-slide,
    .dekagro-coverflow .swiper-slide:not(.swiper-slide-active):not(.swiper-slide-prev):not(.swiper-slide-next),
    .dekagro-coverflow .swiper-slide.swiper-slide-prev,
    .dekagro-coverflow .swiper-slide.swiper-slide-next {
        position: relative !important;
        display: block !important;
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        height: 100% !important;
        opacity: 1 !important;
        visibility: visible !important;
        backface-visibility: visible !important;
        transform-style: flat !important;
    }
    .dekagro-coverflow .dekagro-coverflow-card,
    .dekagro-coverflow .dekagro-slide-link { width: 100% !important; height: 100% !important; }
    .dekagro-coverflow .dekagro-coverflow-card img { object-position: center center !important; }
    /* Caption is centered in the enlarged image, as in Slider Revolution's tablet mode. */
    .dekagro-coverflow .dekagro-coverflow-copy,
    .dekagro-coverflow .dekagro-title-only .dekagro-coverflow-copy {
        top: 50% !important;
        bottom: auto !important;
        left: 11% !important;
        right: 11% !important;
        transform: translateY(-50%) !important;
        text-align: center !important;
    }
    .dekagro-coverflow .dekagro-coverflow-copy h3,
    .dekagro-coverflow .dekagro-title-only .dekagro-coverflow-copy h3 {
        max-width: 100% !important;
        font-size: clamp(20px, 2.7vw, 25px) !important;
        line-height: 1.3 !important;
        font-weight: 600 !important;
        margin-bottom: 12px !important;
        overflow-wrap: break-word !important;
    }
    .dekagro-coverflow .dekagro-coverflow-copy p {
        font-size: clamp(15px, 1.9vw, 18px) !important;
        line-height: 1.35 !important;
        overflow-wrap: break-word !important;
    }
    .dekagro-coverflow .dekagro-title-only .dekagro-coverflow-copy h3 { margin-bottom: 0 !important; }
    .dekagro-coverflow .dekagro-prev { left: 20px !important; }
    .dekagro-coverflow .dekagro-next { right: 20px !important; }
    .dekagro-coverflow .dekagro-prev,
    .dekagro-coverflow .dekagro-next { width: 40px !important; height: 40px !important; }
}
@media (max-width: 767px) {
    .dekagro-coverflow .dekagro-coverflow-swiper {
        aspect-ratio: 6 / 5 !important; /* Original exported phone canvas: 480 x 400. */
        min-height: 0 !important;
    }
    .dekagro-coverflow .dekagro-coverflow-copy,
    .dekagro-coverflow .dekagro-title-only .dekagro-coverflow-copy {
        left: 14% !important;
        right: 14% !important;
    }
    .dekagro-coverflow .dekagro-coverflow-copy h3,
    .dekagro-coverflow .dekagro-title-only .dekagro-coverflow-copy h3 {
        font-size: clamp(16px, 4.6vw, 21px) !important;
        line-height: 1.28 !important;
        margin-bottom: 8px !important;
    }
    .dekagro-coverflow .dekagro-coverflow-copy p {
        font-size: clamp(12px, 3.3vw, 15px) !important;
        line-height: 1.3 !important;
        margin: 0 !important;
    }
    .dekagro-coverflow .dekagro-title-continuation { margin-top: 7px !important; }
    .dekagro-coverflow .dekagro-prev,
    .dekagro-coverflow .dekagro-next { width: 36px !important; height: 36px !important; }
    .dekagro-coverflow .dekagro-prev { left: 10px !important; }
    .dekagro-coverflow .dekagro-next { right: 10px !important; }
    .dekagro-coverflow .dekagro-prev::before,
    .dekagro-coverflow .dekagro-next::before {
        width: 9px !important;
        height: 9px !important;
        border-width: 3px !important;
    }
}
/* Graceful fallback: first image stays visible even when Swiper is blocked. */
.dekagro-coverflow .dekagro-coverflow-swiper:not(.swiper-initialized) .swiper-slide:first-child {
    opacity: 1 !important;
    visibility: visible !important;
}
.dekagro-coverflow .dekagro-coverflow-swiper:not(.swiper-initialized) .swiper-slide:not(:first-child) {
    opacity: 0 !important;
    visibility: hidden !important;
}
.dekagro-coverflow:has(.dekagro-coverflow-swiper:not(.swiper-initialized)) .dekagro-prev,
.dekagro-coverflow:has(.dekagro-coverflow-swiper:not(.swiper-initialized)) .dekagro-next { display: none !important; }
@media (prefers-reduced-motion: reduce) {
    .dekagro-coverflow .dekagro-coverflow-copy { transition: none !important; }
}