/* ======= BEGIN: mobile-fix.css (только мобилки) ======= */
@media (max-width: 768px) {
  /* Кнопки в столбик (без изменения десктопа) */
  .menu {
    display: flex;
    flex-direction: column;
    gap: 10px;
    align-items: center;
    padding: 0 10px;
  }
  .menu a {
    width: 100%;
    max-width: 340px;
    min-height: 52px;
    padding: 12px 14px;
    border-radius: 12px;
    font-size: 18px;
    text-align: center;
    box-sizing: border-box;
  }

  /* Заголовки по центру */
  .header, .title, .subtitle {
    text-align: center;
    margin: 6px 0;
  }

  /* Если футер перекрывает кнопки — раскомментируй строку ниже */
  body { padding-bottom: 56px; }
}
/* ======= END: mobile-fix.css ======= */
/* ===== footer-fix (mobile only) ===== */
@media (max-width: 768px){
  .footer{
    position: static !important;
    bottom: auto; left: auto; width: 100%;
    margin-top: 16px;              /* чуть воздуха над футером */
    padding: 8px 12px;             /* компактнее на мобиле */
    font-size: 13px;
  }
}

@media (max-width: 768px){
  footer {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    background-color: #001f3f; /* как на сайте */
    color: #fff;
    text-align: center;
    padding: 8px 5px;
    font-size: 13px;
    z-index: 1000;
  }

  body {
    padding-bottom: 50px; /* чтобы контент не налезал на футер */
  }
}

/* ===== footer edge-to-edge (mobile) ===== */
@media (max-width: 768px){
  .footer{
    position: fixed !important;
    bottom: 0; left: 0; right: 0;
    width: 100vw;                 /* во всю ширину экрана */
    margin: 0 !important;         /* убираем боковые зазоры контейнера */
    border-radius: 0 !important;  /* без скруглений по краям */
    background-color: #001f3f;    /* как на сайте */
    color: #fff;
    text-align: center;
    padding: 8px 12px calc(8px + env(safe-area-inset-bottom, 0px));
    font-size: 13px;
    z-index: 1000;
  }
  /* если внутри футера есть .container/.inner — отключаем её ограничения */
  .footer .container, .footer .inner, .footer * {
    max-width: none !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  /* чуть подожмём низ у блока с кнопками */
  .menu{ padding-bottom: 10px; }

  /* резерв под фикс-футер + safe-area */
  body{
    margin: 0;
    padding-bottom: calc(54px + env(safe-area-inset-bottom, 0px));
  }
}