.sr360-viewer-wrap{position:relative;margin:0 auto}.sr360-viewer{position:relative;width:100%;margin:0 auto;touch-action:pan-y}.sr360-viewer__poster{display:block;width:100%;height:auto}.sr360-viewer:focus-visible{outline:2px solid #2271b1;outline-offset:2px}.sr360-viewer .spritespin-stage,.sr360-viewer canvas.spritespin-canvas{display:block;width:100%;touch-action:none}.sr360-viewer--draggable,.sr360-popup__stage--draggable,.sr360-popup__stage--draggable canvas.spritespin-canvas{cursor:grab}.sr360-viewer--draggable:active,.sr360-popup__stage--draggable:active,.sr360-popup__stage--draggable:active canvas.spritespin-canvas{cursor:grabbing}.sr360-popup--dragging,.sr360-popup--dragging *{cursor:grabbing!important}.sr360-popup{position:fixed;inset:0;z-index:var(--sr360-popup-z,2147483647);display:flex;align-items:center;justify-content:center;padding:20px}.sr360-popup[hidden]{display:none}.sr360-popup--blur{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.sr360-popup__dialog{position:relative;display:flex;align-items:center;justify-content:center;max-width:96vw;max-height:92vh;max-height:92dvh;background:var(--sr360-bg,#fff);border-radius:4px;box-shadow:0 10px 40px rgba(0,0,0,.45);overflow:hidden}.sr360-popup--light .sr360-popup__dialog{box-shadow:0 10px 40px rgba(0,0,0,.25)}.sr360-popup__fit{position:relative;width:100%;height:100%}.sr360-popup__stage{position:relative;width:100%;height:100%}.sr360-popup__stage .spritespin-stage,.sr360-popup__stage canvas.spritespin-canvas{max-width:100%;max-height:100%}.spritespin-progress{position:absolute;inset:0;z-index:4;display:flex;flex-direction:column;align-items:stretch;justify-content:center;box-sizing:border-box;padding:0 19%;overflow:hidden;background:linear-gradient(rgba(0,0,0,.14),rgba(0,0,0,.14)) content-box no-repeat center/100% 8px,rgba(255,255,255,.92);color:#1e1e1e;pointer-events:none;visibility:hidden}.sr360-viewer--switching{position:relative}.sr360-viewer--switching::before{content:"";position:absolute;inset:0;z-index:5;background:rgba(255,255,255,.72);pointer-events:none}.sr360-viewer--switching::after{content:"";position:absolute;top:50%;inset-inline-start:19%;inset-inline-end:19%;height:8px;margin-top:-4px;z-index:6;background:linear-gradient(90deg,transparent,rgba(30,30,30,.55) 35%,rgba(30,30,30,.55) 65%,transparent) no-repeat 0 0/40% 100%,rgba(0,0,0,.14);pointer-events:none;animation:sr360-switch-sweep 1.1s linear infinite}.sr360-viewer.loading .spritespin-progress,.sr360-popup__stage.loading .spritespin-progress{animation:sr360-progress-reveal .01s linear .15s forwards}.spritespin-progress-label{position:absolute;inset-inline:0;top:50%;margin-top:-30px;text-align:center;font:600 15px/1 -apple-system,system-ui,"Segoe UI",Roboto,sans-serif;font-variant-numeric:tabular-nums;letter-spacing:.03em}.spritespin-progress-bar{align-self:flex-start;min-width:8px;height:8px;border-radius:999px;background:#2271b1;transition:width .18s ease}.sr360-popup--fullscreen{padding:0}.sr360-popup--fullscreen .sr360-popup__dialog{width:100vw;height:100vh;height:100dvh;max-width:100vw;max-height:100vh;max-height:100dvh;border-radius:0}.sr360-popup__close{position:absolute;top:8px;inset-inline-end:8px;z-index:2;display:inline-flex;align-items:center;justify-content:center;padding:0;line-height:1;font-size:20px;border:0;border-radius:50%;background:0 0;color:#fff;cursor:pointer}.sr360-popup__close::after{content:"";position:absolute;inset:0;border-radius:50%;background-repeat:no-repeat;background-position:center;transform:rotate(0deg);transition:transform .6s ease-in-out}@media (hover:hover){button.sr360-popup__close:hover::after{transform:rotate(-180deg)}}.sr360-popup__close:not(.has-image)::after{box-shadow:0 0 0 2px rgba(255,255,255,.9),0 1px 5px rgba(0,0,0,.4);background-color:#fff;background-image:url("/wp-content/plugins/sr-product-360o-view/assets/frontend/img/close.svg");background-size:62%;--lzl-bg-img:"/wp-content/plugins/sr-product-360o-view/assets/frontend/img/close.svg"}.sr360-popup__close:not(.has-image){color:transparent}@media screen and (max-width:782px),(pointer:coarse){.sr360-popup__close{min-width:44px;min-height:44px}}.sr360-popup__close:not(.has-image).lzl:not(.lzl-ed)::after,.sr360-popup__close:not(.has-image).lzl-ing:not(.lzl-ed)::after{background-image:none}@media (pointer:coarse){.sr360-popup__close{top:12px;inset-inline-end:12px}.sr360-popup__close::before{content:"";position:absolute;inset-inline:0;inset-block-start:50%;width:auto;min-width:44px;height:44px;min-height:100%;transform:translateY(-50%)}}.sr360-popup__close.has-image{color:transparent}.sr360-popup__close.has-image::after{background-color:transparent;background-image:var(--sr360-close-image);background-size:contain;box-shadow:none}.sr360-popup__close:focus-visible{outline:2px solid #2271b1;outline-offset:2px}.sr360-popup__controls{position:absolute;inset-inline-start:0;inset-inline-end:0;bottom:0;z-index:2;display:flex;align-items:center;justify-content:center;gap:10px;padding:10px 14px;padding-bottom:calc(10px + env(safe-area-inset-bottom,0px));background:rgba(0,0,0,.45)}.sr360-popup__controls[hidden]{display:none}.sr360-ctl{padding:4px 12px;border:1px solid rgba(255,255,255,.5);border-radius:3px;background:rgba(0,0,0,.06);color:#fff;cursor:pointer}.sr360-ctl:hover{background:rgba(255,255,255,.07)}.sr360-ctl[aria-pressed=true]{background:#2271b1;border-color:#2271b1}.sr360-ctl:focus-visible{outline:2px solid #fff;outline-offset:2px}.sr360-ctl--icon{display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;padding:0;border-radius:999px}.sr360-ctl--slider{display:inline-flex;align-items:center;min-width:140px}.sr360-ctl--slider input[type=range]{width:100%}.sr360-noscroll{overflow:hidden!important}.sr360-inline{position:relative}.sr360-expand{position:absolute;inset-block-end:10px;inset-inline-start:10px;z-index:3;display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;margin:0;padding:0;border:0;border-radius:50%;background:rgba(0,0,0,.72);color:#fff;cursor:pointer;box-shadow:0 1px 4px rgba(0,0,0,.3);transition:background .15s ease,transform .15s ease}.sr360-expand:hover,.sr360-expand:focus{background:#2271b1;transform:scale(1.05)}.sr360-expand:focus-visible{outline:2px solid #fff;outline-offset:2px}.sr360-expand__icon{display:block;width:20px;height:20px}@media screen and (max-width:782px),(pointer:coarse){.sr360-expand{width:44px;height:44px}}.sr360-inline--after-gallery,.sr360-inline--tab{margin:1.25em 0}.sr360-gallery-badge--bottom-right{inset-inline-start:auto;inset-inline-end:12px}.sr360-gallery-badge--top-left{inset-block-end:auto;inset-block-start:12px}.sr360-gallery-badge--top-right{inset-block-end:auto;inset-block-start:12px;inset-inline-start:auto;inset-inline-end:12px}.sr360-gallery-badge__icon{display:block;width:48px;height:32px;background-repeat:no-repeat;background-position:center;background-size:contain}.sr360-gallery-badge__button:has(.sr360-gallery-badge__icon){padding:0;background:0 0;box-shadow:none;border-radius:4px}.sr360-gallery-badge__button:has(.sr360-gallery-badge__icon):hover,.sr360-gallery-badge__button:has(.sr360-gallery-badge__icon):focus-visible{background:0 0}.sr360-badge-host{position:relative}.sr360-gallery-badge--standalone{position:static;inset:auto;display:inline-block;margin:1.25em 0}.sr360-gallery-badge--floating{position:fixed;inset-block-end:16px;inset-inline-start:16px;z-index:2147483000;margin:0}.sr360-viewer-wrap .screen-reader-text{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0;word-wrap:normal}@media (prefers-reduced-motion:reduce){.sr360-viewer,.sr360-viewer *,.sr360-popup,.sr360-popup *,.sr360-popup *::after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}.sr360-popup .sr360-popup__dialog button.sr360-popup__close:not(.has-image),.sr360-popup .sr360-popup__dialog button.sr360-popup__close.has-image,.sr360-popup .sr360-popup__dialog button.sr360-popup__close:not(.has-image):is(:hover,:focus,:focus-visible,:active),.sr360-popup .sr360-popup__dialog button.sr360-popup__close.has-image:is(:hover,:focus,:focus-visible,:active){border:0;background-color:transparent;background-image:none;color:transparent;box-shadow:none;overflow:visible;transform:none;text-decoration:none}.sr360-popup .sr360-popup__dialog button.sr360-popup__close:not(.has-image)::after,.sr360-popup .sr360-popup__dialog button.sr360-popup__close:not(.has-image):is(:hover,:focus,:focus-visible,:active)::after{background-color:#fff;background-image:url("/wp-content/plugins/sr-product-360o-view/assets/frontend/img/close.svg");background-repeat:no-repeat;background-position:center;background-size:62%;box-shadow:0 0 0 2px rgba(255,255,255,.9),0 1px 5px rgba(0,0,0,.4);--lzl-bg-img:"/wp-content/plugins/sr-product-360o-view/assets/frontend/img/close.svg"}.sr360-popup .sr360-popup__dialog button.sr360-popup__close.has-image::after,.sr360-popup .sr360-popup__dialog button.sr360-popup__close.has-image:is(:hover,:focus,:focus-visible,:active)::after{background-color:transparent;background-image:var(--sr360-close-image);background-repeat:no-repeat;background-position:center;background-size:contain;box-shadow:none}.sr360-popup .sr360-popup__dialog button.sr360-popup__close:focus-visible{outline:2px solid #2271b1;outline-offset:2px}.sr360-popup .sr360-popup__controls button.sr360-ctl,.sr360-popup .sr360-popup__controls button.sr360-ctl:is(:focus,:active){border:1px solid rgba(255,255,255,.5);background-color:rgba(0,0,0,.06);background-image:none;color:#fff;box-shadow:none;transform:none;text-decoration:none}.sr360-popup .sr360-popup__controls button.sr360-ctl:hover{border-color:rgba(255,255,255,.5);background-color:rgba(255,255,255,.07);background-image:none;color:#fff;box-shadow:none;transform:none}.sr360-popup .sr360-popup__controls button.sr360-ctl[aria-pressed=true],.sr360-popup .sr360-popup__controls button.sr360-ctl[aria-pressed=true]:is(:hover,:focus,:focus-visible,:active){border-color:#2271b1;background-color:#2271b1;background-image:none;color:#fff}.sr360-popup .sr360-popup__controls button.sr360-ctl:focus-visible{outline:2px solid #fff;outline-offset:2px}.sr360-popup .sr360-popup__controls label.sr360-ctl--slider{margin:0}.sr360-popup .sr360-popup__controls .sr360-ctl--slider input[type=range],.sr360-popup .sr360-popup__controls .sr360-ctl--slider input[type=range]:is(:hover,:focus,:active){border:0;background-image:none;box-shadow:none;transform:none}.sr360-popup .sr360-popup__dialog button.sr360-popup__close:not(.has-image).lzl:not(.lzl-ed)::after,.sr360-popup .sr360-popup__dialog button.sr360-popup__close:not(.has-image):is(:hover,:focus,:focus-visible,:active).lzl:not(.lzl-ed)::after,.sr360-popup .sr360-popup__dialog button.sr360-popup__close:not(.has-image).lzl-ing:not(.lzl-ed)::after,.sr360-popup .sr360-popup__dialog button.sr360-popup__close:not(.has-image):is(:hover,:focus,:focus-visible,:active).lzl-ing:not(.lzl-ed)::after{background-image:none}.sr360-gallery-badge[data-sr360-badge] button.sr360-gallery-badge__button:has(.sr360-gallery-badge__icon),.sr360-gallery-badge[data-sr360-badge] button.sr360-gallery-badge__button:has(.sr360-gallery-badge__icon):is(:hover,:focus,:focus-visible,:active){background-color:transparent;background-image:none;box-shadow:none;transform:none}.sr360-gallery-badge[data-sr360-badge] span.sr360-gallery-badge__icon{background-repeat:no-repeat;background-position:center;background-size:contain}.sr360-inline button.sr360-expand[data-sr360-popup],.sr360-inline button.sr360-expand[data-sr360-popup]:is(:active){border:0;background-color:rgba(0,0,0,.72);background-image:none;color:#fff;box-shadow:0 1px 4px rgba(0,0,0,.3);transform:none;transition:background .15s ease,transform .15s ease;text-decoration:none}.sr360-inline button.sr360-expand[data-sr360-popup]:hover,.sr360-inline button.sr360-expand[data-sr360-popup]:focus{border:0;background-color:#2271b1;background-image:none;color:#fff;box-shadow:0 1px 4px rgba(0,0,0,.3);transform:scale(1.05);transition:background .15s ease,transform .15s ease}.sr360-inline button.sr360-expand[data-sr360-popup]:focus-visible{outline:2px solid #fff;outline-offset:2px}@media (forced-colors:active){.sr360-popup .sr360-popup__dialog button.sr360-popup__close:not(.has-image),.sr360-popup .sr360-popup__dialog button.sr360-popup__close:not(.has-image):is(:hover,:focus,:focus-visible,:active){background-image:none;background-color:ButtonFace;color:ButtonText}.sr360-popup .sr360-popup__dialog button.sr360-popup__close:not(.has-image)::after,.sr360-popup .sr360-popup__dialog button.sr360-popup__close:not(.has-image):is(:hover,:focus,:focus-visible,:active)::after{background-image:none;background-color:transparent;box-shadow:none}}