/* ===================================================================== */
/* 🔮 RADIOPLUNA – NEXT-GEN HOLOGRAMM SLIDER (🔒 V9.0.0 CORE HUD SAFE)  */
/* Herbst-Style: Obsidian-Schwarz, Cyber-Cyan & Plasma-Orange            */
/* ===================================================================== */
.quantum-slider-matrix { position: relative; padding: 25px !important; border-radius: 18px; overflow: hidden; background: rgba(8, 9, 14, 0.85) !important; border: 1px solid rgba(0, 191, 255, 0.25) !important; box-shadow: 0 0 25px rgba(0, 0, 0, 0.65) !important; box-sizing: border-box; display: flex; flex-direction: column; justify-content: space-between; min-height: 400px; width: 100% !important; animation: holoFloatSlider 6s ease-in-out infinite; will-change: transform; z-index: 5; }
@keyframes holoFloatSlider { 0%,100% { transform: translateY(0) translateZ(0); } 50% { transform: translateY(-4px) translateZ(0); } }

/* 🔒 VIRTUAL MATRIX SCANLINES (HARDWARE ACCELERATED VIA GPU) */
.quantum-slider-matrix::before { content: ""; position: absolute; inset: 0; pointer-events: none; background: repeating-linear-gradient(to bottom, rgba(0, 191, 255, 0.03) 0px, rgba(0, 191, 255, 0.03) 2px, transparent 3px, transparent 6px); z-index: 1; opacity: 0.5; }
.quantum-slider-matrix:hover::before { animation: scanMoveSlider 5s linear infinite; }
@keyframes scanMoveSlider { 0% { transform: translateY(-100%); } 100% { transform: translateY(100%); } }

/* 🔒 AUTOMATIC SLIDE CORE MANAGEMENT */
.slide { display: none; width: 100%; height: 280px; overflow: hidden; position: relative; box-sizing: border-box; }
.slide.active { display: block !important; }
.slide-holo-cage { position: relative; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; box-sizing: border-box; padding: 20px 60px; }

/* 🔒 AUTOMATIC PICTURE DRIVER (ICE-ENGINE GPU BLEND) */
.slider-quantum-nucleus { width: auto !important; height: auto !important; max-width: 100% !important; max-height: 100% !important; object-fit: contain !important; border-radius: 12px; display: block; filter: saturate(1.05) drop-shadow(0 0 15px rgba(0, 191, 255, 0.15)); margin: 0 auto; z-index: 20; position: relative; }
.quantum-slider-matrix:hover .slider-quantum-nucleus { transform: scale(1.015) translateZ(0); transition: transform 0.4s cubic-bezier(0.25, 1, 0.5, 1); }
.fade { animation: fadeEffect 0.8s ease-in-out; }
@keyframes fadeEffect { from { opacity: 0.3; filter: brightness(0.6) saturate(0.8); } to { opacity: 1; filter: brightness(1) saturate(1.05); } }

/* 🎚️ DIE UNIKATÄRE AUDIO-WELLE (🔒 OPTIMIERTE RENDER‑PIPELINE) */
.slider-cyber-waveform { position: absolute; bottom: 50px; left: 50%; transform: translateX(-50%); display: flex; align-items: flex-end; gap: 4px; height: 25px; z-index: 10; opacity: 0.25; pointer-events: none; }
.wave-bar { width: 3px; background: #00bfff; border-radius: 2px; animation: cyberWavePulse 1.2s ease-in-out infinite; will-change: height, background; }
@keyframes cyberWavePulse { 0%, 100% { height: 4px; background: #00bfff; } 50% { height: 22px; background: #ff6a00; } }
.bar-1 { animation-delay: 0.1s; } .bar-2 { animation-delay: 0.4s; } .bar-3 { animation-delay: 0.2s; } .bar-4 { animation-delay: 0.6s; } .bar-5 { animation-delay: 0.3s; } .bar-6 { animation-delay: 0.5s; } .bar-7 { animation-delay: 0.15s; } .bar-8 { animation-delay: 0.45s; } .bar-9 { animation-delay: 0.25s; }

/* 🔒 CYBER NAVIGATION INTERFACE */
.prev, .next { position: absolute; top: 50%; transform: translateY(-50%); font-size: 20px; padding: 0; cursor: pointer; background: rgba(5, 7, 12, 0.7) !important; border-radius: 50%; color: #fff !important; text-shadow: 0 0 10px rgba(0, 191, 255, 0.6); box-shadow: 0 0 12px rgba(0, 191, 255, 0.2); transition: .2s ease; z-index: 40; text-decoration: none !important; border: 1px solid rgba(0, 191, 255, 0.25); width: 36px; height: 36px; display: flex; align-items: center; justify-content: center; box-sizing: border-box; }
.prev:hover, .next:hover { background: rgba(0, 191, 255, 0.2) !important; border-color: #ff6a00; box-shadow: 0 0 15px rgba(255, 106, 0, 0.6); }
.prev { left: 15px; } .next { right: 15px; }
.dots { text-align: center; display: flex; justify-content: center; gap: 6px; margin-top: 10px; position: relative; z-index: 40; width: 100%; }
.dot { height: 8px; width: 8px; background: rgba(255, 255, 255, 0.4); border-radius: 50%; display: inline-block; cursor: pointer; transition: .2s ease; border: 1px solid rgba(0, 0, 0, 0.3); }
.dot:hover { background: rgba(255, 106, 0, 0.7); box-shadow: 0 0 12px #ff6a00; }
.dot.active { background: #ff6a00 !important; box-shadow: 0 0 12px #ff6a00; border-color: #ff3000; transform: scale(1.1); }

/* ===================================================================== */
/* 📱 SMARTPHONE RESPONSIVE OVERRIDES                                    */
/* ===================================================================== */
@media (max-width: 768px) { .quantum-slider-matrix::before, .slider-cyber-waveform { display: none !important; } .quantum-slider-matrix { transform: none !important; animation: none !important; border-radius: 14px; padding: 15px !important; min-height: unset; height: auto !important; box-shadow: none !important; background: rgba(8, 9, 14, 0.9) !important; border-color: rgba(0, 191, 255, 0.15) !important; } .slide { height: auto; overflow: visible; } .slide-holo-cage { padding: 10px; height: auto; } .slider-quantum-nucleus { max-height: 180px !important; } .prev, .next, .dots { display: none !important; } }