.headerbanner{
background: url('assets/HERO-BG.png') no-repeat center/cover; 
margin-top: 55px; 
height:500px;}

 body {
    background: #f5f6fa;
  }

  .movie-poster {
    max-width: 220px;
    border-radius: 6px;
    box-shadow: 0 4px 10px rgba(0,0,0,.15);
  }

  .genre span {
    background: #e9ecef;
    padding: 5px 10px;
    border-radius: 4px;
    margin-right: 6px;
    font-size: 0.85rem;
  }

  .section-title {
    border-bottom: 2px solid #0d6efd;
    padding-bottom: 6px;
    margin-bottom: 15px;
    font-weight: bold;
  }

  /* Sidebar */
  .sidebar {
    background: #fff;
    border-radius: 6px;
    padding: 15px;
    position: sticky;
    top: 90px;
  }

  .sidebar a {
    display: block;
    padding: 8px 0;
    color: #333;
    text-decoration: none;
    font-weight: 500;
  }

  .sidebar a:hover {
    color: #0d6efd;
  }

  footer a {
    text-decoration: none;
  }