@media (min-width: 701px) {
  body .dibu {
    --c1: #075dff;
    --c2: #2f7bff;
    background-image:
      linear-gradient(90deg, rgba(4, 10, 19, 0.98), rgba(4, 13, 27, 0.9) 52%, rgba(4, 18, 38, 0.82)),
      url('../img/home-pc-2026/footer-truss-warehouse.webp') !important;
    background-position: center center;
    background-size: cover;
  }

  body .dibu::before {
    content: '';
    position: absolute;
    inset: 0;
    z-index: 0;
    background: linear-gradient(180deg, rgba(7, 93, 255, 0.08), transparent 42%);
    pointer-events: none;
  }

  body .dibu .bls,
  body .dibu .footer {
    position: relative;
    z-index: 1;
  }

  body .dibu .footer h3::after {
    background: #2f7bff;
  }

  body .dibu .footer a:hover {
    color: #6ed9ff;
  }
}