footer{
       z-index: 5;
    display: inherit;
    position: sticky;
}

  /* ════════════════════════════════
     FOOTER — mobile first
  ════════════════════════════════ */
 
  /* ── Top grid: 1 col en mobile ── */
  .footer-nav {
    display: grid;
    grid-template-columns: 1fr;
    gap: 1.5rem;
  }
 
  /* ── Tablet: 2 col ── */
  @media (min-width: 768px) {
    .footer-nav {
      grid-template-columns: repeat(2, 1fr);
    }
  }
 
  /* ── Desktop: 5 col ── */
  @media (min-width: 1020px) {
    .footer-nav {
      grid-template-columns: 2fr 1.8fr 1fr 1fr 1fr;
      gap: 3rem;
    }
  }
 
  /* ── Logo placeholder ── */
  .footer-logo {
    margin-bottom: 1.25rem;
    filter: brightness(0) invert(1);
  }

    .footer-logo img {
      width: 120px;
      height: auto;
      align-items: anchor-center;
  }
 
  /*.logo-placeholder {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 140px;
    height: 52px;
    border: 2px dashed rgba(255 255 255 / 25%);
    border-radius: 8px;
    color: rgba(255 255 255 / 35%);
    font-size: 13px;
    letter-spacing: 0.1em;
    font-weight: 600;
  }*/
 
  /* ── Brand description ── */
  .footer-desc {
    font-size: 14px;
    line-height: 1.7;
    color: rgba(255 255 255 / 55%);
    max-width: 260px;
  }
 
  /* ── Column headings ── */
  .footer-heading {
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: var(--brand-hover);
    margin-bottom: 1.25rem;
  }
 
  /* ── Lists ── */
  .footer-list {
    list-style: none;
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
  }
 
  .footer-list li {
    font-size: 15px;
    color: var(--white);
    display: flex;
    align-items: flex-start;
    gap: 0.5rem;
    line-height: 1.5;
  }
 
  .footer-list a {
    color: var(--white);
    text-decoration: none;
    transition: color var(--transition);
  }
 
  .footer-list a:hover { color: var(--brand-hover); }
 
  /* ── Pin icons ── */
  .pin-icon {
    width: 15px;
    height: 15px;
    flex-shrink: 0;
    margin-top: 3px;
    color: rgba(255 255 255 / 40%);
  }
 
  /* ── Social list ── */
  .footer-social li a {
    display: flex;
    align-items: center;
    gap: 0.6rem;
  }
 
  .footer-social svg {
    width: 20px;
    height: 20px;
    flex-shrink: 0;
    color: rgba(255, 255, 255, 0.744);
    transition: color var(--transition);
  }
 
  .footer-social a:hover svg { color: #fff; }
 
  /* ── Certification badges ── */
  .footer-certs {
    display: flex;
   /* flex-direction: column;*/
   align-items: center;
    gap: 0.75rem;
  }
 
  .cert-badge img{
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0.6rem 1.1rem;
    border: 1px solid rgba(255 255 255 / 18%);
    border-radius: 10px;
    /*font-size: 13px;
    font-weight: 600;*/
    color: rgba(255 255 255 / 60%);
    background: rgba(255 255 255 / 5%);
    width: auto;
    height: 100px;
    /*letter-spacing: 0.03em;*/
  }
 
  /* ── Divider ── */
  .footer-divider {
    height: 1px;
    background: rgba(255 255 255 / 10%);
    margin: 3rem 0 2rem;
  }
 
  /* ── Bottom bar ── */
  .footer-bottom {
    display: flex;
    flex-direction: column;
    gap: 1rem;
  }
 
  @media (min-width: 768px) {
    .footer-bottom {
      flex-direction: row;
      align-items: center;
      justify-content: space-between;
    }
  }
 
  .footer-copy {
    font-size: 13px;
    color: rgba(255 255 255 / 35%);
  }
 
  .footer-legal {
    display: flex;
    gap: 1.5rem;
  }
 
  .footer-legal a {
    font-size: 13px;
    color: rgba(255 255 255 / 35%);
    text-decoration: none;
    transition: color var(--transition);
  }
 
  .footer-legal a:hover { color: rgba(255 255 255 / 70%); }
  .footer-box-logo{display: flex;gap:16px;}