.product-360{position:relative;max-width:800px;margin:2rem auto;background:#fff;border-radius:24px;box-shadow:0 20px 60px -20px #0003;overflow:hidden}.product-360__container{position:relative;width:100%;padding-top:100%;background:radial-gradient(circle,#f8f8f8,#f0f0f0);cursor:grab;-webkit-user-select:none;user-select:none}.product-360__container:active{cursor:grabbing}.product-360__canvas{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center}.product-360__image{max-width:80%;max-height:80%;object-fit:contain;transition:opacity .1s ease;pointer-events:none}.product-360__image--loading{opacity:.5;filter:blur(2px)}.product-360__loading{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:60px;height:60px;opacity:0;visibility:hidden;transition:all .3s ease}.product-360--loading .product-360__loading{opacity:1;visibility:visible}.product-360__spinner{width:100%;height:100%;border:3px solid rgba(0,0,0,.1);border-top-color:var(--color-primary);border-radius:50%;animation:spin360 .8s linear infinite}@keyframes spin360{to{transform:rotate(360deg)}}.product-360__controls{position:absolute;bottom:20px;left:50%;transform:translate(-50%);display:flex;gap:.5rem;background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:.5rem;border-radius:30px;box-shadow:0 4px 20px -4px #0003}.product-360__control{width:40px;height:40px;border:none;background:transparent;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--color-foreground);transition:all .3s ease;position:relative}.product-360__control:hover{background:#0000000d;transform:scale(1.1)}.product-360__control--active{background:var(--color-primary);color:#fff}.product-360__control svg{width:20px;height:20px}.product-360__tooltip{position:absolute;bottom:calc(100% + 10px);left:50%;transform:translate(-50%);background:#000000e6;color:#fff;padding:.5rem .75rem;border-radius:6px;font-size:.75rem;white-space:nowrap;opacity:0;visibility:hidden;transition:all .2s ease;pointer-events:none}.product-360__control:hover .product-360__tooltip{opacity:1;visibility:visible}.product-360__heatmap{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;opacity:0;transition:opacity .5s ease}.product-360__heatmap--active{opacity:1}.compression-point{position:absolute;border-radius:50%;filter:blur(30px);animation:heatmap-pulse 3s ease-in-out infinite}.compression-point--high{background:radial-gradient(circle,rgba(255,0,0,.8) 0%,transparent 70%)}.compression-point--medium{background:radial-gradient(circle,rgba(255,165,0,.8) 0%,transparent 70%)}.compression-point--light{background:radial-gradient(circle,rgba(255,255,0,.8) 0%,transparent 70%)}@keyframes heatmap-pulse{0%,to{transform:scale(1);opacity:.8}50%{transform:scale(1.2);opacity:.6}}.product-360__hotspot{position:absolute;width:30px;height:30px;background:#fff;border:2px solid var(--color-primary);border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;z-index:10}.product-360__hotspot:before{content:"+";font-size:1.25rem;font-weight:700;color:var(--color-primary)}.product-360__hotspot:hover{transform:scale(1.2);box-shadow:0 4px 12px #0003}.product-360__hotspot:after{content:"";position:absolute;width:100%;height:100%;border:2px solid var(--color-primary);border-radius:50%;animation:hotspot-pulse 2s ease-in-out infinite}@keyframes hotspot-pulse{0%{transform:scale(1);opacity:1}to{transform:scale(2);opacity:0}}.product-360__popup{position:absolute;background:#fff;border-radius:12px;padding:1rem;box-shadow:0 10px 30px -10px #0000004d;min-width:200px;opacity:0;visibility:hidden;transform:translateY(10px);transition:all .3s ease;z-index:20}.product-360__popup--active{opacity:1;visibility:visible;transform:translateY(0)}.product-360__popup-title{font-weight:600;color:var(--color-foreground);margin-bottom:.5rem}.product-360__popup-text{font-size:.875rem;color:rgba(var(--color-foreground),.7);line-height:1.5}.product-360__zoom{position:absolute;top:20px;right:20px;display:flex;gap:.5rem;background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:.25rem;border-radius:12px;box-shadow:0 2px 10px -2px #0003}.product-360__zoom-btn{width:36px;height:36px;border:none;background:transparent;border-radius:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--color-foreground);transition:all .2s ease}.product-360__zoom-btn:hover{background:#0000000d}.product-360__zoom-btn:active{transform:scale(.95)}.product-360__tabs{display:flex;gap:1rem;padding:1.5rem;background:#00000005;border-bottom:1px solid rgba(0,0,0,.05)}.product-360__tab{flex:1;padding:.75rem 1.5rem;background:transparent;border:2px solid transparent;border-radius:12px;cursor:pointer;font-weight:600;color:rgba(var(--color-foreground),.6);transition:all .3s ease;text-align:center}.product-360__tab:hover{background:#fff;color:var(--color-foreground)}.product-360__tab--active{background:#fff;color:var(--color-primary);border-color:var(--color-primary);box-shadow:0 4px 12px -4px #0000001a}.product-360__instructions{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;color:rgba(var(--color-foreground),.5);pointer-events:none;transition:opacity .3s ease}.product-360__instructions svg{width:48px;height:48px;margin-bottom:.5rem;opacity:.5}.product-360__instructions p{font-size:.875rem;font-weight:500}.product-360--interacting .product-360__instructions{opacity:0}.product-360__preloader{position:absolute;bottom:10px;left:10px;right:10px;height:4px;background:#0000001a;border-radius:2px;overflow:hidden;opacity:0;transition:opacity .3s ease}.product-360--preloading .product-360__preloader{opacity:1}.product-360__preloader-bar{height:100%;background:var(--color-primary);border-radius:2px;width:0%;transition:width .3s ease}@media screen and (max-width: 749px){.product-360{margin:1rem;border-radius:16px}.product-360__controls{bottom:10px;padding:.375rem;gap:.25rem}.product-360__control{width:36px;height:36px}.product-360__tabs{padding:1rem;gap:.5rem}.product-360__tab{padding:.5rem 1rem;font-size:.875rem}.product-360__zoom{top:10px;right:10px}}@media (prefers-color-scheme: dark){.product-360{background:#2a2a2a}.product-360__container{background:radial-gradient(circle,#1a1a1a,#0a0a0a)}.product-360__controls,.product-360__zoom{background:#000c}.product-360__control:hover{background:#ffffff1a}.product-360__tabs{background:#0000004d;border-bottom-color:#ffffff1a}.product-360__tab--active{background:#3a3a3a}.product-360__popup{background:#2a2a2a;color:#fff}}@media (prefers-reduced-motion: reduce){.compression-point,.product-360__hotspot:after{animation:none}.product-360__image,.product-360__heatmap,.product-360__popup{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/17/assets/product-360-viewer.css.map */