.kw-360-section{padding:60px 0;background:#f9f8f6}.kw-360-section__inner{max-width:900px;margin:0 auto;text-align:center}.kw-360-section__subtitle{display:inline-block;color:var(--kw-purple, #ab3ce0);font-size:20px;font-weight:700;text-transform:uppercase;letter-spacing:2px;margin-bottom:14px}.kw-360-section__heading{font-family:Marcellus,serif;font-size:36px;color:#1a1a2e;margin:0 0 25px;line-height:1.2}.kw-360{position:relative;width:100%;max-width:700px;margin:0 auto;aspect-ratio:3 / 4;background:#fff;-webkit-user-select:none;user-select:none;cursor:grab;touch-action:pan-y;overflow:hidden;border-radius:4px;box-shadow:0 10px 40px #00000014}.kw-360:active,.kw-360.kw-360--dragging{cursor:grabbing}.kw-360__image{width:100%;height:100%;object-fit:contain;display:block;pointer-events:none;-webkit-user-drag:none}.kw-360__loading{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:15px;background:#ffffffeb;transition:opacity .4s ease,visibility .4s ease;z-index:2}.kw-360__loading--done{opacity:0;visibility:hidden;pointer-events:none}.kw-360__spinner{width:48px;height:48px;border:4px solid rgba(171,60,224,.2);border-top-color:var(--kw-purple, #ab3ce0);border-radius:50%;animation:kw-360-spin .9s linear infinite}@keyframes kw-360-spin{to{transform:rotate(360deg)}}.kw-360__loading-text{font-family:Poppins,sans-serif;font-size:13px;font-weight:600;color:#555;letter-spacing:1px;text-transform:uppercase}.kw-360__hint{position:absolute;bottom:20px;left:50%;transform:translate(-50%);background:#1a1a2ed9;color:#fff;padding:8px 18px;border-radius:30px;font-family:Poppins,sans-serif;font-size:13px;font-weight:500;letter-spacing:.5px;display:flex;align-items:center;gap:8px;pointer-events:none;transition:opacity .3s ease;z-index:3;opacity:0}.kw-360--ready .kw-360__hint{opacity:1}.kw-360--user-controlled .kw-360__hint{opacity:0}.kw-360__hint i{color:var(--kw-purple, #ab3ce0);font-size:14px;animation:kw-360-hint-rotate 2.5s linear infinite}@keyframes kw-360-hint-rotate{to{transform:rotate(360deg)}}@media screen and (max-width:749px){.kw-360-section{padding:40px 0}.kw-360-section__heading{font-size:26px}.kw-360{aspect-ratio:3 / 4}.kw-360__hint{font-size:11px;padding:6px 12px}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/section-kw-360-viewer.css.map */