.hotspot{--hotspot-dimension: 40px;position:relative!important;display:flex!important;padding:0!important;align-items:center;justify-content:center;left:var(--hotspot-horizontal-position);top:var(--hotspot-vertical-position);width:var(--hotspot-dimension);height:var(--hotspot-dimension);border-radius:50%!important;overflow:visible!important;z-index:1}.hotspot:before{content:"";background:inherit;opacity:.35;position:absolute;width:140%;height:140%;border-radius:50%!important;z-index:-1}.hotspot-title{color:var(--color-foreground);position:absolute;white-space:nowrap;background-color:transparent;padding:12px}.hotspot-title.position--right{text-align:left;left:0;padding-left:calc(100% + 12px)}.hotspot-title.position--left{text-align:right;right:0;padding-right:calc(100% + 12px)}.hotspot-container{position:relative}.hotspot-container .hotspot{position:absolute!important;transform:translate(-50%,-50%)}.hotspot-container--rounded{border-radius:var(--card-border-radius, 8px);overflow:hidden}a.hotspot:hover{transform:scale(1.4)}.hotspot-container a.hotspot:hover{transform:translate(-50%,-50%) scale(1.4);box-shadow:none!important}.hotspot.animated:before{animation:hotspot-blink 2s ease-in-out infinite both}.hotspot.animated:nth-child(2):before{animation-delay:.2s}.hotspot.animated:nth-child(3):before{animation-delay:.4s}.hotspot.animated:nth-child(4):before{animation-delay:.6s}.hotspot.animated:nth-child(5):before{animation-delay:.8s}.hotspot.animated:nth-child(6):before{animation-delay:1s}@keyframes hotspot-blink{0%{opacity:1;transform:scale(.6)}75%{transform:scale(1.4);opacity:0}to{transform:scale(1.4);opacity:0}}.hotspot-container .media.square{aspect-ratio:1 / 1}@supports not (aspect-ratio: 1 / 1){.hotspot-container .media.square{padding-top:100%;height:0}}.hotspot-container .media.square img,.hotspot-container .media.square video{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}.section-with-bg-image{position:relative;overflow:hidden}.section-with-bg-image:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-size:cover;background-position:center;background-repeat:no-repeat;z-index:-1}.section-with-bg-image .grid{position:relative;z-index:1}.hotspot--product svg{pointer-events:none}.hotspot-product-card__number{position:absolute;top:50%;right:8px;transform:translateY(-50%);width:32px;height:32px;background-color:var(--color-button-background);color:var(--color-card-foreground);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:600;z-index:2;box-shadow:0 2px 4px #0000001a}.card.hotspot-product-card{overflow:visible;transition:all .2s ease}@media (max-width: 767px){.hotspot-product-card__number{width:20px;height:20px;font-size:10px;top:-6px;right:-6px}}.hotspot-product-card--highlighted{box-shadow:0 0 15px rgba(var(--color-accent-rgb, 255, 255, 255),.4),0 4px 12px #ffffff26;transform:scale(1.05);transition:all .3s ease}.hotspot-product-card__link{display:flex;align-items:center;gap:12px;text-decoration:none;color:inherit;width:100%}.hotspot-product-card__image{flex-shrink:0;width:60px;height:60px;border-radius:4px;overflow:hidden}.hotspot-product-card__image img{width:100%;height:100%;object-fit:cover}.hotspot-product-card__content{flex:1;min-width:0}.hotspot-product-card__title{font-size:14px;font-weight:500;line-height:1.3;margin:0 0 4px;color:var(--color-foreground);display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.hotspot-product-card__price{font-size:13px;font-weight:600;color:var(--color-foreground)}.hotspot-product-card__price .price-item--regular{color:var(--color-foreground)}.hotspot-product-card__price .price-item--sale{color:var(--color-accent)}.hotspot-product-cards{display:flex;flex-direction:column;gap:12px;margin:24px 0}.hotspot-product-cards .card{border:1px solid rgba(255,255,255,.05)}.hotspot-product-cards--left{order:-1}.hotspot-product-cards--right{order:1}@media (max-width: 767px){.hotspot-product-card{padding:12px;gap:10px}.hotspot-product-card__image{width:50px;height:50px}.hotspot-product-card__title{font-size:13px}.hotspot-product-card__price{font-size:12px}}
/*# sourceMappingURL=/cdn/shop/t/70/assets/component-hotspots.css.map */