/* Вариант B раскладки (эксперимент «своё»): рельс справа, карточка объекта — панель поверх сцены,
   степпер этажей живёт на 3D-виде: срез этажа на кадре + превью плана в углу. Токены — те же. */
@media (min-width: 960px) {
  /* 1. рельс справа, сцена слева */
  .v2 .app { flex-direction: row-reverse; }
  .v2 .app.is-collapsed .rail { transform: translateX(100%); margin-right: 0; margin-left: calc(-1 * var(--layout-rail-w)); }
  .v2 .rail-handle { left: auto; right: var(--layout-rail-w); border-radius: var(--radius-track) 0 0 var(--radius-track); }
  .v2 .rail-handle .icon { transform: scaleX(-1); }
  .v2 .app.is-collapsed .rail-handle { left: auto; right: 0; }
  .v2 .app.is-collapsed .rail-handle .icon { transform: none; }
  .v2 .segmented { right: auto; left: var(--layout-scene-inset); }
  .v2 .frame-label { left: auto; right: var(--layout-scene-inset); }
  .v2 .compass { left: auto; right: var(--layout-scene-inset); top: calc(var(--layout-scene-inset) + 60px); }
  .v2 .watermark { left: calc(var(--layout-scene-inset) + 312px); }

  /* 5. степпер этажей на 3D + срез + превью плана */
  .v2 .stepper--3d { right: 21px; }
  .v2 .scene3d .unit.is-floor { fill: var(--polygon-static); fill-opacity: .26; stroke: rgba(255,255,255,.85); stroke-width: 1; }
  .v2 .scene3d .unit.is-floor.is-hover, .v2 .scene3d .unit.is-floor.is-selected { fill: var(--st); }
  .v2 .slice { position: absolute; left: var(--layout-scene-inset); bottom: var(--layout-scene-toggle-bottom); width: 300px; height: 210px; background: var(--overlay-glass-90); border-radius: var(--radius-lg); box-shadow: var(--shadow-float); padding: 12px; cursor: pointer; z-index: var(--z-scene-controls); overflow: hidden; transition: background-color var(--motion-duration-hover); }
  .v2 .slice:hover { background: #FFFFFF; }
  .v2 .slice svg { width: 100%; height: 100%; display: block; }
  .v2 .slice .slice__cap { position: absolute; left: 10px; bottom: 8px; font: var(--text-label); color: var(--fg-0); background: var(--overlay-glass-80); border-radius: var(--radius-md); padding: 6px 10px; }

  /* 4. страница объекта — панель 480px поверх сцены, справа (на месте рельса) */
  .v2 .unit-page { inset: 0 0 0 auto; width: 480px; padding: 24px 24px 40px; box-shadow: -2px 0 12px rgba(0,0,0,.12); transform: translateX(100%); transition: transform 350ms var(--motion-ease-panel); z-index: 30; }
  .v2 .unit-page.is-open { transform: none; }
  .v2 .up__close { position: absolute; top: 24px; left: 24px; width: 44px; height: 44px; border-radius: var(--radius-xl); background: var(--bg-1); display: flex; align-items: center; justify-content: center; z-index: 2; }
  .v2 .up__head { padding-left: 56px; }
  .v2 .up__head .app-logo { display: none; }
  .v2 .crumbs { height: auto; flex-wrap: wrap; gap: 8px; }
  .v2 .up__main { flex-direction: column; gap: 20px; }
  .v2 .up__panel { max-width: none; width: 100%; position: static; padding: 12px; }
  .v2 .up__grid { grid-template-columns: 1fr; height: auto; }
  .v2 .tiles { flex-direction: row; order: 2; height: 96px; }
  .v2 .gallery { height: 300px; }
  .v2 .up__info { width: 100%; }
  .v2 .up__sticky { position: static; }
}