/* Phase 6 360 viewer (own code) */
.m360v{cursor:grab;user-select:none;-webkit-user-select:none;touch-action:pan-y;outline:0}
.m360v:focus-visible{box-shadow:0 0 0 2px #1c306d}
.m360v.dragging{cursor:grabbing}
.m360v.zoomed{cursor:zoom-out;touch-action:none}
.m360v-img{width:100%;height:100%;object-fit:contain;pointer-events:none}
.m360v-zoom{position:absolute;top:0;left:0;max-width:none;max-height:none;pointer-events:none;background:#fff}
.m360v-load{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;background:rgba(255,255,255,.6);font-size:12px;color:#555}
.m360v-load i{display:block;width:120px;height:3px;background:#e5e5e5}
.m360v-load b{display:block;height:100%;width:0;background:#1c306d;transition:width .15s}
.m360v.ready .m360v-load{display:none}
.m360v-hint{position:absolute;left:50%;bottom:10px;transform:translateX(-50%);padding:3px 10px;border-radius:3px;background:rgba(0,0,0,.55);color:#fff;font-size:12px;pointer-events:none;transition:opacity .4s}
.m360v-hint.gone{opacity:0}
.m360v-fs{position:absolute;right:6px;top:6px;z-index:2;width:30px;height:30px;border:0;border-radius:3px;background:rgba(255,255,255,.85);color:#333;cursor:pointer;display:flex;align-items:center;justify-content:center}
.m360v-fs:hover{color:#1c306d}
.m360v.fs{position:fixed;inset:0;z-index:9999;max-width:none!important;width:100vw;height:100vh;aspect-ratio:auto}
.m360v-msg{text-align:center;font-size:13px;color:#666;margin:6px 0 0;max-width:437px}
@media(max-width:767px){.m360v-msg{max-width:none}}
@media(prefers-reduced-motion:reduce){.m360v-load b,.m360v-hint{transition:none}}