.video-gallery {
  padding: 60px 20px;
  background: linear-gradient(135deg, #fff6ea, #f9f9f9);
  text-align: center;
}

.video-gallery h2 {
  font-size: 32px;
  margin-bottom: 30px;
  color: #D08DAB;
}

.video-slider-wrapper {
  position: relative;
  max-width: 1200px;
  margin: auto;
}

.video-slider {
  display: flex;
  gap: 20px;
  overflow-x: auto;
  scroll-behavior: smooth;
  scrollbar-width: none;
}

.video-slider::-webkit-scrollbar {
  display: none;
}

.video-card {
  flex: 0 0 360px;
  border-radius: 16px;
  overflow: hidden;
  background: #000;
  box-shadow: 0 8px 30px rgba(0,0,0,0.12);
}

.video-card iframe {
  width: 100%;
  height: 220px;
  border: none;
}

/* Navigation Buttons */
.nav-btn {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  background: #685757;
  border: none;
  font-size: 28px;
  cursor: pointer;
  padding: 8px 14px;
  border-radius: 50%;
  box-shadow: 0 4px 10px rgba(0,0,0,0.2);
  z-index: 10;
}

.nav-btn.prev {
  left: -10px;
}

.nav-btn.next {
  right: -10px;
}

/* Mobile */
@media (max-width: 768px) {
  .video-card {
    flex: 0 0 95%;
  }

  .nav-btn {
    display: none;
  }
}