.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 rgb(0 0 0 / .45);overflow:hidden}.sr360-popup--light .sr360-popup__dialog{box-shadow:0 10px 40px rgb(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(rgb(0 0 0 / .14),rgb(0 0 0 / .14)) content-box no-repeat center / 100% 8px,rgb(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:rgb(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,rgb(30 30 30 / .55) 35%,rgb(30 30 30 / .55) 65%,transparent) no-repeat 0 0 / 40% 100%,rgb(0 0 0 / .14);pointer-events:none;animation:sr360-switch-sweep 1.1s linear infinite}@keyframes sr360-switch-sweep{from{background-position:-40% 0,0 0}to{background-position:140% 0,0 0}}@keyframes sr360-progress-reveal{to{visibility:visible}}.sr360-viewer.loading .spritespin-progress,.sr360-popup__stage.loading .spritespin-progress{animation:sr360-progress-reveal 0.01s linear 0.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 0.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:#fff0;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 0.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 rgb(255 255 255 / .9),0 1px 5px rgb(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%}.sr360-popup__close:not(.has-image){color:#fff0}@media screen and (max-width:782px),(pointer:coarse){.sr360-popup__close{min-width:44px;min-height:44px}}@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:#fff0}.sr360-popup__close.has-image::after{background-color:#fff0;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:rgb(0 0 0 / .45)}.sr360-popup__controls[hidden]{display:none}.sr360-ctl{padding:4px 12px;border:1px solid rgb(255 255 255 / .5);border-radius:3px;background:rgb(0 0 0 / .06);color:#fff;cursor:pointer}.sr360-ctl:hover{background:rgb(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--icon svg{display:block;width:18px;height:18px;pointer-events:none}.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:rgb(0 0 0 / .72);color:#fff;cursor:pointer;box-shadow:0 1px 4px rgb(0 0 0 / .3);transition:background 0.15s ease,transform 0.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{position:absolute;inset-block-end:12px;inset-inline-start:12px;z-index:3;margin: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:none;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:none}.sr360-gallery-badge:not(.sr360-gallery-badge--ready){display:none}.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-gallery-badge__button{display:inline-flex;align-items:center;gap:6px;margin:0;padding:6px 12px;border:0;border-radius:999px;background:rgb(0 0 0 / .72);color:#fff;font-size:12px;font-weight:600;line-height:1.5;letter-spacing:.02em;cursor:pointer;box-shadow:0 1px 4px rgb(0 0 0 / .3)}.sr360-gallery-badge__button:hover,.sr360-gallery-badge__button:focus-visible{background:#2271b1}.sr360-gallery-badge__button:focus-visible{outline:2px solid #fff;outline-offset:2px}.sr360-gallery-badge__tag{pointer-events:none}@media screen and (max-width:782px),(pointer:coarse){.sr360-gallery-badge[data-sr360-badge] button.sr360-gallery-badge__button{position:relative}.sr360-gallery-badge[data-sr360-badge] button.sr360-gallery-badge__button::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-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:0.001ms!important;animation-iteration-count:1!important;transition-duration:0.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:#fff0;background-image:none;color:#fff0;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 rgb(255 255 255 / .9),0 1px 5px rgb(0 0 0 / .4)}.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:#fff0;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 rgb(255 255 255 / .5);background-color:rgb(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:rgb(255 255 255 / .5);background-color:rgb(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-gallery-badge[data-sr360-badge] button.sr360-gallery-badge__button,.sr360-gallery-badge[data-sr360-badge] button.sr360-gallery-badge__button:is(:focus,:active){border:0;background-color:rgb(0 0 0 / .72);background-image:none;color:#fff;box-shadow:0 1px 4px rgb(0 0 0 / .3);transform:none;text-decoration:none}.sr360-gallery-badge[data-sr360-badge] button.sr360-gallery-badge__button:hover,.sr360-gallery-badge[data-sr360-badge] button.sr360-gallery-badge__button:focus-visible{border:0;background-color:#2271b1;background-image:none;color:#fff;box-shadow:0 1px 4px rgb(0 0 0 / .3);transform:none}.sr360-gallery-badge[data-sr360-badge] button.sr360-gallery-badge__button:focus-visible{outline:2px solid #fff;outline-offset:2px}.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:#fff0;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:rgb(0 0 0 / .72);background-image:none;color:#fff;box-shadow:0 1px 4px rgb(0 0 0 / .3);transform:none;transition:background 0.15s ease,transform 0.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 rgb(0 0 0 / .3);transform:scale(1.05);transition:background 0.15s ease,transform 0.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:#fff0;box-shadow:none}}