/* iFLOW — доп. UI (2026-08-13): прокрутка флайаутов меню каталога + кнопка «наверх».
   Вынесено из скина фильтра, чтобы фильтр можно было откатывать независимо. */
/* ============================================================
   v2 (2026-08-13): выпадающие подменю левого меню каталога.
   Проблема: у флайаута ul.dropdown.scrollblock нет ограничения
   высоты — на разделах с десятками подразделов список уходил
   за нижний край экрана, и пролистать его было нельзя.
   Ограничиваем высоту экраном и включаем внутреннюю прокрутку.
   ============================================================ */
.menu_top_block.catalog_block ul.dropdown.scrollblock {
  max-height: min(72vh, 620px);
  overflow-y: auto !important;
  overscroll-behavior: contain;
  scrollbar-width: thin;
  scrollbar-color: #c3d6f2 transparent;
}
.menu_top_block.catalog_block ul.dropdown.scrollblock::-webkit-scrollbar { width: 6px; }
.menu_top_block.catalog_block ul.dropdown.scrollblock::-webkit-scrollbar-thumb { background: #c3d6f2; border-radius: 6px; }
.menu_top_block.catalog_block ul.dropdown.scrollblock::-webkit-scrollbar-track { background: transparent; }

/* ============================================================
   v2 (2026-08-13): кнопка «наверх» (создаётся chrome.js).
   Появляется после прокрутки двух экранов; фирменный синий,
   тач-таргет 46px, не перекрывает контент (fixed, правый низ).
   ============================================================ */
.iflow-totop {
  position: fixed;
  right: 16px;
  bottom: 20px;
  z-index: 90;
  width: 46px;
  height: 46px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 0;
  border-radius: 50%;
  background: linear-gradient(180deg, #365edc, #1457c8);
  color: #fff;
  cursor: pointer;
  box-shadow: 0 10px 22px -10px rgba(15, 35, 64, .55);
  opacity: 0;
  transform: translateY(14px);
  pointer-events: none;
  transition: opacity .22s ease, transform .22s ease, filter .16s ease;
}
.iflow-totop.show { opacity: 1; transform: none; pointer-events: auto; }
.iflow-totop:hover { filter: brightness(1.08); }
.iflow-totop:active { transform: translateY(1px); }
.iflow-totop:focus-visible { outline: none; box-shadow: 0 0 0 3px rgba(20, 87, 200, .35), 0 10px 22px -10px rgba(15, 35, 64, .55); }
@media (max-width: 991px) {
  .iflow-totop { right: 12px; bottom: 16px; }
}
@media (prefers-reduced-motion: reduce) {
  .iflow-totop { transition: opacity .01s linear; transform: none; }
}