.footer-custom{
    width:100%;
    background-color:rgba(29,29,29,1);
    padding:60px 0 0;
    font-family:neue-haas-grotesk-text;
    color:rgba(147,147,147,1);
}

.footer-custom__container{
    display:grid;
    grid-template-columns:2fr 4fr 2fr;
    padding:0 63px 21px;
    gap:150px;
}

.footer-custom__left-column{
    display:grid;
    row-gap:28px;
}
.footer-custom__left-column p{
    font-size:1.5rem;
    font-family:neue-haas-grotesk-text;
}

.footer-custom__links-column{
    display:flex;
    grid-template-columns:1fr 1fr 1fr;
    gap:30px;
}
.footer-custom__links-column h4{
    font-size:21px;
    color:#fff !important;
    font-family:neue-haas-grotesk-display !important;
    font-weight:500;
}
.footer-custom__links-column a{
    font-size:14px;
    color:#fff !important;
    font-family:neue-haas-grotesk-text;
}

.footer-custom__right-column{
    display:grid;
    row-gap:20px;
}
.footer-custom__right-column p{
    font-size:16px;
    color:rgba(199,199,199,1);
}

.right-column__socialmedia{
    display:flex;
    column-gap:24px;
}

.social-element{
    background-color:rgba(63,63,63,1);
    color:#fff;
    border-radius:18px;
    padding:9px;
    font-size:12px;
    width:max-content;
    height:fit-content;
    display:flex;
    align-items:center;
    flex-wrap:wrap;
    margin-bottom:15px;
    border:none;
    font-family:neue-haas-grotesk-text;
}
.social-element p{
    align-content:center;
    padding:0 8px;
}

.footer-custom__underline{
    background-color:#000;
    color:#fff;
    padding:22px 48px;
    font-size:14px;
    display:flex;
    flex-wrap:wrap;
    justify-content:space-between;
}
.footer-custom__underline a{
    color:#fff;
    padding:0 25px;
}

.left-column__certificates{
    display:flex;
    gap:16px;
    height:50px;
}
.left-column__certificates img{
    width:52px;
    height:52px;
    object-fit:contain;
}
.left-column__certificates img:hover{
    width:57px;
    height:57px;
}

/* ---------- Responsive ---------- */
@media (max-width:1240px){
  .left-column__certificates img:hover{
    width:52px;
    height:52px;
  }

  .footer-custom{ padding:42px 0 0; }

  .footer-custom__container{
    display:grid;
    grid-template-columns:1fr;
    grid-auto-flow:row;
    padding:0;
    gap:50px;
  }

  .footer-custom__left-column{
    display:grid;
    column-gap:28px;
    grid-template-columns:2fr 1fr;
    padding:0 32px;
  }
  .footer-custom__left-column p{ display:none; }
  .footer-custom__left-column .left-column__logo{ width:190px; }

  .footer-custom__links-column{
    display:flex;
    flex-direction:column;
    gap:0;
  }
  .footer-custom__links-column h4{
    font-size:21px;
    font-weight:500;
  }
  .footer-custom__links-column a{
    font-size:14px;
    font-family:neue-haas-grotesk-text;
  }

  .footer-custom__right-column{
    row-gap:35px;
    padding:0 0 46px 0;
  }
  .footer-custom__right-column p{
    font-size:12px;
    text-align:center;
  }

  .right-column__payment-methods{
    width:-webkit-fill-available;
    margin:auto;
  }

  .right-column__socialmedia-container{ row-gap:6px; }

  .right-column__socialmedia{
    display:flex;
    column-gap:4px;
    width:fit-content;
    margin:0 auto;
  }
  .right-column__socialmedia img{
    width:24px;
    height:24px;
  }

  .social-element{
    width:max-content;
    margin:0 auto 10px;
  }

  .footer-custom__underline{
    font-size:12px;
    display:grid;
    grid-template-rows:3fr 1fr;
    grid-template-columns:1fr;
    text-align:center;
    gap:34px;
    padding-bottom:21px;
  }
  .footer-custom__underline a{ color:#C7C7C7; }

  .footer-custom__underline-links{
    display:flex;
    flex-direction:column;
  }

  .rights{ grid-row:2; }

  /* collapsible lists */
  .footer-collapse{
    max-height:0;
    overflow:hidden;
    transition:max-height 0.4s ease;
  }
  .footer-collapse.active{
    max-height:500px;
    background-color:#1d1d1d;
  }

  .title-collection{
    padding:12px 39px;
    border-bottom:1px solid rgba(255,255,255,0.1);
  }

  .left-column__certificates{ gap:8px; }
}