/* background loads AFTER page render */
  .bg-footer-pattern {
    background-image: url('/assets/img/bg.jpeg');
    background-size: cover;
    background-position: center;
  }

  /* Optimized card styling */
  .footer-card {
    background: rgba(255, 255, 255, 0.15);
    padding: 1.5rem;
    border-radius: 1rem;
    border: 1px solid rgba(255, 255, 255, 0.15);
    transition: background .25s;
  }
  .footer-card:hover {
    background: rgba(255, 255, 255, 0.25);
  }

  .footer-title { font-size: 1.1rem; font-weight: 600; margin-bottom: .7rem; }
  .footer-list li { margin-bottom: .45rem; }
  .footer-link { opacity: .95; transition: color .2s; }
  .footer-link:hover { color: #fde68a; }

  .footer-social {
    padding: .45rem;
    background: rgba(255,255,255,0.2);
    border-radius: 9999px;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .footer-social:hover { background: rgba(255,255,255,0.3); }