/* =========================================================
   2026-07-27 | Şipşak kart kararlılığı + story netlik düzeltmesi
   app.css görsel tasarımı korunur; yalnızca etkileşim davranışı override edilir.
   ========================================================= */

.scenario-snap [data-snap-card] {
    -webkit-tap-highlight-color: transparent;
    touch-action: manipulation;
}

.scenario-snap .snap-card-back {
    pointer-events: auto !important;
    cursor: pointer;
}

.scenario-snap [data-snap-card][role="button"]:focus-visible {
    outline: 3px solid rgba(119, 220, 255, .55);
    outline-offset: 4px;
    border-color: rgba(255, 255, 255, .46);
}

/*
 * Blur yalnızca aktif kaydırma sırasında çok hafif bir geçiş hissi verir.
 * Kaydırma bittiği anda JS tüm değişkenleri kesin olarak net konuma döndürür.
 */
.story-text {
    transform: translate3d(0, var(--home-story-y, 0px), 0) scale(var(--home-story-scale, 1)) !important;
    opacity: var(--home-story-opacity, 1) !important;
    filter: blur(var(--home-story-blur, 0px)) !important;
    transition: none !important;
    will-change: auto;
}

.story-text.is-home-story-moving {
    will-change: transform, opacity;
}

@media (max-width: 980px) {
    .story-text {
        --home-story-distance: 16px;
    }
}

@media (max-width: 560px) {
    .story-text {
        --home-story-distance: 11px;
    }
}

@media (prefers-reduced-motion: reduce) {
    .story-text,
    .story-text.is-home-story-moving {
        transform: none !important;
        opacity: 1 !important;
        filter: none !important;
        will-change: auto;
    }
}