/* Віртуальний тур (лише на /tour): фотореалістичні кадри */
.t3page{padding:clamp(20px,3vw,44px) 0 70px}
.t3page h1{font-size:clamp(26px,4vw,40px);margin:0 0 8px}
.t3-back{display:inline-block;margin-bottom:14px;color:var(--muted);font-weight:700;text-decoration:none}
.t3-bar{display:flex;flex-wrap:wrap;gap:10px 14px;align-items:center;margin:16px 0 12px}
.t3-tabs{display:flex;gap:6px;background:color-mix(in srgb,var(--ink) 8%,transparent);border-radius:99px;padding:4px}
.t3-tab{font:800 14px var(--body);border:0;background:none;color:var(--muted);padding:9px 18px;border-radius:99px;cursor:pointer;min-height:42px}
.t3-tab[aria-selected=true]{background:var(--graphite);color:var(--bg)}
.t3-chips{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;max-width:100%}
.t3-chips::-webkit-scrollbar{display:none}
.t3-chip{flex:none;font:700 14px var(--body);border:1.5px solid var(--line);background:var(--surface);color:var(--ink);padding:9px 16px;border-radius:99px;cursor:pointer;min-height:42px}
.t3-chip[aria-pressed=true]{background:color-mix(in srgb,var(--oak) 26%,var(--surface));border-color:var(--oak)}
.t3-btn{font:700 14px var(--body);border:1.5px solid var(--line);background:var(--surface);color:var(--ink);padding:9px 16px;border-radius:12px;cursor:pointer;min-height:42px}
.t3-btn:hover,.t3-chip:hover{border-color:var(--oak)}
.t3-bar [hidden],.t3-stage [hidden]{display:none!important}
.t3-stage{position:relative;aspect-ratio:3/2;max-height:78svh;width:100%;border-radius:22px;overflow:hidden;background:#1b232b;border:1px solid var(--line);touch-action:pan-y;--pan:0%}
.t3-view{position:absolute;inset:0;cursor:grab;touch-action:pan-y}
.t3-view:active{cursor:grabbing}
.t3-im{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .5s ease;transform:scale(1.14) translateX(var(--pan));transition-property:opacity,transform;transition-duration:.5s,.25s;user-select:none;-webkit-user-drag:none}
.t3-im.on{opacity:1}
.t3-cmp{position:absolute;inset:0;--split:50%;touch-action:none;cursor:ew-resize;background:#1b232b}
.t3-cmp .t3-im{opacity:1;transform:none;transition:none}
.t3-cmp .t3-before{clip-path:inset(0 calc(100% - var(--split)) 0 0)}
.t3-div{position:absolute;top:0;bottom:0;left:var(--split);width:44px;margin-left:-22px;z-index:3;outline:0}
.t3-div::before{content:"";position:absolute;left:21px;top:0;bottom:0;width:3px;background:#fff;box-shadow:0 0 0 1px rgba(0,0,0,.25)}
.t3-div::after{content:"↔";position:absolute;left:4px;top:50%;margin-top:-18px;width:36px;height:36px;border-radius:50%;background:#fff;color:#22313f;display:grid;place-items:center;font-weight:800;box-shadow:0 4px 14px rgba(0,0,0,.35)}
.t3-lab{position:absolute;top:12px;font:800 12px var(--body);color:#fff;background:rgba(14,19,24,.7);padding:4px 10px;border-radius:99px;z-index:4}
.t3-lab.a{right:12px}.t3-lab.b{left:12px}
.t3-nav{position:absolute;top:50%;margin-top:-24px;width:48px;height:48px;border-radius:50%;border:0;background:rgba(255,255,255,.88);color:#1b232b;font:400 30px/1 var(--body);cursor:pointer;z-index:4;box-shadow:0 4px 16px rgba(0,0,0,.3);display:grid;place-items:center;padding:0 0 4px}
.t3-nav.p{left:12px}.t3-nav.n{right:12px}
.t3-hint{position:absolute;left:12px;bottom:12px;font:700 12.5px var(--body);color:#fff;background:rgba(14,19,24,.58);padding:7px 12px;border-radius:12px;pointer-events:none;z-index:4}
.t3-note{margin:16px 0 0;color:var(--muted);font-size:14px;background:color-mix(in srgb,var(--oak) 12%,transparent);padding:12px 16px;border-radius:12px}
@media(max-width:640px){.t3-stage{aspect-ratio:4/5}.t3-nav{width:42px;height:42px}}
@media(prefers-reduced-motion:reduce){.t3-im{transition:none}}
.t3-im.fit{object-fit:contain;transform:none}
.t3-cap{margin:14px 2px 6px;font:700 18px var(--display);letter-spacing:-.01em}
.t3-dots{display:flex;gap:8px;margin:6px 0 16px;flex-wrap:wrap}
.t3-dot{width:12px;height:12px;border-radius:50%;border:0;background:color-mix(in srgb,var(--ink) 22%,transparent);cursor:pointer;padding:0;position:relative}
.t3-dot::after{content:"";position:absolute;inset:-12px}
.t3-dot[aria-pressed=true]{background:var(--oak);transform:scale(1.25)}
.t3-open{display:inline-flex}
.t3-stage{aspect-ratio:16/10}@media(max-width:640px){.t3-stage{aspect-ratio:4/3}}
.t3-bg{position:absolute;inset:-8%;width:116%;height:116%;object-fit:cover;filter:blur(26px) saturate(1.1) brightness(.92);opacity:0;transition:opacity .5s ease;pointer-events:none;-webkit-user-drag:none}
.t3-bg.on{opacity:1}
.t3-stage{background:linear-gradient(135deg,#c9b9a2,#8f9fa8)}
.t3-im{transform:scale(var(--z,1.4)) translate(var(--px,0),var(--py,0));transition-property:opacity;transition-duration:.5s}
.t3-im.fit{transform:scale(var(--z,1)) translate(var(--px,0),var(--py,0))}
.t3-view,.t3-stage{touch-action:none}
.t3-model{margin-left:10px}
.t3-stage.walk{aspect-ratio:16/9}@media(max-width:640px){.t3-stage.walk{aspect-ratio:3/2}}
.t3-stage.walk .t3-im{object-fit:cover}
.t3-hs{position:absolute;inset:0;pointer-events:none;transition:opacity .25s}
.t3-hs.off{opacity:0}
.t3-go{position:absolute;pointer-events:auto;border:0;background:none;padding:0;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:6px;margin:-19px 0 0 -19px;z-index:5}
.t3-go i{width:38px;height:38px;border-radius:50%;background:rgba(255,255,255,.92);box-shadow:0 0 0 6px rgba(255,255,255,.3),0 6px 18px rgba(0,0,0,.35);display:block;position:relative;animation:t3go 2.2s ease-in-out infinite}
.t3-go i::after{content:"";position:absolute;left:50%;top:50%;width:10px;height:10px;margin:-7px 0 0 -5px;border-right:3px solid #c58f4e;border-bottom:3px solid #c58f4e;transform:rotate(-135deg)}
.t3-go span{font:800 12.5px var(--body);color:#fff;background:rgba(14,19,24,.7);padding:4px 11px;border-radius:99px;white-space:nowrap}
@keyframes t3go{50%{box-shadow:0 0 0 13px rgba(255,255,255,.07),0 6px 18px rgba(0,0,0,.35)}}
@media(prefers-reduced-motion:reduce){.t3-go i{animation:none}}
.t3-stage.walk .t3-hint{display:none}
@media(max-width:640px){.t3-go i{width:32px;height:32px}.t3-go{margin:-16px 0 0 -16px}.t3-go span{font-size:11px;padding:3px 9px}}
