.gl-slider-wrapper-974cde6e {
    position: relative;
    width: 100%;
    height: 100%;
    min-height: 400px;
    overflow: hidden;
    background: #000;
}

.gl-slider-974cde6e {
    --gl-intensity: 5;
    --gl-speed: 300ms;
    position: relative;
    width: 100%;
    height: 100%;
    display: flex;
    user-select: none;
    touch-action: pan-y;
}

.gl-slider-track-974cde6e {
    display: flex;
    width: 100%;
    height: 100%;
    transition: transform 0.6s cubic-bezier(0.25, 1, 0.5, 1);
    will-change: transform;
}

.gl-slider-974cde6e[data-direction="vertical"] .gl-slider-track-974cde6e {
    flex-direction: column;
}

.gl-slider-974cde6e[data-direction="360"] .gl-slider-track-974cde6e {
    transition: none;
}

.gl-slide-974cde6e {
    flex: 0 0 100%;
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.gl-slider-974cde6e[data-direction="360"] .gl-slide-974cde6e {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    pointer-events: none;
}
.gl-slider-974cde6e[data-direction="360"] .gl-slide-974cde6e.is-active {
    opacity: 1;
    pointer-events: auto;
}

.gl-slide-img-974cde6e,
.gl-slide-img-layer-974cde6e {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    pointer-events: none;
}

.gl-slide-img-layer-974cde6e {
    opacity: 0;
    visibility: hidden;
}

.gl-slide-overlay-974cde6e {
    position: absolute;
    inset: 0;
    background: rgba(0,0,0,0.2);
    pointer-events: none;
}

.gl-slide-content-974cde6e {
    position: relative;
    z-index: 10;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    height: 100%;
    padding: 2rem;
    color: #fff;
    pointer-events: auto;
}

.gl-slide-title-974cde6e {
    font-size: clamp(2rem, 5vw, 4rem);
    margin: 0 0 10px;
    font-weight: 800;
    text-transform: uppercase;
}

.gl-slide-subtitle-974cde6e {
    font-size: 1.2rem;
    margin: 0 0 20px;
}

.gl-slide-btn-974cde6e {
    display: inline-block;
    padding: 12px 30px;
    background: #fff;
    color: #000;
    text-decoration: none;
    font-weight: 600;
    border-radius: 4px;
    transition: transform 0.3s ease;
}
.gl-slide-btn-974cde6e:hover {
    transform: scale(1.05);
}

.gl-nav-prev-974cde6e,
.gl-nav-next-974cde6e {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background: rgba(255,255,255,0.1);
    color: #fff;
    border: none;
    width: 50px;
    height: 50px;
    cursor: pointer;
    z-index: 20;
    border-radius: 50%;
    font-size: 20px;
    transition: background 0.3s;
}
.gl-nav-prev-974cde6e:hover, .gl-nav-next-974cde6e:hover {
    background: rgba(255,255,255,0.3);
}
.gl-nav-prev-974cde6e { left: 20px; }
.gl-nav-next-974cde6e { right: 20px; }


/* --- GLITCH SYSTEM --- */
.is-glitching .gl-slide-img-layer-974cde6e {
    opacity: 1;
    visibility: visible;
}

/* Effect 1: RGB Split */
.gl-slider-974cde6e[data-effect="effect-1"] .is-glitching .gl-layer-1 {
    transform: translateX(calc(var(--gl-intensity) * 1px));
    mix-blend-mode: color-dodge;
    filter: hue-rotate(90deg);
}
.gl-slider-974cde6e[data-effect="effect-1"] .is-glitching .gl-layer-2 {
    transform: translateX(calc(var(--gl-intensity) * -1px));
    mix-blend-mode: color-burn;
    filter: hue-rotate(-90deg);
}

/* Effect 2: Horizontal Slice */
@keyframes hSlice-974 {
    0%, 100% { clip-path: inset(0 0 0 0); transform: translateX(0); }
    20% { clip-path: inset(20% 0 60% 0); transform: translateX(calc(var(--gl-intensity) * 2px)); }
    40% { clip-path: inset(60% 0 20% 0); transform: translateX(calc(var(--gl-intensity) * -2px)); }
    60% { clip-path: inset(10% 0 80% 0); transform: translateX(calc(var(--gl-intensity) * 3px)); }
}
.gl-slider-974cde6e[data-effect="effect-2"] .is-glitching .gl-layer-1 {
    animation: hSlice-974 var(--gl-speed) infinite linear alternate;
}

/* Effect 3: Vertical Slice */
@keyframes vSlice-974 {
    0%, 100% { clip-path: inset(0 0 0 0); transform: translateY(0); }
    20% { clip-path: inset(0 20% 0 60%); transform: translateY(calc(var(--gl-intensity) * 2px)); }
    40% { clip-path: inset(0 60% 0 20%); transform: translateY(calc(var(--gl-intensity) * -2px)); }
}
.gl-slider-974cde6e[data-effect="effect-3"] .is-glitching .gl-layer-1 {
    animation: vSlice-974 var(--gl-speed) infinite linear alternate;
}

/* Effect 4: Noise Static */
.gl-slider-974cde6e[data-effect="effect-4"] .is-glitching::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 5;
    background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E");
    opacity: calc(var(--gl-intensity) * 0.05);
    mix-blend-mode: overlay;
    pointer-events: none;
}

