/* ═══ Мини-аппа Telegram — стили ═══
   Класс .in-telegram и .tg-mainbutton вешает скрипт из HEAD-вставки.
   Вне Telegram классов нет, поэтому обычный сайт эти правила не трогают. */

/* ⚠️ КУКИ-БАННЕР В МИНИ-АППЕ НЕ ПРЯЧЕМ — ЭТО НАМЕРЕННО.
   В Tilda включён режим «блокировать аналитику до согласия»: счётчик
   Метрики лежит на странице как <script type="text/plain"> и оживает
   только после нажатия «принять» в баннере t972.
   Спрячешь баннер — согласие дать невозможно, Метрика не стартует,
   статистики в мини-аппе не будет вообще. Проверено на живом сайте.

   Если когда-нибудь захочется убрать баннер из мини-аппы — сначала
   выключить блокировку в настройках блока t972, иначе поломается тихо. */

/* Bot API 8.0+: контент не должен залезать под шапку Telegram. */
html.in-telegram body {
  padding-top: var(--tg-safe-area-top, 0px);
}

/* Иконка корзины Tilda дублирует нативную кнопку Telegram внизу — прячем.
   Класс .tg-mainbutton скрипт ставит ТОЛЬКО когда нативная кнопка реально
   поднялась, поэтому на старом клиенте иконка останется на месте. */
html.tg-mainbutton .t706__carticon {
  display: none !important;
}

/* Подложка под нативной кнопкой: последний блок не упирается в неё вплотную. */
html.tg-mainbutton body {
  padding-bottom: 12px;
}


/* ─────────────────────────────────────────────────────────────────
   ОПЦИОНАЛЬНОЕ — включать по одному и смотреть глазами.
   Всё это меняет привычный вид сайта, поэтому по умолчанию выключено.
   ───────────────────────────────────────────────────────────────── */

/* Честная высота вьюпорта вместо 100vh (переменную кладёт скрипт).
   Включать, если обложки обрезаются или уезжают под шапку Telegram.

html.in-telegram .t-cover,
html.in-telegram .t-cover__carrier,
html.in-telegram .t-cover__filter {
  height: var(--tg-vh, 100vh) !important;
}
*/

/* Фиксированное меню Tilda дублирует шапку Telegram и крадёт высоту.
   Осторожно: в магазине через меню ходят по категориям.

html.in-telegram .t-menu__wrapper--fixed {
  position: static !important;
}
*/