
body.ui-style-2 {
  --primary-color: #3498db;
  --secondary-color: #2c3e50;
  --accent-color: #e74c3c;
  --bg-color: #f5f5f5;
  --card-bg: #ffffff;
}

.main-nav {
  border-bottom: 2px solid var(--primary-color);
}

.video-card:hover,
.video-item:hover,
.related-card:hover {
  border-left: 3px solid var(--primary-color);
}

@media (max-width: 768px) {
  .nav-container {
    padding: 0 12px;
  }

  .nav-menu {
    overflow-x: hidden;
  }

  .nav-menu li a {
    font-size: 12px;
    padding: 12px 4px;
  }
}
