/* Modern Hero Slider */
.hero-slider{position:relative;height:70vh;min-height:420px;width:100%;overflow:hidden;background:#000}
.slider-track{position:relative;height:100%;width:100%}
.slide{position:absolute;inset:0;opacity:0;transition:opacity 0.6s ease}
.slide.active{opacity:1;z-index:1}
.slide-bg{position:absolute;inset:0;background-size:cover;background-position:center;background-repeat:no-repeat;transform:scale(1.02);transition:transform 8s ease}
.slide.active .slide-bg{transform:scale(1)}
.slide-bg::after{content:'';position:absolute;inset:0;background:linear-gradient(to bottom, rgba(0,0,0,0.25), rgba(0,0,0,0.35))}
.slide-content{position:relative;z-index:2;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:0 20px;color:#fff}
.slide-content h2{font-size:48px;font-weight:700;margin-bottom:12px;text-shadow:0 6px 16px rgba(0,0,0,0.35)}
.slide-content .subtitle{font-size:18px;max-width:800px;margin-bottom:24px;color:rgba(255,255,255,0.9)}
.btn.cta-btn{background-color:#e74c3c;border-color:#e74c3c;color:#fff;padding:12px 24px;border-radius:6px;box-shadow:0 4px 12px rgba(231,76,60,0.35)}
.btn.cta-btn:hover{background-color:#c0392b;border-color:#c0392b}
/* Slider Navigation Controls */
.nav-btn{position:absolute;top:50%;transform:translateY(-50%);width:44px;height:44px;border:none;border-radius:50%;background:rgba(255,255,255,0.95);color:#2c3e50;font-size:22px;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 6px 14px rgba(0,0,0,0.25);z-index:3;pointer-events:auto}
.nav-btn.prev{left:16px}
.nav-btn.next{right:16px}
.nav-btn:hover{background:#e74c3c;color:#fff}
.nav-btn:focus{outline:2px solid rgba(231,76,60,0.7);outline-offset:2px}
.slider-dots{position:absolute;left:50%;bottom:18px;transform:translateX(-50%);display:flex;gap:10px;z-index:3}
.slider-dots button{width:10px;height:10px;border-radius:50%;border:2px solid #fff;background:rgba(255,255,255,0.3);cursor:pointer;box-shadow:0 4px 10px rgba(0,0,0,0.25);padding:0}
.slider-dots button:hover{background:rgba(255,255,255,0.6)}
.slider-dots button.active{background:#e74c3c;border-color:#e74c3c}
@media (max-width:768px){.nav-btn{width:38px;height:38px;font-size:20px}.nav-btn.prev{left:10px}.nav-btn.next{right:10px}.slider-dots{bottom:12px}}
@media (max-width:992px){.hero-slider{height:60vh;min-height:380px}.slide-content h2{font-size:36px}.slide-content .subtitle{font-size:16px}}
@media (max-width:768px){.hero-slider{height:52vh;min-height:340px}.slide-content h2{font-size:30px}}