/* ==========================================================================
   Футер сайта
   ========================================================================== */

.site-footer{
  background:var(--green-dark);
  color:rgba(255,255,255,0.85);
  margin-top:0;
}

.footer-container{
  max-width:1200px;
  margin:0 auto;
  padding:56px 32px 28px;
}

.footer-columns{
  display:grid;
  grid-template-columns:minmax(0, 1.2fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1.3fr);
  gap:32px;
  padding-bottom:40px;
  border-bottom:1px solid rgba(255,255,255,0.14);
}

.footer-col__title{
  font-size:13px;
  font-weight:700;
  text-transform:uppercase;
  letter-spacing:0.05em;
  color:rgba(255,255,255,0.55);
  margin:0 0 16px;
}

.footer-contacts{
  margin:0;
}
.footer-contacts dt{
  font-size:12.5px;
  color:rgba(255,255,255,0.5);
  margin:14px 0 2px;
}
.footer-contacts dt:first-child{
  margin-top:0;
}
.footer-contacts dd{
  margin:0;
  font-size:15px;
  color:var(--white);
}
.footer-contacts a{
  color:var(--white);
}
.footer-contacts a:hover{
  color:rgba(255,255,255,0.8);
}

.footer-links{
  list-style:none;
  margin:0;
  padding:0;
  display:flex;
  flex-direction:column;
  gap:12px;
}
.footer-links a{
  font-size:15px;
  color:var(--white);
}
.footer-links a:hover{
  color:rgba(255,255,255,0.75);
}

.footer-cta{
  background:rgba(255,255,255,0.07);
  border-radius:var(--radius-lg);
  padding:24px;
}
.footer-cta__title{
  font-size:16px;
  font-weight:800;
  color:var(--white);
  margin:0 0 8px;
}
.footer-cta p{
  font-size:13.5px;
  color:rgba(255,255,255,0.7);
  margin:0 0 16px;
  line-height:1.5;
}
.footer-cta .cta-btn{
  background:var(--white);
  color:var(--green-dark);
  display:inline-flex;
}
.footer-cta .cta-btn:hover{
  background:rgba(255,255,255,0.85);
  color:var(--green-dark);
}

.footer-bottom{
  padding-top:22px;
  text-align:center;
}
.footer-bottom p{
  margin:0;
  font-size:13px;
  color:rgba(255,255,255,0.5);
}

@media (max-width: 1000px){
  .footer-columns{
    grid-template-columns:minmax(0, 1fr) minmax(0, 1fr);
    row-gap:36px;
  }
  .footer-cta{
    grid-column:1 / -1;
  }
}

@media (max-width: 600px){
  .footer-container{padding:40px 16px 22px;}
  .footer-columns{grid-template-columns:minmax(0, 1fr);}
}