.slider-section { position: relative; }
.slider-wrapper { position: relative; overflow: hidden; }
.slider-track { display: flex; transition: transform 0.6s var(--ease-out-expo); }
.slider-slide { min-width: 100%; padding: 0 40px; }
.slider-controls { display: flex; align-items: center; justify-content: center; gap: 20px; margin-top: 40px; }
.slider-btn { width: 48px; height: 48px; display: flex; align-items: center; justify-content: center; border-radius: 50%; background: var(--color-bg-card); border: 1px solid var(--color-border); color: var(--color-text-muted); cursor: pointer; transition: all 0.3s ease; }
.slider-btn:hover { background: var(--color-primary); border-color: var(--color-primary); color: #fff; transform: scale(1.05); }
.slider-btn:disabled { opacity: 0.3; cursor: not-allowed; }
.slider-btn:disabled:hover { background: var(--color-bg-card); border-color: var(--color-border); color: var(--color-text-muted); transform: none; }
.slider-dots { display: flex; gap: 8px; }
.slider-dot { width: 10px; height: 10px; border-radius: 50%; background: var(--color-border); border: none; cursor: pointer; transition: all 0.3s ease; padding: 0; }
.slider-dot.active { background: var(--color-primary); transform: scale(1.3); }
.slider-progress { width: 200px; height: 3px; background: var(--color-border); border-radius: 3px; overflow: hidden; }
.slider-progress-fill { height: 100%; background: linear-gradient(90deg, var(--color-primary), var(--color-secondary)); border-radius: 3px; transition: width 0.3s ease; }