/* Подвал: поддержка и раскрывающаяся «Правовая информация» */
    .foot { width: min(1100px, calc(100% - 40px)); margin: 24px auto 0; padding: 24px 0 calc(24px + env(safe-area-inset-bottom)); border-top: 1px solid var(--line); font-size: 14px; color: var(--muted); }
    .foot-brand { display: flex; width: max-content; margin-bottom: 16px; }
    .foot-brand .brand-logo { width: auto; height: 28px; opacity: .7; }
    .foot-bar { display: flex; align-items: center; gap: 12px 24px; }
    .foot-help { display: inline-flex; align-items: center; gap: 8px; min-height: 44px; padding: 8px 14px; border: 1px solid var(--line); border-radius: 999px; color: var(--ink); text-decoration: none; transition: border-color .15s, color .15s; }
    .foot-help:hover { border-color: var(--red); color: var(--red); }
    .foot-help svg, .foot-legal-btn svg { width: 16px; height: 16px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
    .foot-legal-btn { display: inline-flex; align-items: center; gap: 6px; min-height: 44px; padding: 8px 0; border: 0; background: none; color: var(--muted); }
    .foot-legal-btn:hover { color: var(--ink); }
    .foot-legal-btn svg { transition: transform .2s; }
    .foot-legal-btn[aria-expanded="true"] svg { transform: rotate(180deg); }
    .foot-legal { display: grid; grid-template-columns: repeat(3, auto); justify-content: start; gap: 4px 40px; margin-top: 16px; padding-top: 16px; border-top: 1px dashed var(--line); }
    .foot-legal[hidden] { display: none; }
    .foot-legal a { padding: 4px 0; color: var(--muted); text-decoration: none; }
    .foot-legal a:hover { color: var(--red); }


@media (max-width: 860px) {
      /* Телефон: поддержка → правовая информация → список под ней */
      .foot { display: flex; flex-direction: column; align-items: center; gap: 12px; }
      .foot-bar { display: contents; }
      .foot-brand { order: 0; margin-bottom: 0; }
      .foot-help { order: 1; }
      .foot-legal-btn { order: 2; }
      .foot-legal { order: 3; grid-template-columns: 1fr; justify-items: center; text-align: center; margin: 0; padding-top: 12px; align-self: stretch; }
      .foot-legal a { display: flex; align-items: center; justify-content: center; min-height: 44px; }
}