.hero-slider { position: relative; width: 100%; height: 500px; overflow: hidden; background: #1a1a1a; }
.slide { position: absolute; inset: 0; background-size: cover; background-position: center; opacity: 0; transition: opacity 1s ease; display: flex; align-items: center; justify-content: center; }
.slide.active { opacity: 1; z-index: 2; }
.slide::before { content: ""; position: absolute; inset: 0; background: rgba(0,0,0,0.35); }
.slide-content { position: relative; z-index: 3; text-align: center; color: var(--color-white); padding: 0 var(--space-md); max-width: 800px; }
.slide-title { font-size: 3rem; font-weight: 800; text-transform: uppercase; margin-bottom: var(--space-md); letter-spacing: 2px; }
.slide-subtitle { font-size: 1.1rem; font-weight: 300; margin-bottom: var(--space-xl); line-height: 1.6; }

.slider-nav { position: absolute; bottom: 25px; left: 50%; transform: translateX(-50%); display: flex; gap: 10px; z-index: 4; }
.slider-nav .dot { width: 12px; height: 12px; border-radius: 50%; background: rgba(255,255,255,0.5); cursor: pointer; transition: background .3s; }
.slider-nav .dot.active { background: var(--color-white); }

.slider-arrow { position: absolute; top: 50%; transform: translateY(-50%); z-index: 4; width: 48px; height: 48px; border-radius: 50%; background: rgba(255,255,255,0.2); color: #fff; display: flex; align-items: center; justify-content: center; font-size: 1.2rem; transition: background .3s; }
.slider-arrow:hover { background: rgba(255,255,255,0.35); }
.slider-arrow.prev { left: 20px; }
.slider-arrow.next { right: 20px; }

@media (max-width: 767px) {
  .hero-slider { height: 380px; }
  .slide-title { font-size: 2rem; }
  .slide-subtitle { font-size: 0.95rem; }
  .slider-arrow { display: none; }
}