/* ==========================================================================
   РЕКВИЗИТЫ И КОНТАКТЫ В ПОДВАЛЕ

   Один файл на все страницы. Причина не в красоте: без почты, телефона,
   адреса продавца и ссылки на условия оплаты ПриватБанк не включал
   приём карт (требования к мерчанту №3, №6, №7). Такой блок обязан быть
   на каждой странице, а не только на главной, поэтому стили вынесены сюда,
   а не скопированы в пять файлов.

   Цвета берём из палитры страницы: у главной акцент называется --midwater,
   у магазина и корзины --shallow. Запасное значение в конце нужно на
   случай страницы, где нет ни того, ни другого.
   ========================================================================== */

.footer-legal{
  display:flex; flex-direction:column; align-items:center; gap:8px;
  text-align:center;
}
.footer-seller{font-size:12px; opacity:.8;}
.footer-contacts{
  font-size:13px; display:flex; gap:10px; flex-wrap:wrap; justify-content:center;
}
.footer-contacts a{
  color:var(--midwater, var(--shallow, #4fe0cf)); text-decoration:none;
}
.footer-contacts a:hover{text-decoration:underline;}
.footer-pay{display:flex; gap:11px; align-items:center; flex-wrap:wrap; margin-top:6px;}
.footer-pay img{height:21px; width:auto; display:block; opacity:.92;}
/* Значок Payoneer взят с их медиа-центра (pubs.payoneer.com, версия для
   тёмного фона), пропорции и цвет не менялись. */
.footer-pay-note{font-size:11.5px; color:var(--ink-dim, #9fc7cc); opacity:.85;}

/* На телефоне внизу висят две плавающие кнопки, корзина и чат. Без запаса
   они накрывают телефон продавца и значки оплаты - то есть ровно то, что
   банк и покупатель должны увидеть. Запас равен высоте кнопок с полями. */
@media (max-width:700px){
  /* Кнопок две, одна над другой: чат у самого низа, корзина над ним.
     Замерено на 375x812 - нижняя кромка корзины примерно 130px от низа. */
  .footer-legal{padding-bottom:132px;}
  .footer-pay{flex-wrap:wrap;}
  .footer-pay img{height:21px;}
}