/* Desktop-only speaker footer treatment. Shared footer markup remains unchanged. */
@media screen and (min-width: 769px) {
  .dibu {
    background-color: #06101f !important;
    background-image:
      linear-gradient(105deg, rgba(3, 10, 22, 0.96) 0%, rgba(5, 16, 31, 0.88) 45%, rgba(4, 11, 22, 0.78) 100%),
      url('../img/loong-home/footer-speaker-production.webp') !important;
    background-position: center center !important;
    background-size: cover !important;
    border-top: 1px solid rgba(199, 236, 54, 0.2);
  }

  .dibu::after {
    width: 100% !important;
    height: 100% !important;
    background:
      radial-gradient(circle at 12% 45%, rgba(21, 83, 140, 0.2), transparent 34%),
      linear-gradient(90deg, rgba(199, 236, 54, 0.06), transparent 28%) !important;
    opacity: 1 !important;
    pointer-events: none;
  }

  .dibu .bls {
    opacity: 0.66;
  }

  .dibu .footer,
  .dibu .footer2 {
    position: relative;
    z-index: 2;
  }

  .dibu .footer-l p,
  .dibu .footer-r ul p,
  .dibu .footer-r ul li a {
    color: rgba(255, 255, 255, 0.76);
  }

  .dibu .footer-r ul h3 {
    color: #fff;
  }

  .dibu .footer-r ul li a:hover {
    color: #c7ec36;
  }
}