/* Дополнение к panel.css: анимации ведёт Framer Motion (react/src), поэтому
   входные CSS-анимации и transition по transform/opacity отключены — бесконечные (float, колонки, пульс) остаются. */
.rx .screen { transition: none; }
.rx .l-sec, .rx .l-header, .rx .popup, .rx .popup__card, .rx .idle, .rx .idle__card, .rx .project__text p { animation: none; }
.rx .tap { transition-property: background-color, box-shadow, color; }
.rx .tap:active { transform: none; }
.rx .rail-arrow, .rx .l-more, .rx .thumb { transition-property: opacity; }
.rx .idle__ring .idle__progress { transition: none; }
.rx .card__img { -webkit-user-drag: none; }

/* скользящая плашка активного пункта (layoutId): лежит под кнопкой, кнопка прозрачная */
.fx-cell { position: relative; display: inline-flex; }
.fx-pill { position: absolute; inset: 0; z-index: 0; pointer-events: none; background: var(--white); box-shadow: 0 .4rem 1.6rem rgba(0,0,0,.08); }
.fx-cell > .tap { z-index: 1; }
.rx .seg__btn.is-active { background: transparent; box-shadow: none; }
.rx .nav__item.is-active { background: transparent; }
.chrome__nav .fx-pill { background: var(--black); box-shadow: none; }

/* обложка проекта летит из карточки каталога в окно проекта */
.fx-flight { position: fixed; z-index: 4; margin: 0; object-fit: cover; border-radius: var(--r-xl); pointer-events: none; }