/* ===== Нижняя липкая панель на мобиле: ЛОГО · БУРГЕР · ПОИСК · КНОПКА =====
   Было: полоса верстелась как на ПК — содержимое 972px в одну строку с
   горизонтальной прокруткой, поэтому CTA и поиск уезжали за экран (замер на
   390px: за кадром три пункта меню, поиск и кнопка целиком).
   Стало: пункты меню уходят под бургер, логотип сжимается до «INFERNO»,
   поиск тянется по остатку, кнопка всегда видна. */

/* бургер и его переключатель существуют только на мобиле */
.hmenu-t{position:absolute;opacity:0;pointer-events:none;width:0;height:0}
.hburger{display:none}

@media (max-width:720px){
  .hearth-in{
    overflow:visible;            /* больше не прокручиваем полосу вбок */
    flex-wrap:nowrap;
    gap:8px;
    padding:8px 12px;
  }

  /* ---- логотип: оставляем только «INFERNO» в огне ----
     у .hbrand текстовый узел «SLOTS» лежит прямо в элементе и селектором
     не берётся, поэтому гасим его через font-size:0 у родителя. */
  .hbrand{font-size:0;flex:0 0 auto;line-height:1}
  .hbrand .lf{font-size:16px;letter-spacing:.02em}

  /* ---- бургер ---- */
  .hburger{
    display:flex;flex:0 0 auto;flex-direction:column;justify-content:center;
    gap:4px;width:28px;height:28px;padding:5px 3px;cursor:pointer;
    border:1px solid var(--line);border-radius:8px;background:#17171A;
  }
  .hburger span{display:block;height:2px;border-radius:2px;background:var(--cta1)}
  .hmenu-t:checked ~ .hburger{border-color:var(--cta1)}

  /* ---- пункты меню: панелью НАД полосой, по тапу бургера ---- */
  .hlinks{
    position:fixed;left:0;right:0;bottom:var(--hearth-h);
    display:none;flex-direction:column;
    background:#141416;border-top:1px solid var(--line);
    box-shadow:0 -10px 26px rgba(0,0,0,.6);
    z-index:51;padding:6px 0;
  }
  .hmenu-t:checked ~ .hlinks{display:flex}
  .hlinks .hlink{
    display:block;padding:12px 16px;font-size:15.5px;
    border-bottom:1px solid rgba(255,255,255,.05);
  }
  .hlinks .hlink:last-child{border-bottom:0}

  /* ---- поиск: занимает весь остаток, поле не переполняется ---- */
  .hsearch{flex:1 1 auto;min-width:0}
  .hsearch input{min-width:0;width:100%;font-size:13px}
  .hsearch input::placeholder{font-size:12.5px}

  /* ---- кнопка: всегда в кадре ---- */
  .hearth .btn-cta{flex:0 0 auto;padding:9px 12px;font-size:13px}
  .hearth .btn-cta .hd-ad{font-size:8.5px}
}

/* очень узкие экраны — ужимаем поиск до иконки с полем в одну ширину пальца */
@media (max-width:380px){
  .hbrand .lf{font-size:15px}
  .hsearch input::placeholder{font-size:0}
  .hearth .btn-cta{padding:9px 10px;font-size:12.5px}
}