/* ============================================================
   НИЖНЯЯ ПАНЕЛЬ ДЕЙСТВИЙ — только телефон (29.09.2026)
   Слой 90: над страницей, под меню (99), шапкой (100) и окном (120).
   Уезжает вниз, пока не нужна; .is-on ставит abar.js.
   ============================================================ */
.abar{ display:none; }
@media (max-width: 900px){
  .abar{
    position:fixed; z-index:90; left:0; right:0; bottom:0;
    display:flex; align-items:center; gap:10px;
    padding:10px var(--gutter) calc(10px + env(safe-area-inset-bottom, 0px));
    background:rgba(254,254,254,.86);
    -webkit-backdrop-filter:blur(14px) saturate(1.4); backdrop-filter:blur(14px) saturate(1.4);
    border-top:1px solid var(--line);
    box-shadow:0 -10px 30px rgba(13,15,32,.08);
    transform:translateY(110%);
    transition:transform .35s var(--ease);
  }
  .abar.is-on{ transform:none; }
  .abar__icon{
    flex:0 0 48px; height:48px; border-radius:12px;
    display:grid; place-items:center;
    color:var(--accent-1); background:var(--accent-wash); border:1px solid var(--accent-line);
    text-decoration:none;
  }
  .abar__icon svg{ width:22px; height:22px; }
  .abar__lead{
    flex:1; height:48px; border:0; border-radius:12px;
    display:inline-flex; align-items:center; justify-content:center; gap:10px;
    background:var(--accent-1); color:#fff;
    font:600 14px/1 var(--font); letter-spacing:.08em; text-transform:uppercase;
    box-shadow:var(--shadow-key, 0 10px 26px rgba(28,120,186,.22));
    cursor:pointer;
  }
  .abar__lead svg{ width:12px; height:12px; }
}
@media (prefers-reduced-motion:reduce){ .abar{ transition:none; } }