/* Актив-Мото: общий подвал сайта — тот же, что на главной (/), меняется здесь один раз.
   Подключение: <link rel="stylesheet" href="/assets/podval.css"> + <div id="am-foot"></div> + <script src="/assets/podval.js"></script>. 20.10.2026 */
.foot { --ink:#111214; --mute:#6B7079; }
.foot, .foot * { box-sizing:border-box; } .foot a { color:inherit; text-decoration:none; } .foot img { display:block; max-width:100%; }
.foot .wrap { max-width:1240px; margin:0 auto; padding-left:16px; padding-right:16px; } @media (min-width:960px) { .foot .wrap { padding-left:32px; padding-right:32px; } }
.foot .eyebrow { font:500 12px 'JetBrains Mono', monospace; letter-spacing:.12em; text-transform:uppercase; }
.foot .btn { border-radius:12px; display:inline-flex; align-items:center; justify-content:center; gap:8px; font-weight:600; border:0; cursor:pointer; white-space:nowrap; font-family:inherit; }
.foot .ico { width:18px; height:18px; flex:none; }
.foot .stars { display:flex; gap:2px; color:#F5B301; } .foot .stars svg { width:16px; height:16px; }
.am-bar { position:fixed; left:0; right:0; bottom:0; z-index:30; background:rgba(255,255,255,.92); backdrop-filter:blur(12px); -webkit-backdrop-filter:blur(12px); border-top:1px solid #ECEDF0; }
.am-bar > div { max-width:560px; margin:0 auto; padding:10px 14px calc(14px + env(safe-area-inset-bottom)); display:grid; grid-template-columns:1fr 48px 48px; gap:8px; }
.am-bar .c { height:48px; border-radius:12px; border:0; background:#111214; color:#fff; font:600 15.5px 'Golos Text', sans-serif; display:flex; align-items:center; justify-content:center; gap:8px; text-decoration:none; }
.am-bar a.m { height:48px; border-radius:12px; border:1px solid #ECEDF0; display:grid; place-items:center; background:#fff; } .am-bar img { width:26px; height:26px; } .am-bar svg { width:20px; height:20px; }
@media (min-width:960px) { .am-bar { display:none; } }
  /* подвал — тёмный в обоих вариантах, как у магазинов */
  .foot { margin-top:56px; background:#0A0B0D; color:rgba(244,245,246,.66); font-size:14.5px; padding-top:28px; overflow:hidden; }
  .foot a { transition:color .15s; } .foot a:hover { color:#fff; }
  .foot .eyebrow { color:rgba(244,245,246,.45); }
  /* верх: «не нашли модель» + связь */
  .foot .fcta { display:grid; gap:18px; padding:22px; border-radius:20px; background:#17191D; }
  .foot .fcta h3 { color:#fff; font-size:26px; font-weight:800; letter-spacing:-.025em; line-height:1.1; margin:8px 0 8px; }
  .foot .fcta p { max-width:480px; }
  .foot .fact { display:grid; grid-template-columns:1fr 52px 52px; gap:8px; align-self:center; }
  .foot .fact .btn { height:52px; background:#fff; color:#111214; font-size:16px; } .foot .fact .btn svg { width:20px; height:20px; }
  .foot .fact a.ms { height:52px; border-radius:12px; display:grid; place-items:center; background:rgba(255,255,255,.08); } .foot .fact a.ms:hover { background:rgba(255,255,255,.14); }
  .foot .fact img { width:24px; height:24px; }
  /* колонки */
  .foot .fgrid { display:grid; grid-template-columns:1fr 1fr; gap:32px 20px; padding:36px 0 8px; margin-top:28px; border-top:1px solid rgba(255,255,255,.08); }
  .foot .fbrand, .foot .fshops { grid-column:1 / -1; }
  .foot .lg { background:#fff; border-radius:10px; padding:6px 10px; display:inline-block; } .foot .lg img { height:22px; }
  .foot .fbrand p { margin-top:12px; max-width:300px; }
  .foot .frate { white-space:nowrap; display:inline-flex; align-items:center; gap:8px; margin-top:14px; padding:8px 12px; border:1px solid rgba(255,255,255,.12); border-radius:12px; font-size:13.5px; }
  .foot .frate b { color:#fff; font-size:15px; } .foot .frate .stars svg { width:13px; height:13px; }
  .foot .fh { display:block; margin-bottom:12px; }
  .foot .fl a { display:flex; justify-content:space-between; align-items:center; gap:8px; min-height:40px; padding:4px 0; } .foot .fl small { color:rgba(244,245,246,.38); font-size:13px; }
  .foot .fs { display:grid; grid-template-columns:auto 1fr; gap:2px 10px; padding:12px 0; border-top:1px solid rgba(255,255,255,.08); }
  .foot .fs:first-of-type { border-top:0; padding-top:0; }
  .foot .fs svg { width:18px; height:18px; color:rgba(244,245,246,.45); grid-row:span 2; margin-top:2px; }
  .foot .fs b { color:#fff; font-weight:600; } .foot .fs span { display:flex; flex-wrap:wrap; gap:4px 14px; font-size:14px; }
  .foot .fs span a { display:inline-flex; align-items:center; min-height:36px; }
  .foot .fs .tel { color:rgba(244,245,246,.85); font-feature-settings:'tnum' 1; } .foot .fs .rt { text-decoration:underline; text-underline-offset:3px; text-decoration-color:rgba(255,255,255,.25); }
  .foot .fhrs { margin-top:10px; font-size:13.5px; display:grid; gap:4px; }
  .foot .st { display:inline-flex; align-items:center; gap:7px; font-weight:600; } .foot .st::before { content:''; width:8px; height:8px; border-radius:50%; background:currentColor; }
  .foot .st.open { color:#4ADE80; } .foot .st.soon, .foot .st.lunch { color:#FBBF24; } .foot .st.closed { color:rgba(244,245,246,.6); }
  /* крупное название — подпись магазина */
  .foot .fword { font-weight:800; font-size:clamp(50px, 13.6vw, 190px); line-height:.8; letter-spacing:-.055em; text-transform:uppercase; white-space:nowrap; color:transparent; -webkit-text-stroke:1px rgba(255,255,255,.16); text-align:center; margin:28px 0 0; padding:.04em 0 .12em; user-select:none; }
  .foot .fb { border-top:1px solid rgba(255,255,255,.08); background:#0A0B0D; position:relative; }
  .foot .fb .wrap { display:flex; flex-wrap:wrap; align-items:center; gap:6px 20px; padding-top:16px; padding-bottom:calc(100px + env(safe-area-inset-bottom)); font-size:13px; color:rgba(244,245,246,.45); }
  .foot .fb .up { margin-left:auto; display:inline-flex; align-items:center; gap:6px; min-height:40px; padding:0 4px; color:rgba(244,245,246,.75); } .foot .fb .up svg { width:16px; height:16px; }
  @media (min-width:960px) {
    .foot { margin-top:96px; padding-top:40px; }
    .foot .fcta { grid-template-columns:1fr auto; padding:36px 40px; gap:32px; } .foot .fcta h3 { font-size:36px; }
    .foot .fact { grid-template-columns:auto 56px 56px; } .foot .fact .btn { padding:0 28px; height:56px; } .foot .fact a.ms { height:56px; }
    .foot .fgrid { grid-template-columns:1.25fr .9fr .9fr 1.5fr; gap:40px; padding-top:56px; margin-top:0; border-top:0; }
    .foot .fbrand, .foot .fshops { grid-column:auto; }
    .foot .fword { margin-top:48px; }
    .foot .fb .wrap { padding-bottom:20px; }
  }

/* реквизиты и юр. ссылки */
.am-foot .flegal,.flegal{display:flex;flex-wrap:wrap;gap:6px 18px;justify-content:space-between;padding:0 16px 18px;font-size:12px;line-height:1.5;color:#8A8F98}
.flegal span:last-child{display:flex;flex-wrap:wrap;gap:4px 14px}
.flegal a,.flegal button{color:inherit;font:inherit;background:none;border:0;padding:6px 0;min-height:32px;cursor:pointer;text-decoration:underline;text-underline-offset:2px}
.flegal a:hover,.flegal button:hover{color:#fff}

/* окно cookie */
.am-ck{position:fixed;left:12px;right:12px;bottom:84px;z-index:90;max-width:520px;margin:0 auto;background:#fff;color:#111214;border:1px solid #ECEDF0;border-radius:14px;box-shadow:0 10px 30px rgba(17,18,20,.14);padding:14px 16px;font:14px/1.5 'Golos Text',system-ui,sans-serif}
.am-ck p{margin:0 0 10px;color:#3D4047}
.am-ck a{color:#111214}
.am-ck div{display:flex;gap:8px;flex-wrap:wrap}
.am-ck button{min-height:40px;padding:0 16px;border-radius:10px;border:1px solid #ECEDF0;background:#fff;font:600 14px 'Golos Text',sans-serif;cursor:pointer;color:#111214}
.am-ck button.y{background:#111214;color:#fff;border-color:#111214}
@media(min-width:768px){.am-ck{left:auto;right:20px;bottom:20px;margin:0}}
.foot .fb .wrap:first-child{padding-bottom:8px}
.foot .fb .wrap.flegal{display:flex;justify-content:space-between;padding-top:0;padding-bottom:calc(100px + env(safe-area-inset-bottom));font-size:12px;color:rgba(244,245,246,.45)}
.foot .fb .flegal a:hover,.foot .fb .flegal button:hover{color:#fff}
@media(min-width:768px){.foot .fb .wrap.flegal{padding-bottom:20px}}
/* галочка согласия в формах заявок (152-ФЗ) */
label.agree{display:flex!important;flex-direction:row!important;gap:10px;align-items:flex-start;margin:12px 0 4px;font-size:13px;line-height:1.4;color:#3D4047;cursor:pointer;font-weight:400;text-transform:none;letter-spacing:0;text-align:left}
label.agree input[type=checkbox]{width:20px!important;height:20px!important;min-height:0!important;flex:0 0 20px!important;margin:0!important;padding:0!important;border:0!important;box-shadow:none!important;accent-color:#111214;appearance:auto!important}
label.agree span{flex:1}
label.agree a{color:#111214;text-decoration:underline}
