.product-360-details{width:100%;position:relative}.product-360-details__title{text-align:center;font-weight:600;line-height:1.2}.product-360-details__container{width:100%;display:flex;flex-direction:column;gap:40px}.product-360-details__container.full-width{max-width:100%}.product-360-details__block{width:100%;box-sizing:border-box}.product-360-details__grid{display:grid;grid-template-columns:1fr 1fr;gap:32px;width:100%}.product-360-card{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;width:100%;box-sizing:border-box;position:relative}.product-360-card__canvas{position:relative;width:100%;height:auto;cursor:grab;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;touch-action:pan-y;display:flex;align-items:center;justify-content:center;min-height:200px}.product-360-card__canvas.is-dragging{cursor:grabbing}.product-360-card__frame{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;display:block;pointer-events:none;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.product-360-card__loading{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);opacity:1;transition:opacity .3s ease;z-index:10;pointer-events:none}.product-360-card__loading.hidden{opacity:0;visibility:hidden}.spinner{width:60px;height:60px;animation:rotate 2s linear infinite}.spinner circle{stroke:currentColor;stroke-linecap:round;animation:dash 1.5s ease-in-out infinite}@keyframes rotate{to{transform:rotate(360deg)}}@keyframes dash{0%{stroke-dasharray:1,150;stroke-dashoffset:0}50%{stroke-dasharray:90,150;stroke-dashoffset:-35}to{stroke-dasharray:90,150;stroke-dashoffset:-124}}.product-360-card__title,.product-360-card__subtitle{margin:0;padding:0}@media screen and (max-width: 1024px){.product-360-details__container{gap:30px}.product-360-details__grid{gap:20px}}@media screen and (max-width: 767px){.product-360-details__grid{grid-template-columns:1fr!important;gap:20px}.product-360-card__canvas{min-height:150px}.spinner{width:50px;height:50px}}@media screen and (max-width: 480px){.product-360-card__canvas{min-height:120px}.spinner{width:40px;height:40px}}@media (prefers-reduced-motion: reduce){.product-360-card__canvas{cursor:default}.spinner,.spinner circle{animation:none}}@media (prefers-contrast: high){.product-360-card__loading{background:#fff;padding:10px;border-radius:50%}}
/*# sourceMappingURL=/cdn/shop/t/27/assets/section-custom-product-360-details.css.map */