.ck-spin-360[data-ck3d=native] .ck-spin-360__viewport{position:relative}
html body .ck-spin-360[data-ck3d=native]{--ck-spin-thumb:54px!important;--ck-spin-gallery-gap:12px!important;gap:12px!important}
html body .ck-spin-360[data-ck3d=native] .ck-spin-360__thumbs{width:54px!important;flex:0 0 54px!important;gap:10px!important}
html body .ck-spin-360[data-ck3d=native] .ck-spin-360__thumb{width:54px!important;height:54px!important;min-width:54px!important;min-height:54px!important;flex:0 0 54px!important}
.ck3d-stage{position:absolute;inset:0;z-index:3;cursor:grab;touch-action:pan-y;background:#fff;overflow:hidden}
.ck3d-stage:active{cursor:grabbing}.ck3d-stage[hidden]{display:none!important}.ck3d-stage canvas{display:block!important;width:100%!important;height:100%!important}
.ck3d-active .ck-spin-360__viewport>.ck-spin-360__img{visibility:hidden!important}
.ck-spin-360[data-ck3d=native] .ck-spin-360__controls{display:flex!important;flex-wrap:wrap;gap:6px;justify-content:center;min-height:44px;height:auto!important}
.ck-spin-360[data-ck3d=native] [data-ck3d-control]{display:inline-flex!important;min-width:40px;min-height:40px}
.ck-spin-360[data-ck3d=native] [data-ck3d-control][aria-pressed=true]{background:#e8f5ff;color:#0075c9}
.ck3d-status{color:#48627b;font:400 11px/1.5 Poppins,sans-serif;text-align:center;padding:6px 4px 0}
.ck3d-status:empty{display:none}.ck3d-stage:focus-visible{outline:3px solid #3099fb;outline-offset:-4px}
html body .ck-spin-360[data-ck3d=native][data-ck-gallery-role=cotes] .ck-spin-360__viewport>.ck-spin-360__img{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;max-width:100%!important;max-height:100%!important;min-width:0!important;min-height:0!important;margin:0!important;padding:8px!important;object-fit:contain!important;object-position:center!important;transform:none!important}
@media(max-width:767px){html body .ck-spin-360[data-ck3d=native] .ck-spin-360__thumbs{width:auto!important;flex:0 0 auto!important;flex-wrap:wrap}.ck-spin-360[data-ck3d=native] .ck-spin-360__controls{gap:2px}.ck-spin-360[data-ck3d=native] [data-ck3d-control]{min-width:38px;min-height:44px}}

/* Measured views retain a clear space above fullscreen controls and thumbnails.
   Scope stays on the image: photo/3D fullscreen and the page frame are unchanged. */
html.ck-spin-360-modal-open body .ck-spin-360[data-ck3d=native][data-ck-gallery-role=cotes].is-fullscreen.is-fullscreen.is-fullscreen.is-fullscreen.is-fullscreen.is-fullscreen.is-fullscreen.is-fullscreen .ck-spin-360__viewport>.ck-spin-360__img{height:calc(100vh - 96px)!important;height:calc(100dvh - 96px)!important;max-height:calc(100vh - 96px)!important;max-height:calc(100dvh - 96px)!important}
@media(max-width:1024px){html.ck-spin-360-modal-open body .ck-spin-360[data-ck3d=native][data-ck-gallery-role=cotes].is-fullscreen.is-fullscreen.is-fullscreen.is-fullscreen.is-fullscreen.is-fullscreen.is-fullscreen.is-fullscreen .ck-spin-360__viewport>.ck-spin-360__img{height:calc(100vh - 144px)!important;height:calc(100dvh - 144px)!important;max-height:calc(100vh - 144px)!important;max-height:calc(100dvh - 144px)!important}}