[data-slide-container] {
    position: relative;
    overflow: hidden;
}

.sl-slide {
    width: 100%;
    height: 100%;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    will-change: transform, opacity;
    transform-origin: center center;
    user-select: none; /* текст селекция по средата на swipe жест е досадна, не полезна */
}

/* <img> в браузъра по подразбиране е "влачим" (нативен HTML5 drag-and-drop) — слизайки
   в средата на mode:'swift' жест, нативното влачене поема mousemove потока и Sensor.press
   спира да получава move събития (слайдът остава "залепен" на последния transform). */
.sl-slide img {
    -webkit-user-drag: none;
    user-drag: none;
}

/* ── mode:'coverflow' — theme-agnostic структура, само позициониране/3D ─────
   Цветове/размери на самото съдържание (карти и т.н.) си остават на
   консуматора — тук е само механизмът (виж CoverflowDom.js). */

[data-slide-container].sl-coverflow {
    perspective: 1400px;
}

.sl-coverflow__track {
    position: relative;
    width: 100%;
    height: 100%;
}

.sl-coverflow__card {
    position: absolute;
    top: 0;
    left: 50%;
    transform-style: preserve-3d;
    transition: transform 0.5s cubic-bezier(0.16, 1, 0.3, 1), opacity 0.5s ease;
}