.fk-hotspots{--fk-hotspots-gap: 1rem;--fk-hotspots-pad-inline: 1.25rem;--fk-hotspots-max-width: 84rem;--fk-hotspots-radius: .5rem;background-color:var(--fk-hotspots-bg, #fff);color:var(--fk-hotspots-text, #141414);padding-block:var(--fk-hotspots-padding-block-start, 48px) var(--fk-hotspots-padding-block-end, 48px)}.fk-hotspots__inner{max-width:var(--fk-hotspots-max-width);margin-inline:auto;padding-inline:var(--fk-hotspots-pad-inline)}.fk-hotspots__header{text-align:center;margin-block-end:1.75rem}.fk-hotspots__heading{margin:0;font-size:clamp(1.625rem,1.1rem + 2.1vw,2.5rem);line-height:1.15;letter-spacing:-.01em;text-wrap:balance}.fk-hotspots__subheading{max-width:46ch;margin:.75rem auto 0;font-size:clamp(1rem,.94rem + .28vw,1.1875rem);line-height:1.45;text-wrap:pretty}.fk-hotspots__subheading>:first-child{margin-block-start:0}.fk-hotspots__subheading>:last-child{margin-block-end:0}.fk-hotspots__figure{--fk-crop-ratio: var(--fk-hotspots-image-ratio, 1.7778);--fk-focal-x: 50;--fk-focal-y: 50;--fk-kx: max(var(--fk-hotspots-image-ratio, 1.7778) / var(--fk-crop-ratio), 1);--fk-ky: max(var(--fk-crop-ratio) / var(--fk-hotspots-image-ratio, 1.7778), 1);position:relative;aspect-ratio:var(--fk-crop-ratio);overflow:hidden;border-radius:var(--fk-hotspots-radius);background-color:#0000000a}.fk-hotspots__image,.fk-hotspots__placeholder{display:block;inline-size:100%;block-size:100%;object-fit:cover;object-position:calc(var(--fk-focal-x) * 1%) calc(var(--fk-focal-y) * 1%)}.fk-hotspots__markers{position:absolute;top:0;right:0;bottom:0;left:0;margin:0;padding:0;list-style:none}.fk-hotspots__marker-item{position:absolute;inset-inline-start:calc(var(--fk-x, 50%) * var(--fk-kx) - (var(--fk-kx) - 1) * var(--fk-focal-x) * 1%);inset-block-start:calc(var(--fk-y, 50%) * var(--fk-ky) - (var(--fk-ky) - 1) * var(--fk-focal-y) * 1%);translate:-50% -50%}.fk-hotspots__marker{display:grid;place-items:center;inline-size:clamp(1.75rem,1.25rem + 1.2vw,2.375rem);aspect-ratio:1;padding:0;border:0;border-radius:50%;background-color:var(--fk-hotspots-marker-bg, #fff);color:var(--fk-hotspots-marker-text, #141414);box-shadow:0 0 0 2px var(--fk-hotspots-marker-bg, #fff),0 2px 8px #00000059;font:inherit;font-size:clamp(.8125rem,.75rem + .25vw,1rem);font-weight:700;line-height:1;cursor:pointer;transition:background-color .18s ease,color .18s ease,scale .18s ease,box-shadow .18s ease}.fk-hotspots__marker-num{pointer-events:none}.fk-hotspots__marker:hover{scale:1.08}.fk-hotspots__marker[aria-current=true]{background-color:var(--fk-hotspots-accent, #E1173C);color:var(--fk-hotspots-accent-contrast, #fff);scale:1.12;box-shadow:0 0 0 3px var(--fk-hotspots-marker-bg, #fff),0 3px 12px #0006}.fk-hotspots__marker:focus-visible{outline:3px solid var(--fk-hotspots-accent, #E1173C);outline-offset:3px}.fk-hotspots__track{position:relative;display:flex;gap:var(--fk-hotspots-gap);margin:1.5rem 0 0;padding:0;list-style:none}.fk-hotspots__item{display:flex;min-width:0}.fk-hotspots__card{display:flex;flex-direction:column;gap:.75rem;inline-size:100%;padding:1.25rem;border:1px solid var(--fk-hotspots-card-border, rgba(0, 0, 0, .12));border-radius:var(--fk-hotspots-radius);background-color:var(--fk-hotspots-card-bg, #fff);transition:border-color .18s ease,box-shadow .18s ease}.fk-hotspots__card[data-active=true]{border-color:var(--fk-hotspots-accent, #E1173C);box-shadow:0 0 0 1px var(--fk-hotspots-accent, #E1173C)}.fk-hotspots__card:focus-visible{outline:3px solid var(--fk-hotspots-accent, #E1173C);outline-offset:3px}.fk-hotspots__badge{display:grid;place-items:center;inline-size:2rem;aspect-ratio:1;border-radius:50%;background-color:var(--fk-hotspots-badge-bg, #141414);color:var(--fk-hotspots-badge-text, #fff);font-size:.9375rem;font-weight:700;line-height:1;transition:background-color .18s ease}.fk-hotspots__card[data-active=true] .fk-hotspots__badge{background-color:var(--fk-hotspots-accent, #E1173C);color:var(--fk-hotspots-accent-contrast, #fff)}.fk-hotspots__card-title{margin:0;font-size:clamp(1rem,.92rem + .35vw,1.1875rem);line-height:1.25;text-wrap:balance}.fk-hotspots__card-text{margin:0;font-size:.9375rem;line-height:1.45;text-wrap:pretty}.fk-hotspots__card-text>:first-child{margin-block-start:0}.fk-hotspots__card-text>:last-child{margin-block-end:0}@media screen and (max-width:749px){.fk-hotspots__figure{--fk-crop-ratio: var(--fk-hotspots-mobile-ratio, .6667);--fk-focal-x: var(--fk-hotspots-mobile-focal-x, 50);--fk-focal-y: var(--fk-hotspots-mobile-focal-y, 50);border-radius:0;margin-inline:calc(var(--fk-hotspots-pad-inline) * -1)}.fk-hotspots__track{overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scroll-padding-inline:var(--fk-hotspots-pad-inline);scrollbar-width:none;margin-inline:calc(var(--fk-hotspots-pad-inline) * -1);padding-inline:var(--fk-hotspots-pad-inline);padding-block:.5rem;margin-block-start:1rem;overscroll-behavior-x:contain}.fk-hotspots__track::-webkit-scrollbar{display:none}.fk-hotspots__item{flex:0 0 var(--fk-hotspots-card-width, 80%);scroll-snap-align:center;scroll-snap-stop:always}}@media screen and (min-width:750px){.fk-hotspots__item{flex:1 1 0}}.fk-hotspots__cta{display:flex;justify-content:center;margin-block-start:1.5rem}.fk-hotspots__cta-button{display:inline-flex;align-items:center;justify-content:center;inline-size:100%;max-inline-size:26rem;min-block-size:3rem;padding:.875rem 2rem;border-radius:999px;background-color:var(--fk-hotspots-accent, #E1173C);color:var(--fk-hotspots-accent-contrast, #fff);font-size:clamp(1rem,.94rem + .28vw,1.125rem);font-weight:700;line-height:1.2;text-align:center;text-decoration:none;transition:filter .15s ease,transform .15s ease}.fk-hotspots__cta-button:hover{filter:brightness(.92)}.fk-hotspots__cta-button:active{transform:translateY(1px)}.fk-hotspots__cta-button:focus-visible{outline:3px solid var(--fk-hotspots-text, #141414);outline-offset:3px}@media(prefers-reduced-motion:reduce){.fk-hotspots__marker,.fk-hotspots__card,.fk-hotspots__badge,.fk-hotspots__cta-button{transition:none}.fk-hotspots__marker:hover,.fk-hotspots__marker[aria-current=true]{scale:1}.fk-hotspots__track{scroll-behavior:auto}}
/*# sourceMappingURL=/cdn/shop/t/106/assets/fk-feature-hotspots.css.map */