.product-gallery__image-container{position:relative}.hotspot-container{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:5}.hotspot{position:absolute;width:24px;height:24px;background:#fffffff2;border:2px solid #000;border-radius:50%;cursor:pointer;pointer-events:auto;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:14px;line-height:1;transition:all .3s ease;transform:translate(-50%,-50%);animation:hotspot-pulse 2s infinite;z-index:10}.hotspot:hover{transform:translate(-50%,-50%) scale(1.2);background:#fff;box-shadow:0 4px 12px #0000004d;animation:none}@keyframes hotspot-pulse{0%{box-shadow:0 0 #0006}70%{box-shadow:0 0 0 10px #0000}to{box-shadow:0 0 #0000}}.hotspot-tooltip-overlay{position:fixed;background:#ffffffd9;border:1px solid rgba(221,221,221,.8);border-radius:8px;padding:24px 16px 16px;box-shadow:0 8px 24px #0003;z-index:99999;min-width:280px;max-width:320px;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .3s ease,visibility .3s ease;transform:none;margin:0;left:-9999px;top:-9999px;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.tooltip-close{position:absolute;top:8px;right:8px;width:32px;height:32px;border:none;background:#00000014;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;padding:0;pointer-events:auto;z-index:1}.tooltip-close:hover{background:#00000026;transform:scale(1.1)}.tooltip-close svg{width:18px;height:18px;color:#666}.tooltip-close:hover svg{color:#333}.hotspot-tooltip-overlay:after{content:"";position:absolute;border:8px solid transparent;border-top-color:#ffffffd9;left:var(--arrow-left, 50%);top:100%;margin-left:-8px}.hotspot-tooltip-overlay.arrow-top:after{top:-16px;border-top-color:transparent;border-bottom-color:#ffffffd9}.hotspot-tooltip-overlay.arrow-bottom:after{top:100%;border-top-color:#ffffffd9;border-bottom-color:transparent}.product-info{display:flex;gap:12px;align-items:flex-start}.product-thumbnail{width:80px;height:80px;object-fit:cover;border-radius:4px;flex-shrink:0}.product-details h4{margin:0 0 8px;font-size:16px;font-weight:600;color:#333;line-height:1.3}.product-price{font-size:18px;font-weight:700;color:#2c5aa0;margin-bottom:4px}.compare-price{text-decoration:line-through;color:#999;font-size:14px;margin-right:8px}.product-availability{font-size:14px;color:#666;margin-bottom:8px}.availability-in-stock{color:#22c55e}.availability-low-stock{color:#f59e0b}.availability-out-of-stock{color:#ef4444}.cta-button{background:#000;color:#fff;border:none;padding:8px 16px;border-radius:4px;font-size:14px;cursor:pointer;transition:background .2s;width:100%}.cta-button:hover{background:#333}.tooltip-loading{text-align:center;color:#666;font-size:14px}.tooltip-error{text-align:center;color:#ef4444;font-size:14px}.product-gallery__hotspot-badge{position:absolute;top:4px;right:4px;background:#ffffffe6;border-radius:50%;width:20px;height:20px;display:flex;align-items:center;justify-content:center;color:#000;z-index:2}.product-gallery__thumbnail.has-hotspots{position:relative}.hotspot-hint{position:absolute;bottom:100%;left:50%;transform:translate(-50%);margin-bottom:8px;background:#000c;color:#fff;padding:6px 12px;border-radius:4px;font-size:12px;white-space:nowrap;opacity:0;visibility:hidden;transition:opacity .2s ease,visibility .2s ease;pointer-events:none;z-index:100}.hotspot-hint:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border:4px solid transparent;border-top-color:#000c}@media (min-width: 769px){.hotspot:hover .hotspot-hint{opacity:1;visibility:visible}}.hotspot.active{transform:translate(-50%,-50%) scale(1.2);background:#fff;box-shadow:0 4px 12px #0000004d;animation:none}.hotspot.hotspot-hover{transform:translate(-50%,-50%) scale(1.1);background:#fff;box-shadow:0 2px 8px #0003}@media (max-width: 768px){.hotspot{width:32px;height:32px;font-size:16px}.tooltip-close{width:44px;height:44px;top:12px;right:12px}.tooltip-close svg{width:24px;height:24px}.hotspot-tooltip-overlay{padding-top:32px}.hotspot-tooltip-overlay:after{display:none}.product-info{flex-direction:column;gap:8px}.product-thumbnail{width:60px;height:60px}}
/*# sourceMappingURL=/cdn/shop/t/39/assets/hotspots.css.map */