/* Effect 5: Scanlines */
.gl-slider-974cde6e[data-effect="effect-5"] .is-glitching::after {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 5;
    background: repeating-linear-gradient(0deg, transparent, transparent 2px, rgba(0,0,0,0.15) 2px, rgba(0,0,0,0.15) 4px);
    pointer-events: none;
    animation: scan-974 5s linear infinite;
}
@keyframes scan-974 { 100% { transform: translateY(100%); } }

/* Effect 6: Pixel Block */
@keyframes pixel-974 {
    0% { clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%); opacity: 1; }
    25% { clip-path: polygon(10% 10%, 40% 10%, 40% 30%, 10% 30%); transform: scale(1.1); }
    50% { clip-path: polygon(60% 50%, 90% 50%, 90% 80%, 60% 80%); transform: translateX(-5%); }
    75% { clip-path: polygon(20% 70%, 50% 70%, 50% 90%, 20% 90%); opacity: 0; }
}
.gl-slider-974cde6e[data-effect="effect-6"] .is-glitching .gl-layer-1,
.gl-slider-974cde6e[data-effect="effect-6"] .is-glitching .gl-layer-2 {
    animation: pixel-974 var(--gl-speed) infinite step-end;
}

/* Effect 7: Wave */
@keyframes wave-974 {
    0% { transform: skewX(0deg); }
    20% { transform: skewX(calc(var(--gl-intensity) * 2deg)); }
    40% { transform: skewX(calc(var(--gl-intensity) * -1deg)); }
    100% { transform: skewX(0deg); }
}
.gl-slider-974cde6e[data-effect="effect-7"] .is-glitching .gl-slide-img-974cde6e {
    animation: wave-974 var(--gl-speed) infinite linear;
}

/* Effect 8: Tearing */
.gl-slider-974cde6e[data-effect="effect-8"] .is-glitching .gl-layer-1 {
    clip-path: inset(20% 0 50% 0);
    transform: translateX(calc(var(--gl-intensity) * 3px));
}
.gl-slider-974cde6e[data-effect="effect-8"] .is-glitching .gl-layer-2 {
    clip-path: inset(60% 0 10% 0);
    transform: translateX(calc(var(--gl-intensity) * -3px));
}

/* Effect 9: Zoom Glitch */
@keyframes zoomgl-974 {
    0%, 100% { transform: scale(1); filter: blur(0); }
    50% { transform: scale(calc(1 + (var(--gl-intensity)*0.02))); filter: blur(calc(var(--gl-intensity)*0.5px)); }
}
.gl-slider-974cde6e[data-effect="effect-9"] .is-glitching .gl-slide-img-974cde6e {
    animation: zoomgl-974 var(--gl-speed) infinite ease-in-out;
}

/* Effect 10: Dual Layer offset */
@keyframes dual-974 {
    0%, 100% { transform: translate(0,0); opacity: 1; }
    33% { transform: translate(calc(var(--gl-intensity)*1px), calc(var(--gl-intensity)*-1px)); opacity: 0.8; }
    66% { transform: translate(calc(var(--gl-intensity)*-1px), calc(var(--gl-intensity)*1px)); opacity: 0.6; }
}
.gl-slider-974cde6e[data-effect="effect-10"] .is-glitching .gl-layer-1 {
    animation: dual-974 var(--gl-speed) infinite steps(2);
    mix-blend-mode: screen;
}