.landing-footer {
  width: 100vw;
  margin-left: calc(50% - 50vw);
  padding: 80px 64px;
  background: #000;
  color: #777;
}

.landing-footer__container {
  position: relative;
  display: grid;
  width: 100%;
  max-width: 1024px;
  grid-template-columns: minmax(280px, 1fr) auto;
  gap: 80px;
  margin: 0 auto;
}

.landing-footer__brand { display: flex; min-height: 220px; flex-direction: column; align-items: flex-start; }
.landing-footer__logo { display: block; width: 132px; margin-bottom: 28px; }
.landing-footer__logo svg { display: block; width: 100%; height: auto; }
.landing-footer__brand p { max-width: 280px; margin: 0; color: #b9bfcc; font-size: 14px; font-weight: 400; line-height: 20px; }
.landing-footer__copyright { position: absolute; bottom: 0; left: 0; color: #777; font-size: 13px; }
.landing-footer__store-badges { position: absolute; right: 0; bottom: 0; display: flex; align-items: center; gap: 10px; }
.landing-footer__store-badge { display: inline-flex; height: 40px; align-items: center; }
.landing-footer__store-badge svg { display: block; width: auto; height: 40px; }
.landing-footer__links { display: grid; grid-template-columns: repeat(3, minmax(120px, auto)); gap: 64px; }
.landing-footer__links section { display: flex; flex-direction: column; align-items: flex-start; gap: 14px; }
.landing-footer__links h2 { margin: 0 0 8px; color: #777; font-size: 13px; font-weight: 500; }
.landing-footer__links a { color: #fff; font-size: 15px; font-weight: 500; line-height: 1.4; text-decoration: none; }
.landing-footer__links a:hover { color: #b9bfcc; }

@media (max-width: 820px) {
  .landing-footer { padding: 64px 24px 44px; }
  .landing-footer__container { grid-template-columns: 1fr; gap: 56px; }
  .landing-footer__brand { min-height: auto; }
  .landing-footer__links { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 46px 28px; }
  .landing-footer__copyright { position: static; margin-top: -14px; }
  .landing-footer__store-badges { position: static; justify-content: flex-start; }
}

@media (max-width: 520px) {
  .landing-footer__links { grid-template-columns: 1fr 1fr; }
  .landing-footer__links section:last-child { grid-column: 1 / -1; }
}
