footer{
  color:rgb(var(--footer-text-color));
  background-color:var(--footer-bg-color);
}
footer .content{
  display:grid;
  grid-template-columns:30% 70%;
  border-block:1px solid rgba(var(--footer-text-color), 8%);
  padding:1.6em 10% 1.1em;
}
footer .content .store-brand{
  text-transform:uppercase;
}
footer .content .store-brand a{
  display:inline-flex;
  color:rgb(var(--footer-text-color));
}
footer .content .store-brand img{
  width:var(--footer-logo-width);
  -o-object-fit:contain;
     object-fit:contain;
}
footer .content .links-box{
  display:grid;
  grid-template-columns:repeat(3, 1fr);
  grid-gap:var(--gap-lg);
  gap:var(--gap-lg);
  align-items:start;
}
footer .content .links-box .navigation{
  display:grid;
  grid-gap:0.35rem;
  gap:0.35rem;
}
footer .content .links-box .navigation .links{
  display:grid;
  grid-gap:0.2rem;
  gap:0.2rem;
}
footer .content .links-box .navigation .links a{
  width:-moz-fit-content;
  width:fit-content;
  color:rgba(var(--footer-text-color), 70%);
}
footer .content > .social-links{
  display:none;
}
footer .social-links{
  display:flex;
  align-items:center;
  gap:var(--gap-sm);
  margin-block-start:1em;
  margin-inline-start:-1.5rem;
}
footer .social-links a.yc-btn{
  color:rgb(var(--footer-text-color));
}
footer .copyright{
  padding:0.7em 1em 1em;
  font-size:var(--text-sm);
  text-align:center;
}

@media (max-width: 1024px){
  footer .content{
    grid-template-columns:1fr;
  }
  footer .content .store-brand{
    text-align:center;
    margin-bottom:1.25rem;
  }
  footer .content .store-brand .social-links{
    display:none;
  }
  footer .content .links-box .navigation{
    text-align:center;
  }
  footer .content .links-box .navigation .links{
    display:flex;
    flex-direction:column;
    justify-content:center;
    align-items:center;
  }
  footer .content > .social-links{
    display:flex;
    justify-content:center;
    margin-block-start:1.1rem;
    margin-inline-start:0;
  }
}
@media (max-width: 768px){
  footer .content{
    padding:1.35rem 1rem 0.85rem;
  }
  footer .content .links-box{
    grid-template-columns:repeat(3, minmax(0, 1fr));
    gap:0.75rem;
  }
  footer .content .links-box .navigation{
    gap:0.35rem;
  }
  footer .content .links-box .navigation p{
    margin: 0 0 0.25rem;
    font-size:0.9rem;
    line-height:1.25;
  }
  footer .content .links-box .navigation .links{
    gap:0.2rem;
  }
  footer .content .links-box .navigation .links a{
    padding: 0.15rem 0;
    line-height: 1.35;
    font-size: 0.82rem;
    text-align:center;
    width:100%;
  }
}