.maphot{position:relative;background:var(--mh-bg, #000)}.maphot__stage{position:relative;width:100%;aspect-ratio:var(--mh-ar, 16 / 9);overflow:hidden}.maphot__bg{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;opacity:var(--mh-bg-opacity, 1);pointer-events:none}.maphot__bgImg{display:block;width:100%;height:100%;object-fit:var(--mh-bg-fit, contain);object-position:var(--mh-bg-pos, center)}.maphot__inner{position:relative;margin:0 auto}.maphot__inner--stretched{max-width:1600px}.maphot__inner--full{max-width:none}.maphot__spots{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2}.maphot__spot{position:absolute;transform:translate(-50%,-50%);z-index:1}.maphot__spot.is-open{z-index:50}.maphot__btn{-webkit-appearance:none;appearance:none;padding:0;margin:0;min-width:0;line-height:0;font-size:0;position:relative;z-index:1;width:var(--mh-hotspot-size);height:var(--mh-hotspot-size);border-radius:999px;border:2px solid var(--mh-ring);background:var(--mh-hotspot, #fff);color:var(--mh-ring);display:flex;align-items:center;justify-content:center;cursor:pointer;overflow:visible;box-shadow:0 0 0 6px #00000040}.maphot__btn:after{content:"";position:absolute;top:-6px;right:-6px;bottom:-6px;left:-6px;border-radius:999px;border:2px solid var(--mh-ring);opacity:.55;transform:scale(1);animation:maphot-ping 1.6s ease-out infinite;pointer-events:none;z-index:0}@keyframes maphot-ping{0%{transform:scale(1);opacity:.55}75%{transform:scale(1.9);opacity:0}to{transform:scale(2);opacity:0}}.maphot__btn[aria-expanded=true]:after{animation:none;opacity:0}@media (prefers-reduced-motion: reduce){.maphot__btn:after{animation:none}}.maphot__btn:focus{outline:2px solid var(--mh-ring);outline-offset:3px}.maphot__btn.is-active{box-shadow:0 0 0 10px #c11e1e38}.maphot__btn>*{position:relative;z-index:1}.maphot__dot{width:10px;height:10px;border-radius:999px;background:var(--mh-ring);display:block}.maphot__icon{width:calc(var(--mh-hotspot-size) * .72);height:calc(var(--mh-hotspot-size) * .72);display:block;max-width:none;object-fit:contain;pointer-events:none}.maphot__card{position:absolute;left:50%;top:auto;bottom:calc(100% + 14px);transform:translate(calc(-50% + var(--mh-shift-x, 0px)),var(--mh-shift-y, 0px));width:min(350px,calc(100vw - 32px));background:var(--mh-card-bg);color:var(--mh-card-text);border-radius:14px;overflow:hidden;box-shadow:0 18px 60px #00000073;z-index:2;will-change:transform}.maphot__card.is-below{bottom:auto;top:calc(100% + 14px)}.maphot__cardMedia img{width:100%;height:clamp(220px,28vw,360px);object-fit:cover;display:block}.maphot__cardBody{padding:14px 16px 18px;text-align:center}.maphot__kicker{font-size:11px;letter-spacing:.18em;text-transform:uppercase;opacity:.85;margin-bottom:8px}.maphot__title{font-size:28px;letter-spacing:.14em;text-transform:uppercase;margin-bottom:10px}.maphot__text{font-size:13px;line-height:1.4;opacity:.9}.maphot__text br{display:block;content:"";margin-top:10px}.maphot__link{display:inline-block;margin-top:12px;padding:10px 14px;border:1px solid rgba(0,0,0,.18);border-radius:10px;text-decoration:none;color:inherit;font-size:12px;letter-spacing:.12em;text-transform:uppercase}.maphot__close{position:absolute;top:10px;right:10px;width:34px;height:34px;border-radius:999px;border:0;background:#00000059;cursor:pointer;z-index:3}.maphot__close:before,.maphot__close:after{content:"";position:absolute;top:50%;left:50%;width:16px;height:2px;background:#fff;transform-origin:center}.maphot__close:before{transform:translate(-50%,-50%) rotate(45deg)}.maphot__close:after{transform:translate(-50%,-50%) rotate(-45deg)}.maphot__sliderWrap{display:none}@media (max-width: 749px){.maphot__card{display:none}.maphot__stage{aspect-ratio:auto}.maphot__spots{display:none!important}.maphot__sliderWrap{display:block;position:relative;z-index:10;padding:14px 14px 0;overflow:visible}.maphot__slider{display:flex;gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;padding:0 12vw 6px;scroll-behavior:smooth;scrollbar-width:none}.maphot__slider::-webkit-scrollbar{display:none}.maphot__slide{flex:0 0 min(340px,86vw);background:var(--mh-card-bg);color:var(--mh-card-text);border-radius:14px;overflow:hidden;box-shadow:0 18px 60px #00000073;scroll-snap-align:center}.maphot__slide.is-active{outline:2px solid var(--mh-ring);outline-offset:2px}.maphot__slideMedia img{width:100%;height:320px;object-fit:cover;display:block}.maphot__slideBody{padding:14px 16px 18px;text-align:center}}.maphot__nav{display:none}@media (max-width: 749px){.maphot__nav{all:unset;box-sizing:border-box;position:absolute!important;top:50%!important;transform:translateY(-50%)!important;width:42px!important;height:42px!important;min-width:42px!important;min-height:42px!important;padding:0!important;margin:0!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;border-radius:999px!important;border:1px solid rgba(0,0,0,.12)!important;background:#ffffffeb!important;color:#111!important;box-shadow:0 12px 30px #00000038!important;cursor:pointer;z-index:20;-webkit-tap-highlight-color:transparent;touch-action:manipulation}.maphot__nav:hover{background-color:#cd0000!important;color:#fff!important;border-color:#cd0000!important;box-shadow:0 0 0 3px #cd0000!important}.maphot__nav:focus-visible{outline:2px solid var(--mh-ring);outline-offset:2px}.maphot__nav--prev{left:10px!important}.maphot__nav--next{right:10px!important}.maphot__nav[hidden]{display:none!important}.maphot__nav svg{width:18px!important;height:18px!important;display:block!important;pointer-events:none}}
/*# sourceMappingURL=/cdn/shop/t/309/assets/map-hotspots.css.map */