.interactive-image-wrapper{max-width:100%;margin:0 auto}.interactive-image-container{position:relative;display:inline-block;width:100%;max-width:100%}.interactive-main-image{width:100%;height:auto;border-radius:12px;display:block}.interactive-points{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}.interactive-point{position:absolute;pointer-events:all;cursor:pointer;z-index:10;transform:translate(-50%,-50%)}.point-dot{width:24px;height:24px;background-color:var(--point-color, #ffffff);border:3px solid var(--point-hover-color, #e53e3e);border-radius:50%;position:relative;z-index:2;transition:all .3s ease;box-shadow:0 4px 12px #00000040}.point-pulse{position:absolute;top:50%;left:50%;width:24px;height:24px;border:3px solid var(--point-hover-color, #e53e3e);border-radius:50%;transform:translate(-50%,-50%);animation:pulse 2s infinite;opacity:.7}@keyframes pulse{0%{transform:translate(-50%,-50%) scale(1);opacity:.7}50%{transform:translate(-50%,-50%) scale(1.8);opacity:.4}to{transform:translate(-50%,-50%) scale(2.5);opacity:0}}.interactive-point:hover .point-dot{background-color:var(--point-hover-color, #e53e3e);transform:scale(1.2);box-shadow:0 6px 20px #00000059;border-width:4px}.interactive-point:hover .point-pulse{animation-play-state:paused}.product-popup{position:absolute;bottom:100%;left:50%;transform:translate(-50%);margin-bottom:15px;opacity:0;visibility:hidden;transition:all .3s ease;z-index:1000;pointer-events:none}.interactive-point:hover .product-popup{opacity:1;visibility:visible;pointer-events:all}.product-popup-content{background-color:var(--popup-bg-color, #ffffff);border-radius:12px;padding:1rem;box-shadow:0 8px 25px #00000026;min-width:280px;max-width:320px;position:relative;color:var(--popup-text-color, #000000)}.product-popup-content:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border:8px solid transparent;border-top-color:var(--popup-bg-color, #ffffff)}.popup-image{margin-bottom:.75rem}.popup-image-link{display:block;border-radius:8px;overflow:hidden}.popup-product-image{width:100%;height:120px;object-fit:cover;transition:transform .3s ease}.popup-image-link:hover .popup-product-image{transform:scale(1.05)}.popup-info{text-align:left}.popup-title{display:block;font-weight:600;font-size:.95rem;line-height:1.3;margin-bottom:.25rem;color:var(--popup-text-color, #000000);text-decoration:none;transition:color .3s ease}.popup-title:hover{color:var(--point-hover-color, #e53e3e)}.popup-vendor{display:block;font-size:.8rem;color:var(--popup-text-color, #666666);margin-bottom:.5rem;opacity:.7}.popup-price{margin-bottom:.75rem}.popup-price-compare{font-size:.85rem;color:var(--popup-text-color, #666666);text-decoration:line-through;margin-right:.5rem;opacity:.7}.popup-price-current{font-weight:600;font-size:1rem;color:var(--point-hover-color, #e53e3e)}.popup-button{display:inline-block;background-color:var(--point-hover-color, #e53e3e);color:#fff;padding:.5rem 1rem;border-radius:6px;text-decoration:none;font-size:.85rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;transition:all .3s ease;width:100%;text-align:center}.popup-button:hover{opacity:.9;transform:translateY(-1px);box-shadow:0 2px 8px #00000026}.popup-button-unavailable{background-color:#ccc;cursor:not-allowed}.popup-button-unavailable:hover{transform:none;box-shadow:none;opacity:1}.interactive-image-placeholder{text-align:center;padding:4rem 2rem;background-color:#f8f9fa;border-radius:12px;border:2px dashed #dee2e6}.interactive-image-placeholder p{margin:0;color:#6c757d;font-size:1.1rem}@media (max-width: 768px){.product-popup-content{min-width:250px;max-width:280px;padding:.75rem}.popup-product-image{height:100px}.popup-title{font-size:.9rem}.popup-price-current{font-size:.95rem}.popup-button{font-size:.8rem;padding:.45rem .8rem}.point-dot,.point-pulse{width:20px;height:20px;border-width:3px}}@media (max-width: 480px){.product-popup-content{min-width:220px;max-width:250px}.popup-product-image{height:80px}.point-dot,.point-pulse{width:18px;height:18px;border-width:2px}}.interactive-point[style*="top: 0%"] .product-popup,.interactive-point[style*="top: 1%"] .product-popup,.interactive-point[style*="top: 2%"] .product-popup,.interactive-point[style*="top: 3%"] .product-popup,.interactive-point[style*="top: 4%"] .product-popup,.interactive-point[style*="top: 5%"] .product-popup{bottom:auto;top:100%;margin-top:15px;margin-bottom:0}.interactive-point[style*="top: 0%"] .product-popup-content:after,.interactive-point[style*="top: 1%"] .product-popup-content:after,.interactive-point[style*="top: 2%"] .product-popup-content:after,.interactive-point[style*="top: 3%"] .product-popup-content:after,.interactive-point[style*="top: 4%"] .product-popup-content:after,.interactive-point[style*="top: 5%"] .product-popup-content:after{top:auto;bottom:100%;border-top-color:transparent;border-bottom-color:var(--popup-bg-color, #ffffff)}
/*# sourceMappingURL=/cdn/shop/t/20/assets/interactive-image.css.map */