/* Вариант C (поверх B): пустая сцена по умолчанию, слой среза только по наведению,
   узкая панель объекта, один бренд-цвет на экране. */
@media (min-width: 960px) {
  /* 1. контролы сцены появляются на движение курсора и гаснут через 2 с покоя */
  .v3 .stepper--3d, .v3 .toggle, .v3 .frame-label, .v3 .watermark, .v3 .rail-handle { transition: opacity 260ms var(--motion-ease-app); }
  .v3 .scene.is-idle .stepper--3d, .v3 .scene.is-idle .toggle, .v3 .scene.is-idle .frame-label, .v3 .scene.is-idle .watermark { opacity: 0; pointer-events: none; }
  .v3 .scene.is-idle .capsule { opacity: .55; }

  /* 2. срез и превью плана — только пока курсор на степпере или карточке */
  .v3 .scene3d .unit.is-floor { fill: none; stroke: none; }
  .v3 .scene3d.is-slicing .unit.is-floor { fill: var(--polygon-static); fill-opacity: .22; stroke: rgba(255,255,255,.85); stroke-width: 1; }
  .v3 .scene3d.is-slicing .unit.is-floor.is-hover, .v3 .scene3d.is-slicing .unit.is-floor.is-selected { fill: var(--st); fill-opacity: var(--status-alpha-polygon); }
  .v3 .slice { left: auto; bottom: auto; right: calc(21px + var(--size-stepper-w) + 12px); width: 260px; height: 190px; padding: 10px; opacity: 0; pointer-events: none; transition: opacity 200ms var(--motion-ease-app), top 200ms var(--motion-ease-app); }
  .v3 .scene3d.is-slicing .slice { opacity: 1; pointer-events: auto; }
  .v3 .slice::after { content: ""; position: absolute; right: -6px; top: 50%; width: 12px; height: 12px; margin-top: -6px; background: inherit; transform: rotate(45deg); box-shadow: 2px -2px 3px rgba(0,0,0,.06); }

  /* 7. один бренд-цвет: сегментед активный + CTA; остальное — нейтраль */
  .v3 .stepper__cell { color: var(--fg-0); }
  .v3 .stepper__cell.is-active { background: var(--fg-0); color: #FFFFFF; }
  .v3 .stepper__arrow { color: var(--fg-0); }
  .v3 .rot { color: var(--fg-0); }
  .v3 .compass { color: var(--fg-0); }
  .v3 .ibtn { color: var(--fg-0); }
  .v3 .crumbs__nav a, .v3 .up__title, .v3 .up__sub { color: var(--fg-0); }
  .v3 .badge-id { background: var(--fg-0); }

  /* 5. панель объекта 400px: план, заголовок, цена, статус, действие; остальное свёрнуто */
  .v3 .unit-page { width: 400px; padding: 24px 20px 32px; }
  .v3 .up__head { display: none; }
  .v3 .up__close { top: 20px; left: 20px; }
  .v3 .crumbs { margin: 8px 0 12px 56px; min-height: 44px; }
  .v3 .crumbs .actions, .v3 .crumbs__cur, .v3 .crumbs__sep { display: none; }
  .v3 .up__main { gap: 16px; }
  .v3 .up__panel { padding: 8px; background: var(--bg-1); }
  .v3 .tiles, .v3 .up__tabs { display: none; }
  .v3 .gallery { height: 260px; border: 0; }
  .v3 .gallery .fs-btn { display: none; }
  .v3 .up__sticky { padding-bottom: 12px; }
  .v3 .up__title { font-size: 22px; line-height: 28px; }
  .v3 .up__sub { margin-bottom: 14px; }
  .v3 .status-row { margin: 12px 0; }
  .v3 .acc__h { font: var(--text-control); color: var(--fg-2); text-decoration: underline; padding: 8px 0; }
  .v3 .acc.is-closed .table { display: none; }
}
