/* Общий подвал и защита изображений. Подключается на всех страницах,
   кроме главной, — у неё подвал свой, уже свёрстанный. */

.sprite{position:absolute;width:0;height:0;overflow:hidden}

footer{background:var(--bg-deep);padding:64px 0 34px}
.f-grid{display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr;gap:40px;padding-bottom:44px}
.f-brand p{margin-top:18px;color:var(--tx-2);font-size:16px;max-width:300px;line-height:1.55}
.f-col h4{font-size:16px;font-weight:600;color:#fff;margin-bottom:16px;letter-spacing:-.2px}
.f-col a,.f-col span{display:flex;align-items:center;gap:10px;color:var(--tx-2);font-size:15px;padding:7px 0;transition:color var(--t)}
.f-col a:hover{color:var(--green)}
.f-col .i{width:18px;height:18px}
.f-pay{display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap;padding-bottom:24px}
.f-pay span{color:var(--tx-3);font-size:14px}
.f-pay img,.f-pay svg{height:34px;width:auto;max-width:100%;display:block;opacity:.95}
.f-bottom{padding-top:24px;display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;color:var(--tx-3);font-size:14px;border-top:1px solid rgba(255,255,255,.06)}
.f-docs{display:flex;gap:18px;flex-wrap:wrap}
.f-docs a{transition:color var(--t)}
.f-docs a:hover{color:var(--green)}

/* Изображения: убираем перетаскивание, выделение и вызов меню
   долгим нажатием на мобильных. */
img,
svg,
.no-save{
  -webkit-user-drag:none;
  -khtml-user-drag:none;
  -moz-user-drag:none;
  -o-user-drag:none;
  user-drag:none;
  -webkit-touch-callout:none;
  -webkit-user-select:none;
  -moz-user-select:none;
  -ms-user-select:none;
  user-select:none;
}

@media (hover:none){.f-col a:hover{color:var(--tx-2)}.f-docs a:hover{color:var(--tx-3)}}
@media (max-width:980px){.f-grid{grid-template-columns:1fr 1fr;gap:34px}}
@media (max-width:620px){
  footer{padding:44px 0 28px}
  .f-grid{grid-template-columns:1fr;gap:26px;padding-bottom:32px}
  .f-bottom{flex-direction:column;gap:6px;font-size:13px}
  .f-docs{flex-direction:column;gap:9px}
}