/* Боковые рейлы страницы трека (ПК):
   .chev-back-link ↔ .level-rail на противоположных краях.
   Ссылка вынесена из .lock-nav (backdrop-filter ломает position:fixed).
   Направление берётся с главной:
   - track-entry--right: на главной шевроны справа и смотрят вправо
     → «назад» слева (смотрит влево), level-rail справа
   - track-entry--left: на главной шевроны слева и смотрят влево
     → «назад» справа (смотрит вправо), level-rail слева */

/* Кнопка висит на краю экрана над фоном страницы, кадра под ней нет —
   поэтому монолит (--panel), а не стекло: блюр размывал ровную заливку. */
body.track-entry--right .chev-back-link,
body.track-entry--left .chev-back-link {
  border: 1px solid var(--line-strong);
  border-radius: var(--radius-md);
  background: var(--panel);
  box-shadow:
    0 22px 52px rgba(0, 0, 0, 0.28),
    inset 0 1px 0 rgba(255, 255, 255, 0.1);
  transition:
    border-color 180ms ease,
    background-color 180ms ease,
    box-shadow 180ms ease;
}

body.track-entry--right .chev-back-link:hover,
body.track-entry--right .chev-back-link:focus-visible,
body.track-entry--left .chev-back-link:hover,
body.track-entry--left .chev-back-link:focus-visible {
  border-color: rgba(232, 195, 106, 0.4);
  background: rgba(255, 255, 255, 0.07);
  outline: none;
}

/* До ПК-рейла: шеврон в зоне шапки слева у бренда (зеркало — только ПК) */
@media (max-width: 1180px) {
  body.track-entry--right .chev-back-link,
  body.track-entry--left .chev-back-link {
    position: absolute;
    top: 1.15rem;
    left: max(1.15rem, env(safe-area-inset-left));
    z-index: 31;
    display: grid;
    place-items: center;
    padding: 10px 12px;
    /* средний кегль — вариант 2 */
    font-size: clamp(24px, 4.5vw, 32px);
  }

  /* Место под шеврон в lead. Прежние clamp(2.8rem, 7vw, 4.2rem) на ~390px
     давали 45px, а шеврон занимает ~90 — «‹‹‹» ложился на логотип. */
  .lock-nav__lead {
    padding-left: clamp(4.6rem, 12vw, 5.6rem);
  }
}

@media (min-width: 1181px) {
  body.track-entry--right .chev-back-link,
  body.track-entry--left .chev-back-link {
    position: fixed;
    top: 50%;
    z-index: 40;
    transform: translateY(-50%);
    display: grid;
    place-items: center;
    padding: 12px 14px;
    font-size: clamp(28px, 2.2vw, 40px);
  }

  /* Шевроны на главной справа → назад слева */
  body.track-entry--right .chev-back-link {
    left: max(14px, env(safe-area-inset-left));
    right: auto;
  }

  /* Шевроны на главной слева → назад справа, без зеркала (смотрит вправо) */
  body.track-entry--left .chev-back-link {
    left: auto;
    right: max(14px, env(safe-area-inset-right));
  }

  body.track-entry--left .chev-back {
    transform: none;
  }

  body.track-entry--left .level-rail {
    left: max(14px, env(safe-area-inset-left));
    right: auto;
  }

  body.track-entry--left .level-rail a span {
    right: auto;
    left: calc(100% + 10px);
  }
}