/* GULTA PREMIUM CARD ENTRANCE - V3 */

.gulta-motion-section {
    position: relative;
}

.gulta-motion-section .gulta-reveal {
    transition:
        opacity 1s cubic-bezier(.22,1,.36,1),
        transform 1.15s cubic-bezier(.16,1,.3,1),
        filter .95s cubic-bezier(.22,1,.36,1),
        box-shadow .4s ease,
        border-color .4s ease;
    transition-delay: var(--gulta-delay, 0ms);
}

/* Animate only after JavaScript prepares the element */
.gulta-motion-section .gulta-reveal.gulta-pending {
    opacity: 0;
    filter: blur(8px);
    transform:
        translate3d(
            var(--gulta-x, 0px),
            var(--gulta-y, 70px),
            0
        )
        perspective(1100px)
        rotateX(var(--gulta-rx, 0deg))
        rotateY(var(--gulta-ry, 0deg))
        scale(.89);
}

.gulta-motion-section .gulta-reveal.gulta-visible {
    opacity: 1;
    filter: blur(0);
    transform:
        translate3d(0,0,0)
        perspective(1100px)
        rotateX(0deg)
        rotateY(0deg)
        scale(1);
}

/* Right entrance */
.gulta-card-right {
    --gulta-x: 105px;
    --gulta-y: 18px;
    --gulta-ry: -10deg;
}

/* Top entrance */
.gulta-card-down {
    --gulta-x: 0px;
    --gulta-y: -105px;
    --gulta-rx: 11deg;
}

/* Left entrance */
.gulta-card-left {
    --gulta-x: -105px;
    --gulta-y: 18px;
    --gulta-ry: 10deg;
}

/* Bottom entrance */
.gulta-card-up {
    --gulta-x: 0px;
    --gulta-y: 105px;
    --gulta-rx: -9deg;
}

/* Card visual refinement */
.gulta-motion-section .cards .item {
    position: relative;
    isolation: isolate;
    backface-visibility: hidden;
}

.gulta-motion-section .cards .item.gulta-visible {
    transition:
        opacity 1s cubic-bezier(.22,1,.36,1),
        transform 1.15s cubic-bezier(.16,1,.3,1),
        filter .95s cubic-bezier(.22,1,.36,1),
        box-shadow .42s cubic-bezier(.22,1,.36,1),
        border-color .42s ease;
    transition-delay: var(--gulta-delay, 0ms);
}

.gulta-motion-section .cards .item img {
    transition:
        transform .85s cubic-bezier(.22,1,.36,1),
        filter .65s ease;
}

@media (hover:hover) and (pointer:fine) {
    .gulta-motion-section .cards .item.gulta-visible:hover {
        transform: translate3d(0,-12px,0) scale(1.025);
        box-shadow:
            0 25px 55px rgba(54,57,166,.19),
            0 5px 15px rgba(54,57,166,.07);
        border-color: rgba(255,100,80,.35);
        transition-delay: 0ms;
        z-index: 3;
    }

    .gulta-motion-section .cards .item:hover img {
        transform: scale(1.08);
        filter: saturate(1.1);
    }
}

@media (max-width: 768px) {
    .gulta-card-right { --gulta-x: 45px; }
    .gulta-card-left  { --gulta-x: -45px; }
    .gulta-card-down  { --gulta-y: -55px; }
    .gulta-card-up    { --gulta-y: 55px; }

    .gulta-motion-section .gulta-reveal {
        transition-duration: .8s;
    }
}

@media (prefers-reduced-motion: reduce) {
    .gulta-motion-section .gulta-reveal {
        opacity: 1 !important;
        transform: none !important;
        filter: none !important;
        transition: none !important;
    }
}