@media screen and (max-width:989px){product-hotspot.hotspot--desktop-only{display:none}}@media screen and (min-width:990px){product-hotspot.hotspot--mobile-only{display:none}}product-hotspot-container{position:relative;display:block;width:100%;height:100%;pointer-events:none}product-hotspot-container img{pointer-events:none;display:block;width:100%;height:auto}product-hotspot-container picture{pointer-events:none;display:block}product-hotspot-container picture img{height:auto}.image-gallery .image-gallery__media,.complete-look .complete-look__media,.category-cards .category-cards__media,.editorial-cards .editorial-cards__media{overflow:visible}product-hotspot-container product-hotspot{pointer-events:auto!important;z-index:10}product-hotspot,.product-hotspot{position:absolute;width:48px;height:48px;cursor:pointer;z-index:10;pointer-events:auto!important;transform:translate(-50%,-50%)}.product-hotspot__dot{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:16px;height:16px;background-color:#fff;border:3px solid rgba(255,255,255,.9);border-radius:50%;box-shadow:0 2px 12px #0000004d;transition:all .3s ease;pointer-events:none}.product-hotspot__dot:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:40px;height:40px;background-color:#fff6;border-radius:50%;animation:hotspot-pulse 2.5s infinite ease-out}.product-hotspot__dot:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:40px;height:40px;background-color:#ffffff4d;border-radius:50%;animation:hotspot-pulse 2.5s infinite ease-out;animation-delay:.8s}@keyframes hotspot-pulse{0%{transform:translate(-50%,-50%) scale(1);opacity:.6}50%{transform:translate(-50%,-50%) scale(2);opacity:.3}to{transform:translate(-50%,-50%) scale(2.5);opacity:0}}.product-hotspot:hover .product-hotspot__dot{background-color:#000;border-color:#fff}.product-hotspot__tooltip{position:absolute;bottom:calc(100% + 12px);left:50%;transform:translate(-50%);background-color:#fff;border-radius:12px;padding:0;min-width:280px;max-width:320px;box-shadow:0 8px 24px #0003;opacity:0;visibility:hidden;transition:all .3s ease;pointer-events:none;z-index:20;display:flex;overflow:hidden;translate:var(--hotspot-tooltip-shift-x, 0px) var(--hotspot-tooltip-shift-y, 0px)}.product-hotspot__tooltip:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);width:0;height:0;border-left:8px solid transparent;border-right:8px solid transparent;border-top:8px solid #ffffff;pointer-events:none}product-hotspot.active .product-hotspot__tooltip,.product-hotspot.active .product-hotspot__tooltip{opacity:1!important;visibility:visible!important;pointer-events:auto!important;cursor:pointer}product-hotspot.active,.product-hotspot.active{z-index:15}product-hotspot.active .product-hotspot__dot,.product-hotspot.active .product-hotspot__dot{width:20px;height:20px;background-color:#000;border-color:#fff}product-hotspot.active .product-hotspot__dot:before,product-hotspot.active .product-hotspot__dot:after,.product-hotspot.active .product-hotspot__dot:before,.product-hotspot.active .product-hotspot__dot:after{animation-play-state:paused;opacity:0}.product-hotspot__tooltip-image{flex-shrink:0;width:85px;min-height:106px;overflow:hidden;background-color:#f5f5f5}.product-hotspot__tooltip-image img{width:100%!important;height:100%!important;object-fit:cover;display:block}.product-hotspot__tooltip-content{flex:1;padding:12px 16px;display:flex;flex-direction:column;justify-content:flex-start}.product-hotspot__tooltip-title{font-size:13px;font-weight:500;color:#000;margin:0 0 8px;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-align:left!important}.product-hotspot__tooltip-prices{display:flex;flex-direction:column;align-items:flex-start;gap:4px}.product-hotspot__tooltip-price-old{font-size:12px;font-weight:400!important;color:#999!important;text-decoration:line-through!important;line-height:1.3!important;margin:0!important}.product-hotspot__tooltip-price{font-size:15px;font-weight:700;color:#000;line-height:1.3;text-decoration:none!important;margin:0!important}product-hotspot.position-top .product-hotspot__tooltip,.product-hotspot.position-top .product-hotspot__tooltip{bottom:calc(100% + 12px);top:auto;left:50%;right:auto;transform:translate(-50%)}product-hotspot.position-top .product-hotspot__tooltip:after,.product-hotspot.position-top .product-hotspot__tooltip:after{top:100%;bottom:auto;left:50%;right:auto;transform:translate(-50%);border-left:8px solid transparent;border-right:8px solid transparent;border-top:8px solid #ffffff;border-bottom:none}product-hotspot.position-bottom .product-hotspot__tooltip,.product-hotspot.position-bottom .product-hotspot__tooltip{bottom:auto;top:calc(100% + 12px);left:50%;right:auto;transform:translate(-50%)}product-hotspot.position-bottom .product-hotspot__tooltip:after,.product-hotspot.position-bottom .product-hotspot__tooltip:after{top:auto;bottom:100%;left:50%;right:auto;transform:translate(-50%);border-left:8px solid transparent;border-right:8px solid transparent;border-top:none;border-bottom:8px solid #ffffff}product-hotspot.position-left .product-hotspot__tooltip,.product-hotspot.position-left .product-hotspot__tooltip{bottom:auto;top:50%;left:auto;right:calc(100% + 12px);transform:translateY(-50%)}product-hotspot.position-left .product-hotspot__tooltip:after,.product-hotspot.position-left .product-hotspot__tooltip:after{top:50%;bottom:auto;left:100%;right:auto;transform:translateY(-50%);border-left:8px solid #ffffff;border-right:none;border-top:8px solid transparent;border-bottom:8px solid transparent}product-hotspot.position-right .product-hotspot__tooltip,.product-hotspot.position-right .product-hotspot__tooltip{bottom:auto;top:50%;left:calc(100% + 12px);right:auto;transform:translateY(-50%)}product-hotspot.position-right .product-hotspot__tooltip:after,.product-hotspot.position-right .product-hotspot__tooltip:after{top:50%;bottom:auto;left:auto;right:100%;transform:translateY(-50%);border-left:none;border-right:8px solid #ffffff;border-top:8px solid transparent;border-bottom:8px solid transparent}@media screen and (min-width:990px)and (max-width:1440px){.editorial-cards .product-hotspot__tooltip{min-width:220px;max-width:240px}}@media screen and (min-width:990px)and (max-width:1230px){.lookbook-slider .product-hotspot__tooltip,.image-gallery .product-hotspot__tooltip,.complete-look .product-hotspot__tooltip,.category-cards .product-hotspot__tooltip,.editorial-cards .product-hotspot__tooltip{min-width:200px;max-width:220px}.lookbook-slider .product-hotspot__tooltip-image,.image-gallery .product-hotspot__tooltip-image,.complete-look .product-hotspot__tooltip-image,.category-cards .product-hotspot__tooltip-image,.editorial-cards .product-hotspot__tooltip-image{width:72px;min-height:90px}.lookbook-slider .product-hotspot__tooltip-content,.image-gallery .product-hotspot__tooltip-content,.complete-look .product-hotspot__tooltip-content,.category-cards .product-hotspot__tooltip-content,.editorial-cards .product-hotspot__tooltip-content{padding:10px 12px}}@media screen and (min-width:750px)and (max-width:989px){.complete-look .product-hotspot__tooltip{min-width:185px;max-width:200px}.complete-look .product-hotspot__tooltip-image{width:64px;min-height:80px}.complete-look .product-hotspot__tooltip-content{padding:9px 10px}}@media screen and (max-width:749px){product-hotspot,.product-hotspot{width:40px;height:40px}.product-hotspot__dot{width:14px;height:14px}product-hotspot.active .product-hotspot__dot,.product-hotspot.active .product-hotspot__dot{width:18px;height:18px}.product-hotspot__tooltip{min-width:190px;max-width:215px}.product-hotspot__tooltip-image{width:65px;min-height:80px}.product-hotspot__tooltip-content{padding:10px 12px}.product-hotspot__tooltip-title{font-size:12px;margin:0 0 6px}.product-hotspot__tooltip-prices{gap:6px}.product-hotspot__tooltip-price-old{font-size:11px}.product-hotspot__tooltip-price{font-size:13px!important}.image-gallery .product-hotspot__tooltip{min-width:170px;max-width:180px}.image-gallery .product-hotspot__tooltip-image{width:58px;min-height:74px}.image-gallery .product-hotspot__tooltip-content{padding:8px 9px}}html[lang=ar] .product-hotspot__tooltip-content{text-align:right}html[lang=ar] .product-hotspot__tooltip-title{text-align:right!important}html[lang=ar] .product-hotspot__tooltip-prices{align-items:flex-start}
/*# sourceMappingURL=/cdn/shop/t/18/assets/component-product-hotspot.css.map */