.image360-viewer{position:relative;width:100%;height:auto;border-radius:8px;overflow:hidden;cursor:-webkit-grab;cursor:grab}.image360-viewer.dragging,.image360-viewer:active{cursor:-webkit-grabbing;cursor:grabbing}.image360-frames{position:relative;width:100%;height:auto;min-height:300px;display:flex;align-items:center;justify-content:center;overflow:hidden}.image360-frames .image360-frame{position:absolute;top:0;left:0;width:100%;height:100%;-o-object-fit:contain;object-fit:contain;-o-object-position:center;object-position:center;transition:opacity .1s ease;-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-user-drag:none;pointer-events:none}.image360-frames .image360-frame:first-child{position:relative}.image360-loader{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(255,255,255,.95);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:10;transition:opacity .3s ease}.image360-loader .spinner-border{width:3rem;height:3rem;border-width:.3em}.image360-loader p{margin:0;font-size:.9rem;font-weight:500}.image360-loader.fade-out{opacity:0;pointer-events:none}.image360-indicator{position:absolute;top:15px;right:15px;z-index:5}.image360-indicator .badge{background:rgba(0,0,0,.7)!important;color:#fff;font-size:.75rem;font-weight:600;padding:.4em .8em;border-radius:20px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 2px 10px rgba(0,0,0,.2);animation:pulse360 2s infinite}.image360-hint{position:absolute;bottom:15px;left:50%;transform:translateX(-50%);z-index:5;opacity:0;transition:opacity .3s ease}.image360-hint small{background:rgba(255,255,255,.9);color:#6c757d;padding:.4rem .8rem;border-radius:20px;font-size:.8rem;font-weight:500;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 2px 10px rgba(0,0,0,.1);white-space:nowrap}.image360-hint.show{opacity:1}.image360-progress{position:absolute;bottom:0;left:0;width:100%;height:3px;background:rgba(255,255,255,.3);z-index:5}.image360-progress .progress-bar{height:100%;background:linear-gradient(90deg,#007bff,#0056b3);transition:width .1s ease;border-radius:0}@keyframes pulse360{0%,100%{transform:scale(1);opacity:.8}50%{transform:scale(1.05);opacity:1}}@keyframes fadeInUp{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.image360-viewer{border-radius:6px}.image360-frames{min-height:250px}.image360-indicator{top:10px;right:10px}.image360-indicator .badge{font-size:.7rem;padding:.3em .6em}.image360-hint{bottom:10px}.image360-hint small{font-size:.75rem;padding:.3rem .6rem}.image360-loader .spinner-border{width:2.5rem;height:2.5rem}.image360-loader p{font-size:.8rem}}@media (max-width:480px){.image360-frames{min-height:200px}.image360-hint small{font-size:.7rem}}.image360-viewer.loading .image360-frames{opacity:.5}.image360-viewer.loaded .image360-frames{opacity:1}.image360-viewer.loaded .image360-hint{animation:fadeInUp .5s ease .5s both}.debug-360 .image360-viewer{border:2px solid red}.debug-360 .image360-frames{border:1px solid #00f}.debug-360 .image360-frame{border:1px solid green}
/*# sourceMappingURL=img360viewer.min.css.map */