.hotspot{position:absolute;transform:translate(-50%,-50%);cursor:pointer;z-index:2}@keyframes pulse{0%{box-shadow:0 0 #00ac4680}to{box-shadow:0 0 0 10px #00ac4600}}.hotspot .dot{width:25px;height:25px;background:#fff;border-radius:50%;border:5px solid #00ac46;animation:pulse 2s infinite}.hotspot-popup{position:absolute;background:#fff;padding:16px;border-radius:12px;box-shadow:0 4px 16px #0003;border:1px solid #00AC46;width:250px!important;max-width:250px;z-index:3;display:none;visibility:hidden}.hotspot.active{z-index:4!important}.hotspot.active .hotspot-popup{display:block!important;visibility:visible!important}.hotspot-popup img,.mobile-hotspot-popup img{max-width:100%;margin-bottom:8px;border-radius:12px}.mobile-hotspot-popup img{width:100%;max-height:min(200px,calc(50vh - 200px));object-fit:cover}.hotspot-popup p,.mobile-hotspot-popup p{white-space:pre-line;font-size:14px;margin-bottom:8px;color:#000}.hotspot-popup_title{color:#00ac46}.hotspot-popup_text{font-weight:400!important}.hotspot-popup a,.mobile-hotspot-popup a{font-size:14px;color:#00ac46;text-decoration:underline}.mobile-hotspot-popup-close{height:30px;width:30px;position:absolute;top:-15px;right:-15px;background:#fff;border:1px solid #00AC46;border-radius:100%;justify-content:center;align-items:center;cursor:pointer;color:#00ac46;z-index:10;display:none}.mobile-hotspot-popup{display:none!important}@media (max-width: 600px){.hotspot-popup{display:none!important;visibility:hidden!important}.mobile-hotspot-popup-close{display:flex}.mobile-hotspot-popup{position:fixed!important;bottom:0!important;left:0!important;top:unset!important;right:unset!important;margin:0px var(--pageWidthPadding) var(--pageWidthPadding) var(--pageWidthPadding)!important;padding:var(--pageWidthPadding);width:calc(100% - var(--pageWidthPadding) - var(--pageWidthPadding))!important;max-height:50vh;overflow-y:auto;border-radius:12px;z-index:9999;display:none;box-shadow:0 -4px 16px #00000026;overflow:visible;background:#fff;flex-direction:column}.mobile-hotspot-popup.active{display:flex!important;visibility:visible!important}body.popup-open{overflow:hidden;height:100vh}.hotspot-card-bg-image .mobile-card-background{display:block!important}.hotspot-card-bg-image .mobile-card-background+.desktop-card-background{display:none!important}}@media (max-width: 450px){.mobile-hotspot-popup{max-height:75vh}.mobile-hotspot-popup img{max-height:min(200px,calc(75vh - 200px))}}.hotspots_outer-container{display:flex;flex-direction:column;padding:20px;background:#fff;position:relative}.jsc-custom-hotspots-container{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:100px 300px 90px 250px;gap:10px}.hotspots_outer-container,.custom-hotspots-heading{border-radius:12px;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.2em}.custom-hotspots-heading{font-size:25px;padding:20px;text-align:center;grid-column:1 / -1;grid-row:1}.card--1{grid-column:1;grid-row:2 / span 2}.card--2{grid-column:2;grid-row:2}.card--3{grid-column:3;grid-row:2 / span 3}.card--4{grid-column:1;grid-row:4}.card--5{grid-column:2;grid-row:3 / span 2}@media (max-width: 600px){.jsc-custom-hotspots-container{grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(6,100px)}.custom-hotspots-heading{font-size:16px!important}.hotspot-card-title>*{font-size:16px!important;line-height:16px!important}.card--1{grid-column:1;grid-row:2 / span 2}.card--2{grid-column:2;grid-row:2 / span 2}.card--3{grid-column:1;grid-row:4 / span 3}.card--5{grid-column:2;grid-row:4 / span 2}.card--4{grid-column:2;grid-row:6}}.hotspot-card-title>*{font-size:25px;margin:0;line-height:25px}.hotspot-card-bg-image,.hotspot-card-overflow-content{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:12px}.hotspot-card-bg-image{overflow:hidden}.hotspot-card-bg-image .mobile-card-background{display:none}.hotspot-card-bg-image .mobile-card-background img,.hotspot-card-bg-image .desktop-card-background img{width:100%;height:100%;object-fit:cover;border-radius:12px}.hotspot-popup .popup-arrow{position:absolute;top:-6px;width:0;height:0;border-left:9px solid transparent;border-right:9px solid transparent;border-bottom:11px solid #00AC46}.hotspot-popup .popup-arrow{left:-4px!important;right:unset!important;transform:rotate(331deg)}.hotspot-popup .popup-arrow.right{right:-4px!important;left:unset!important;transform:rotate(29deg)}.hotspot-popup .popup-arrow:before{content:"";position:absolute;top:2px;left:-8px;transform:rotate(0);width:0;height:0;border-left:8px solid transparent;border-right:8px solid transparent;border-bottom:10px solid #ffffff;z-index:-1}#mobile-hotspot-overflow-background{position:fixed;visibility:hidden;display:none;top:0;left:0;width:100vh;height:100vh;background:#0006;z-index:9998}body.popup-open #mobile-hotspot-overflow-background{visibility:visible!important;display:block!important}
/*# sourceMappingURL=/cdn/shop/t/4/assets/section-custom-hotspots.css.map */