.main-footer { display: flex; min-height: 109px; align-items: center; justify-content: space-between; gap: var(--space-6); padding: var(--space-7) 35px; background: var(--color-white); font-size: 18px; }
.main-footer a { font-family: var(--font-medium); text-decoration: none; }
.main-footer a:hover { color: var(--color-blue-700); }
.main-footer a:focus-visible { outline: 3px solid var(--color-focus); outline-offset: var(--space-1); }
.main-footer a:active { color: var(--color-blue-500); }
.back-to-top { position: fixed; z-index: 10; right: var(--space-6); bottom: 95px; display: flex; align-items: center; gap: var(--space-4); color: var(--color-blue-700); text-decoration: none; opacity: 0; pointer-events: none; transition: opacity var(--duration-normal); }
.back-to-top.is-visible { opacity: 1; pointer-events: auto;cursor: pointer }
.back-to-top:hover .back-to-top__arrow { background: var(--color-blue-700); }
.back-to-top:focus-visible { outline: 3px solid var(--color-focus); outline-offset: var(--space-1); }
.back-to-top:active .back-to-top__arrow { background: var(--color-blue-700); }
.back-to-top__arrow { display: grid; width: 56px; height: 56px; place-items: center; border-radius: 50%; color: var(--color-white); background: var(--color-blue-500); font-size: 28px; }

@media (max-width: 1100px) {
  .main-footer { min-height: 101px; padding: var(--space-7) var(--space-4); font-size: 13px; line-height: 1.4; }
  .main-footer .support-footer {
    font-size: 14px;
  }
  .back-to-top { right: var(--space-4);bottom: 45px;}
  .back-to-top__arrow{
      width: 48px;
      height: 48px;
  }
  .back-to-top__arrow svg{
      max-width: 20px;
      height: auto;
  }
  footer{border-top: 2px solid var(--color-blue-050)}
}

@media (max-width: 743px) {
  .main-footer { min-height: 180px; align-items: flex-start; flex-direction: column-reverse; justify-content: space-between; }
}
@media (max-width: 390px) {
    .support-footer {
        display: flex;
        flex-direction: column;
        row-gap: var(--space-2);
    }
}
@media (prefers-reduced-motion: reduce) {
  .back-to-top { transition: none; }
}