/* /3d-photo/: кадр с контурами этажей. Базовые стили страницы — /3d/scene.css, план — /tour/picker.css */
.back{display:inline-block;margin:0 0 12px;font-size:14px;color:var(--mut);text-decoration:none;border-bottom:1px solid var(--line)}
.back:hover{color:var(--ink)}
.flip[aria-pressed="true"]{background:var(--laurel);color:var(--paper);border-color:var(--laurel)}
.ph{position:relative;width:100%;aspect-ratio:1280/1024;background:var(--paper);border:1px solid var(--line);overflow:hidden;user-select:none;-webkit-user-select:none}
.ph img,.ph svg{position:absolute;left:0;top:0;width:100%;height:100%;display:block}
.ph img{object-fit:fill;pointer-events:none}
.ph svg{touch-action:manipulation;-webkit-tap-highlight-color:transparent}
.fl path{fill:var(--laurel);fill-opacity:0;stroke:#f4f0e7;stroke-opacity:0;stroke-width:1;vector-effect:non-scaling-stroke;cursor:pointer;transition:fill-opacity .15s,stroke-opacity .15s}
.fl.is-avail path{fill:#a9c79a;fill-opacity:.42;stroke-opacity:.5}
.fl.is-hover path{fill:#fbf8f0;fill-opacity:.5;stroke:#fff;stroke-opacity:1;stroke-width:1.5}
.fl.is-sel path{fill:var(--brass);fill-opacity:.55;stroke-opacity:.9}
.ph-label{position:absolute;left:0;top:0;transform:translate(14px,-50%);pointer-events:none;padding:6px 10px;border:1px solid var(--line);border-radius:4px;background:rgba(244,240,231,.96);color:var(--ink);font-size:13px;font-weight:600;line-height:1.3;white-space:nowrap;z-index:3}
.ph-label.is-left{transform:translate(calc(-100% - 14px),-50%)}
.cap{margin:10px 0 0;font-size:13px;color:var(--mut)}
.cap-touch{display:none}
#picker{margin-top:24px}
#picker.is-idle{display:none}
#picker .apt-scheme-stage{display:none}           /* схема-фото пикера не нужна: её роль играет визуализация */
.btn{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 18px;border-radius:4px;font-size:14px;font-weight:600;text-decoration:none;border:1px solid var(--ink)}
.btn-p{background:var(--ink);color:var(--paper)}
.btn-s{background:transparent;color:var(--ink)}
.notes{grid-template-columns:repeat(2,1fr)}
@media (max-width:760px){
  .cap-touch{display:block}
  .flip{width:auto;margin-left:0}
  .notes{grid-template-columns:1fr}
}
@media (hover:none){.ph-label{transform:translate(-50%,calc(-100% - 12px))}.ph-label.is-left{transform:translate(-50%,calc(-100% - 12px))}}