/* ==========================================================================
   Кнопка «Наверх». Появляется после первого экрана, логика — ui/to-top.js.
   В разметке стоит с атрибутом hidden: без JS кнопки нет вовсе, а не висит
   нерабочая.
   ========================================================================== */

.to-top {
  position: fixed;
  right: var(--gutter);
  bottom: 1.5rem;
  /* выше контента, ниже шапки (50) и баннера cookie (100) */
  z-index: 40;
  width: 3rem;
  height: 3rem;
  border-radius: var(--r-btn);
  background: var(--c-mint);
  box-shadow: 0 0.75rem 1.75rem -0.75rem rgba(1, 49, 59, 0.55);
  opacity: 0;
  transform: translateY(0.75rem);
  pointer-events: none;
  transition: opacity var(--dur-fast) var(--ease-out),
              transform var(--dur-fast) var(--ease-out),
              background-color var(--dur-fast) var(--ease-out);
}

.to-top[hidden] { display: none; }

.to-top.is-visible {
  opacity: 1;
  transform: none;
  pointer-events: auto;
}

.to-top.is-visible:hover { background: #8df0d4; transform: translateY(-2px); }

/* Шеврон рисуем рамкой — как стрелки листалки, без отдельного файла */
.to-top::before {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  width: 0.6875rem;
  height: 0.6875rem;
  border-top: 2px solid var(--c-spruce);
  border-left: 2px solid var(--c-spruce);
  transform: translate(-50%, -25%) rotate(45deg);
}

@media (max-width: 680px) {
  .to-top { bottom: 1.25rem; width: 2.75rem; height: 2.75rem; }
}