/* ═══════════════════════════════════════════════════════════════════════
   БИОЗАРЯД · подвал сайта.

   Один файл на все страницы: и на те, что собраны в «Формуляре», и на
   старые — корзину, оформление, правовые тексты. Поэтому он самодостаточен:
   переменные объявлены на самом блоке, наружу ничего не протекает, а на
   правила старой темы он не опирается.
   ═══════════════════════════════════════════════════════════════════════ */

.foot{
  --gut:clamp(18px,4.4vw,80px);
  --maxw:1440px;
  box-sizing:border-box;
  display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1.4fr);
  gap:clamp(24px,3vw,52px) clamp(24px,3vw,52px); align-items:start;
  padding:clamp(40px,4.4vw,64px) max(var(--gut), calc((100% - var(--maxw)) / 2));
  background:#4A4A4A; color:#FFFFFF;
  font-family:'Evolventa',system-ui,sans-serif; font-size:18.5px; line-height:1.6;
  -webkit-font-smoothing:antialiased}
.foot *{box-sizing:border-box}
.foot p{margin:0}

/* Знак и подпись — одно целое: «работает» стоит под словом, как на упаковке. */
.foot__wm{width:150px; max-width:100%; margin-bottom:16px}
.foot .wm{display:block; width:100%; height:auto; color:#FFFFFF}
.foot__wmsub{display:block; margin-top:4px; font-family:'Martian Mono',ui-monospace,monospace;
  font-size:9px; font-weight:600; line-height:1; letter-spacing:.6em; text-indent:.6em;
  text-transform:uppercase; text-align:center; color:rgba(255,255,255,.72)}
.foot .legal{font-size:14.5px; color:rgba(255,255,255,.78); line-height:1.55; max-width:70ch}

.foot .cols{display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:24px}
.foot .cols b{display:block; font-family:'Martian Mono',ui-monospace,monospace; font-size:10.5px;
  font-weight:600; letter-spacing:.09em; text-transform:uppercase;
  color:rgba(255,255,255,.6); margin-bottom:10px}
.foot .cols a{display:block; font-size:15px; color:rgba(255,255,255,.88); text-decoration:none;
  padding:4px 0}
.foot .cols a:hover{color:#FFFFFF; text-decoration:underline; text-underline-offset:3px}

/* Телеграм: канал и кнопка вопроса — как было в прежнем подвале. */
.foot__tg{display:flex; flex-wrap:wrap; align-items:center; gap:10px 14px; margin-top:20px}
.foot__tg-note{font-size:14px; color:rgba(255,255,255,.72); text-decoration:none;
  border-bottom:1px solid rgba(255,255,255,.28); padding-bottom:2px}
.foot__tg-note:hover{color:#FFFFFF; border-bottom-color:#FFFFFF}
.foot__tg-btn{display:inline-flex; align-items:center; gap:8px; padding:9px 16px; border-radius:8px;
  font-size:14px; font-weight:700; color:#FFFFFF; text-decoration:none;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.34); transition:.18s}
.foot__tg-btn svg{width:17px; height:17px; flex:none}
.foot__tg-btn:hover{background:#FFFFFF; color:#4A4A4A; box-shadow:none}

/* Платёжные системы. */
.foot__side{display:grid; gap:14px; min-width:0}
/* Знаки платёжных систем на белых плашках: у «Мира» логотип тёмный и на
   сером подвале он попросту исчезает. */
.foot__pay{display:flex; align-items:center; gap:8px}
.foot__pay img{height:18px; width:auto; display:block; padding:5px 9px; border-radius:5px;
  background:#FFFFFF; box-sizing:content-box}

/* Нижняя строка: реквизиты и правовые ссылки. Раньше они жили в старом
   подвале — при переходе на общий подвал их нельзя было потерять. */
.foot__law{grid-column:1/-1; display:flex; flex-wrap:wrap; align-items:baseline;
  justify-content:space-between; gap:12px clamp(16px,2.4vw,40px);
  margin-top:clamp(14px,1.8vw,24px); padding-top:18px;
  border-top:1px solid rgba(255,255,255,.18)}
.foot__req{font-size:13px; line-height:1.55; color:rgba(255,255,255,.58); max-width:78ch}
.foot__req a{color:rgba(255,255,255,.72)}
.foot__links{display:grid; gap:5px; font-size:13px; line-height:1.5; justify-items:end;
  text-align:right}
.foot__links a{color:rgba(255,255,255,.58); text-decoration:none}
.foot__links a:hover{color:#FFFFFF; text-decoration:underline; text-underline-offset:3px}

@media (max-width:900px){
  .foot__links{justify-items:start; text-align:left}
}
@media (max-width:760px){
  .foot{grid-template-columns:1fr}
  .foot .cols{grid-template-columns:1fr}
}