hotspot-module{display:block;position:relative}.hotspot-module{position:relative;background:var(--hm-bg, #ffffff);-webkit-font-smoothing:antialiased}.hotspot-module__image{width:100%;height:auto;display:block}.hotspot-module__image-wrap{position:relative;overflow:visible}.hotspot-module__picture{display:block}.hotspot-module{padding-top:var(--hm-pad-t-m, 0);padding-bottom:var(--hm-pad-b-m, 0)}@media screen and (min-width:750px){.hotspot-module{padding-top:var(--hm-pad-t-d, 0);padding-bottom:var(--hm-pad-b-d, 0)}}.hotspot-module--full-bleed .hotspot-module__image-wrap{aspect-ratio:var(--hm-aspect-m, auto)}@media screen and (min-width:750px){.hotspot-module--full-bleed .hotspot-module__image-wrap{aspect-ratio:var(--hm-aspect-d, auto)}}.hotspot-module--full-bleed .hotspot-module__text--overlay{position:absolute;inset:auto 0 0 0;padding:var(--padding-sections-mobile, 1.6rem);color:var(--hm-overlay-color, #ffffff);z-index:2}@media screen and (min-width:750px){.hotspot-module--full-bleed .hotspot-module__text--overlay{padding:var(--padding-sections-desktop, 5rem)}}.hotspot-module--full-bleed .hotspot-module__image-wrap:after{content:"";position:absolute;inset:auto 0 0 0;height:var(--hm-overlay-h, 0);background:linear-gradient(0deg,#0009,#0000);pointer-events:none}.hotspot-module--split{display:grid;grid-template-columns:1fr;gap:0}.hotspot-module--split .hotspot-module__content{padding:var(--padding-sections-mobile, 1.6rem);padding-bottom:calc(var(--padding-sections-mobile, 1.6rem) + 2rem)}@media screen and (min-width:750px){.hotspot-module--split{grid-template-columns:1fr 1fr;align-items:center}.hotspot-module--split .hotspot-module__content{padding:0 4.8rem}.hotspot-module--split.hotspot-module--image-right .hotspot-module__content{order:0}.hotspot-module--split.hotspot-module--image-right .hotspot-module__image-wrap,.hotspot-module--split.hotspot-module--image-left .hotspot-module__content{order:1}.hotspot-module--split.hotspot-module--image-left .hotspot-module__image-wrap{order:0}}.hotspot-module__text{display:flex;flex-direction:column;gap:.2rem;max-width:52.2rem}.hotspot-module__subtitle{font-family:var(--font-heading-family, "EuropaGroSHOP-MedCon", sans-serif);font-size:1.8rem;line-height:1.15;letter-spacing:.108rem;text-transform:uppercase;margin:0;color:var(--hm-overlay-color, #ffffff)}.hotspot-module__title{font-family:var(--font-heading-family, "EuropaGroSHOP-MedCon", sans-serif);font-size:3.6rem;line-height:1.05;letter-spacing:.072rem;text-transform:uppercase;margin:0;color:var(--hm-overlay-color, #ffffff)}.hotspot-module__muted-subtitle{font-family:var(--font-heading-family, "EuropaGroSHOP-MedCon", sans-serif);font-size:1.8rem;line-height:1.15;letter-spacing:.014rem;text-transform:uppercase;margin:0;color:var(--Gunmetal, #7E7B79);leading-trim:both;text-edge:cap}@media screen and (min-width:750px){.hotspot-module__title{font-size:4.2rem;letter-spacing:.084rem}}.hotspot-module__description{font-size:1.6rem;line-height:1.3;letter-spacing:.032rem;margin:0}@media screen and (min-width:750px){.hotspot-module__description{font-size:1.8rem;letter-spacing:.036rem}}.hotspot-module__cta{align-self:flex-start;display:inline-flex;align-items:center;gap:.8rem;height:4.4rem;padding:0 2rem;border-radius:4px;background:#000;color:#fff;font-family:var(--font-heading-family, "EuropaGroSHOP-MedCon", sans-serif);font-size:1.6rem;line-height:1.15;letter-spacing:.096rem;text-transform:uppercase;text-decoration:none;transition:opacity var(--duration-short, .15s) ease;margin-top:1rem}.hotspot-module__cta:hover{opacity:.85}.hotspot-module__cta-icon{display:inline-flex;width:2rem;height:2rem;transform:rotate(-90deg)}.hotspot-module__text--overlay .hotspot-module__cta{background:#fff;color:#000}.hotspot-module__cta-label{display:inline-flex;height:14px}.hotspot-module--split .hotspot-module__cta{padding:0 1.4rem 0 2rem;margin-top:2.2rem}.hotspot-module--split .hotspot-module__text{gap:1.2rem}.hotspot-module__pin-wrap{position:absolute;left:var(--hs-x-m);top:var(--hs-y-m);transform:translate(-50%,-50%);padding:.8rem;z-index:3}.hotspot-module__pin-wrap:has(.hotspot-module__pin[aria-expanded=true]){z-index:20}@media screen and (min-width:750px){.hotspot-module__pin-wrap{left:var(--hs-x-d);top:var(--hs-y-d)}}.hotspot-module__pin{width:44px;height:44px;padding:0;margin:0;border:1px solid #f9f9f9;border-radius:999px;background:#ebebeb99;-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);cursor:pointer;display:grid;place-items:center;color:#000;transition:background var(--duration-short, .15s) ease,transform var(--duration-short, .15s) ease}.hotspot-module__pin:hover,.hotspot-module__pin:focus-visible,.hotspot-module__pin[aria-expanded=true]{background:#ebebebf2}.hotspot-module__pin:focus-visible{outline:2px solid currentColor;outline-offset:4px}.hotspot-module__pin-glyph{display:flex;align-items:center;justify-content:center;width:32px;height:32px;pointer-events:none}.hotspot-module__pin-glyph svg{width:100%;height:100%;display:block}.hotspot-module__pin-glyph--close{display:none}.hotspot-module__pin[aria-expanded=true] .hotspot-module__pin-glyph:not(.hotspot-module__pin-glyph--close){display:none}.hotspot-module__pin[aria-expanded=true] .hotspot-module__pin-glyph--close{display:flex}.hotspot-module__pin-glyph--number{font-family:var(--font-heading-family, "EuropaGroSHOP-MedCon", sans-serif);font-weight:400;font-size:2.8rem;line-height:1.15;letter-spacing:.056rem;text-transform:uppercase;color:#fff}.hotspot-module__pin-glyph--svg svg{width:32px;height:32px}.hotspot-module__panel{position:absolute;width:283px;max-width:calc(100vw - 24px);z-index:15;bottom:calc(100% - .8rem);left:50%;transform:translate(-50%,6px) scale(.97);transform-origin:bottom center;opacity:0;visibility:hidden;pointer-events:none;transition:opacity var(--duration-default, .3s) cubic-bezier(.2,0,0,1),transform var(--duration-default, .3s) cubic-bezier(.2,0,0,1),visibility 0s var(--duration-default, .3s);will-change:auto;backface-visibility:hidden}.hotspot-module__panel.is-open{opacity:1;transform:translate(-50%) scale(1);visibility:visible;pointer-events:auto;transition:opacity var(--duration-default, .3s) cubic-bezier(.2,0,0,1),transform var(--duration-default, .3s) cubic-bezier(.2,0,0,1),visibility 0s;will-change:auto;backface-visibility:hidden}.hotspot-module__panel--align-center{left:50%;right:auto;transform:translate(-50%,6px) scale(.97);transform-origin:bottom center}.hotspot-module__panel--align-center.is-open{transform:translate(-50%) scale(1)}.hotspot-module__panel--align-left{left:0;right:auto;transform:translateY(6px) scale(.97);transform-origin:bottom left}.hotspot-module__panel--align-left.is-open{transform:translate(0) scale(1)}.hotspot-module__panel--align-right{left:auto;right:0;transform:translateY(6px) scale(.97);transform-origin:bottom right}.hotspot-module__panel--align-right.is-open{transform:translate(0) scale(1)}.hotspot-module__panel--below{bottom:auto;top:calc(100% - .8rem);transform-origin:top center}.hotspot-module__panel--below.hotspot-module__panel--align-left{transform-origin:top left}.hotspot-module__panel--below.hotspot-module__panel--align-right{transform-origin:top right}@media(prefers-reduced-motion:reduce){.hotspot-module__panel{transform:translate(-50%)!important;transition:opacity var(--duration-default, .3s) ease,visibility 0s var(--duration-default, .3s)}.hotspot-module__panel.is-open{transform:translate(-50%)!important}.hotspot-module__panel--align-left,.hotspot-module__panel--align-left.is-open,.hotspot-module__panel--align-right,.hotspot-module__panel--align-right.is-open{transform:translate(0)!important}}.hotspot-panel{display:block;width:283px;max-width:100%;background:#fff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:4px;padding:1.2rem 0;text-decoration:none;color:inherit;box-shadow:0 4px 16px #00000014;border:1px solid rgba(0,0,0,.08)}.hotspot-panel:not(.button):hover{text-decoration:none;border-color:#000}.hotspot-panel__inner{display:flex;gap:1.2rem;padding:0 1.2rem;align-items:center}.hotspot-panel__inner--no-image{padding:.4rem 1.2rem}.hotspot-panel__image-wrap{flex-shrink:0;width:83px;height:83px}.hotspot-panel__image{width:83px;height:83px;object-fit:cover;display:block}.hotspot-panel__body{flex:1;min-width:0;display:flex;flex-direction:column}.hotspot-panel__tag{display:inline-block;align-self:flex-start;background:#000;color:#fff;font-family:var(--font-heading-family, "EuropaGroSHOP-MedCon", sans-serif);font-size:1rem;line-height:1.25;letter-spacing:.01rem;padding:.4rem .6rem .3rem;border-radius:2px;text-transform:uppercase}.hotspot-panel__title{font-family:var(--font-heading-family, "EuropaGroSHOP-MedCon", sans-serif);font-size:1.6rem;line-height:1.15;letter-spacing:.096rem;text-transform:uppercase;color:#000;margin:0}.hotspot-panel__meta{font-size:1.2rem;line-height:1.5;letter-spacing:.012rem;color:#7e7b79;margin:0}.hotspot-panel__description{font-size:1.4rem;line-height:1.3;letter-spacing:.028rem;color:#7e7b79;margin:0;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}.hotspot-panel__footer{display:flex;align-items:center;justify-content:space-between;gap:.8rem;margin-top:1.3rem}.hotspot-panel__price{font-size:1.4rem;line-height:1.25;letter-spacing:.014rem;color:#000}.hotspot-panel__cta{font-family:var(--font-heading-family, "EuropaGroSHOP-MedCon", sans-serif);font-size:1.2rem;line-height:1.15;letter-spacing:.072rem;text-transform:uppercase;color:#000}.hotspot-panel__chevron{display:inline-flex;width:1.8rem;height:1.8rem;transform:rotate(-90deg);color:#000}.hotspot-panel__chevron svg{width:100%;height:100%;display:block}.hotspot-module .visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
/*# sourceMappingURL=/cdn/shop/t/299/assets/hotspot-module.css.map */