#background-img {
        position: fixed;
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center;
        width: 100%;
        height: 100%;
        z-index: -1;
        -webkit-filter: brightness(0.6) blur(90px);
        filter: brightness(0.6) blur(90px);
        opacity: 0;
        /* Start with hidden state */
      }

      .movie-details {
        text-align: center;
        padding-top: 20px;
      }

      .movie-details h2,
      .movie-details p,
      .movie-details span {
        color: #fff;
      }

      .dark .movie-details h2,
      .dark .movie-details p,
      .dark .movie-details span {
        color: #fff;
      }

      /* Fade-in and Zoom-in animation for poster */
      @keyframes fadeInZoom {
        from {
          opacity: 0;
          transform: scale(0.8);
        }

        to {
          opacity: 1;
          transform: scale(1.0);
        }
      }

      /* Fade-in animation for details */
      @keyframes fadeInDetails {
        from {
          opacity: 0;
        }

        to {
          opacity: 1;
        }
      }

      /* Fade-in animation for background */
      @keyframes fadeInBg {
        from {
          opacity: 0;
        }

        to {
          opacity: 1;
        }
      }

      .fade-in-poster {
        animation: fadeInZoom 3s cubic-bezier(0.42, 0, 0.07, 0.99) forwards;
      }

      .fade-in-details {
        animation: fadeInDetails 1s ease-in-out forwards;
        animation-delay: 0.5s;
        /* Delay to start after poster */
        opacity: 0;
        /* Start with hidden state */
      }

      .fade-in-details.delay-1 {
        animation-delay: 0.6s;
      }

      .fade-in-details.delay-2 {
        animation-delay: 0.8s;
      }

      .fade-in-details.delay-3 {
        animation-delay: 1.4s;
      }

      .fade-in-details.delay-4 {
        animation-delay: 1.8s;
      }

      .fade-in-details.delay-5 {
        animation-delay: 2.2s;
      }

      .fade-in-bg {
        animation: fadeInBg 0.5s ease-in-out forwards;
        animation-delay: 0.2s;
        opacity: 0;
        /* Start with hidden state */
      }

      /* Styles for watch providers and similar movies */
      .section-title {
        color: #fff;
        font-size: 1.5rem;
        margin-top: 20px;
        text-align: center;
        margin-bottom: 10px;
      }

      .similar-movie-poster {
        width: auto;
        height: auto;
        max-width: 200px;
        max-height: 285px;
        margin-right: auto;
        margin-left: auto;
        display: block;
        border-radius: 8px;
      }

      .watch-providers-grid {
        display: grid;
        grid-template-columns: auto auto auto;
        gap: .5rem;
        justify-content: center;
        margin-right: -20px;
      }

      .similar-movies-grid {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: .5rem;
        justify-content: center;
      }
      
      .similar-movies-grid a {
        cursor: pointer;
        transition: all .3s;
      }

      .similar-movies-grid a:hover {
        transform: scale(0.96);
      }

      .similar-movies-grid a:active {
        transform: scale(0.93);
        transition: .1s;
      }

    .provider-logo {
        width: 70px;
        height: 70px;
        margin-right: auto;
        margin-left: auto;
        display: block;
        border-radius: 10px;
    }
    .logo a img {
        backface-visibility: hidden;
        transform: translateZ(0);
        will-change: transform;
        perspective: 1000px;
        transition: all .3s;
    }
    .logo a img:hover {
        transform: scale(0.94);
    }
    a.return-home { color: #dc8100; text-decoration: none;transition: .3s; }
    a.return-home:hover { color: #ffffff; text-decoration: none; box-shadow: 0px 3px #fffefd; }