/* ============================================================
   footer.css — секция 11 (тёмный). Поток, токены. Значки соцсетей (ТЗ-10 §9).
   ============================================================ */

.foot { width: 390px; background: var(--c-dark); padding: 40px var(--side) 30px; position: relative; }

.foot__top { display: flex; align-items: flex-start; justify-content: space-between; gap: 12px; }
.foot__brand { flex: 1; min-width: 0; }

.foot__logo {
  font-family: var(--ff-head); font-weight: 800; font-size: var(--fs-h3);
  letter-spacing: .2px; color: var(--c-on-dark); line-height: 1;
}
.foot__logo em { font-style: normal; color: var(--c-cta); margin-left: 14px; }

.foot__tag {
  margin-top: 12px;
  font-family: var(--ff-head); font-weight: 700; font-size: var(--fs-cap);
  letter-spacing: .3px; text-transform: uppercase; color: var(--c-on-dark-peach);
}
.foot__desc {
  margin-top: 8px;
  font-size: var(--fs-cap); line-height: var(--lh-cap); color: var(--c-on-dark-muted);
}

.foot__socials { flex: 0 0 auto; display: flex; gap: 8px; }
.foot__soc {
  width: 44px; height: 44px;
  display: flex; align-items: center; justify-content: center;
  color: var(--c-on-dark-muted);
}
.foot__soc svg { width: 24px; height: 24px; }

.foot__links { margin-top: 24px; }
.foot__row {
  display: flex; align-items: center; justify-content: space-between;
  min-height: 48px;
  border-top: 1px solid rgba(255,255,255,.14);
  font-family: var(--ff-head); font-weight: 700; font-size: var(--fs-body);
  letter-spacing: .3px; text-transform: uppercase; color: var(--c-on-dark);
}
.foot__row:last-child { border-bottom: 1px solid rgba(255,255,255,.14); }
.foot__pm { color: var(--c-on-dark-peach); font-size: var(--fs-sub); font-weight: 400; }

.foot__copy { margin-top: 20px; font-size: var(--fs-cap); letter-spacing: .2px; color: var(--c-on-dark-muted); }

/* ==== ТЗ 14.09, заход 2 ====
   thanks.html и privacy / cookies / delivery.html: подвал прижат к низу экрана (§2.3);
   строка «Privacy Policy · Cookie Policy · Delivery & Returns» в подвале (§4.7);
   текст документов (§4.2). Цвета и кегли — токены сайта, новых нет. ==== */
html[data-yyt-page="thanks"] #page,html[data-yyt-page="legal"] #page{display:flex;flex-direction:column;min-height:100dvh}
/* Ниже 390 страница уменьшена transform: scale(100vw / 390px) (base.css), а высота раскладки остаётся прежней.
   Высоту делим на тот же коэффициент, лишнюю высоту раскладки снимаем отрицательным отступом —
   иначе под подвалом остаётся полоса фона */
@media (max-width:389.9px){html[data-yyt-page="thanks"] #page,html[data-yyt-page="legal"] #page{min-height:calc(100dvh / (100vw / 390px));margin-bottom:calc(100dvh - 100dvh / (100vw / 390px))}}
/* Длинная страница (документы) этим не спасается: transform не меняет высоту раскладки, и под подвалом остаётся
   (1 − масштаб) × высота страницы. Где браузер умеет zoom с этим calc(), на thanks и документах вместо transform —
   zoom с тем же масштабом: он уменьшает и раскладку, полосы нет при любой длине. Высота экрана внутри zoom тоже
   масштабируется — делим на коэффициент. Не умеет — блок пропускается целиком, остаётся transform выше. */
@media (max-width:389.9px){@supports (zoom:calc(100vw / 390px)){html[data-yyt-page="thanks"] #page,html[data-yyt-page="legal"] #page{transform:none;zoom:calc(100vw / 390px);margin-bottom:0}}}
html[data-yyt-page="thanks"] #page>.sec,html[data-yyt-page="legal"] #page>.sec{flex:1 0 auto}
.foot__policies{margin-top:14px;font-size:var(--fs-cap);line-height:var(--lh-cap);color:var(--c-on-dark-muted)}
.foot__policies a{text-decoration:underline;text-underline-offset:3px;white-space:nowrap}
@media (min-width:761px){.foot__policies{grid-column:1/-1;margin-top:0}}
.legal__col,.legal .faq__h2{text-align:left}
.legal p.legal__date{margin-top:8px;font-size:var(--fs-cap);line-height:var(--lh-cap);color:var(--c-muted)}
.legal h2{margin-top:28px;font-size:var(--fs-h3);color:var(--c-ink)}
.legal p,.legal ul{margin-top:10px;font-size:var(--fs-body);line-height:var(--lh-body);color:var(--c-muted)}
.legal h2+p,.legal h2+ul{margin-top:6px}
.legal ul{padding-left:1.2em;list-style:disc}
.legal li+li{margin-top:4px}
.legal a{text-decoration:underline;text-underline-offset:3px}