/*style dalga efekt*/
.carousel .ripple-layer {
    position: absolute;
    inset: 0;
    pointer-events: none;
    z-index: 3;
}

.ripple-drop, .ripple-ring {
    position: absolute;
    width: var(--ripple-size, 260px);
    height: var(--ripple-size, 260px);
    left: calc(var(--x) - var(--ripple-size, 260px)/2);
    top: calc(var(--y) - var(--ripple-size, 260px)/2);
    border-radius: 50%;
    pointer-events: none;
}

.ripple-drop {
    background: radial-gradient(circle, rgba(255,255,255,0.75) 0%, rgba(255,255,255,0.45) 22%, rgba(255,255,255,0.18) 42%, rgba(255,255,255,0) 66%);
    transform: scale(0.1);
    opacity: .95;
    mix-blend-mode: screen;
    animation: rippleCore 900ms ease-out forwards;
}

.ripple-ring {
    background: radial-gradient(circle, rgba(255,255,255,0) 60%, rgba(255,255,255,0.35) 72%, rgba(255,255,255,0) 82%);
    transform: scale(0.2);
    opacity: .9;
    animation: rippleRing 1200ms ease-out forwards;
}

    .ripple-drop.is-hover, .ripple-ring.is-hover {
        width: 200px;
        height: 200px;
        left: calc(var(--x) - 100px);
        top: calc(var(--y) - 100px);
        animation-duration: 800ms; /* biraz daha kısa */
    }

@keyframes rippleCore {
    60% {
        opacity: .6;
    }

    100% {
        transform: scale(1);
        opacity: 0;
    }
}

@keyframes rippleRing {
    70% {
        opacity: .5;
    }

    100% {
        transform: scale(1.15);
        opacity: 0;
    }
}

.tiski-content-strip {
    padding: 2rem 0 2.5rem;
    background: #f8fafc;
}

@media (max-width: 575.98px) {
    .tiski-content-strip {
        margin-top: 140px;
    }
}

.tiski-side-stack > * {
    flex: 1 1 0;
    min-height: 0;
}

.tiski-side-stack .tiski-panel {
    height: 100%;
}