.gallery-top{gap:10px}
.tour360-controls{display:flex;align-items:center;gap:8px;min-width:0}
.tour360-toggle{cursor:pointer;font:inherit;font-weight:800;border-color:rgba(105,245,235,.48);background:rgba(2,24,30,.72)}
.tour360-toggle[aria-pressed="true"]{color:#dffffb;box-shadow:0 0 0 1px rgba(92,241,231,.15),0 0 24px rgba(42,218,209,.12)}
.tour360-toggle[aria-pressed="false"]{color:#8aa1a5;border-color:rgba(255,255,255,.14)}
.tour360-compass{--tour-angle:0deg;position:absolute;z-index:5;top:max(78px,calc(env(safe-area-inset-top) + 70px));left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:9px;padding:7px 11px 7px 8px;border:1px solid rgba(130,255,246,.2);border-radius:999px;background:rgba(0,8,11,.54);backdrop-filter:blur(10px);color:#eaffff;font-size:12px;font-variant-numeric:tabular-nums;pointer-events:none;transition:opacity .25s ease}
.tour360-compass::before{content:"360°";color:#77eee7;font-weight:900;letter-spacing:.04em}
.tour360-dial{position:relative;width:29px;height:29px;border-radius:50%;border:1px solid rgba(133,255,247,.4);background:radial-gradient(circle,rgba(104,242,232,.18) 0 2px,transparent 3px),conic-gradient(from -90deg,rgba(91,240,230,.42) var(--tour-angle),rgba(255,255,255,.08) 0)}
.tour360-dial::after{content:"";position:absolute;left:13px;top:3px;width:3px;height:11px;border-radius:4px;background:#dffffb;box-shadow:0 0 9px #65eee5;transform-origin:50% 11px;transform:rotate(var(--tour-angle))}
.tour360-angle{min-width:31px;text-align:center;font-weight:800}
.hero.tour360-enabled{cursor:grab;touch-action:pan-y;perspective:1200px;--tour-drag-x:0px;--tour-drag-ry:0deg}
.hero.tour360-enabled.is-dragging{cursor:grabbing}
.hero.tour360-enabled .gallery-slide.visible{transform:translate3d(var(--tour-drag-x),0,0) rotateY(var(--tour-drag-ry));transition:opacity .56s ease,transform .28s cubic-bezier(.22,.75,.2,1);will-change:transform,opacity}
.hero.tour360-enabled.is-dragging .gallery-slide.visible{transition:opacity .56s ease,transform .06s linear}
.hero.turn-next .gallery-slide.visible{animation:tour-next .62s cubic-bezier(.2,.78,.2,1)}
.hero.turn-prev .gallery-slide.visible{animation:tour-prev .62s cubic-bezier(.2,.78,.2,1)}
@keyframes tour-next{from{opacity:.35;transform:translate3d(-5vw,0,-35px) rotateY(5deg)}to{opacity:1;transform:none}}
@keyframes tour-prev{from{opacity:.35;transform:translate3d(5vw,0,-35px) rotateY(-5deg)}to{opacity:1;transform:none}}
.progress i.run{animation-duration:5s}
.hero .gallery-main-image{transition-duration:5s}
#counter,.tour360-angle{direction:ltr;unicode-bidi:isolate}
@media(max-width:640px){
  .gallery-top{align-items:flex-start}
  .tour360-controls{gap:6px;flex-wrap:wrap;justify-content:flex-end}
  .tour360-toggle,.tour360-controls #viewSpec{padding:8px 10px;font-size:12px}
  .tour360-compass{top:max(92px,calc(env(safe-area-inset-top) + 84px))}
}
@media(prefers-reduced-motion:reduce){.hero.turn-next .gallery-slide.visible,.hero.turn-prev .gallery-slide.visible{animation:none}.tour360-dial::after{transition:none}}