.sgc-mhotspots{background-color:var(--sgc-mhotspots-bg, #111);color:var(--sgc-mhotspots-text, #fff);position:relative}.sgc-mhotspots h2,.sgc-mhotspots h3,.sgc-mhotspots p{color:inherit}.sgc-mhotspots__header{text-align:center;max-width:72rem;margin:0 auto 4rem;padding:0 1.5rem}@media screen and (min-width:750px){.sgc-mhotspots__header{margin-bottom:5rem;padding:0 3rem}}.sgc-mhotspots__section-sub{opacity:.65;margin-top:.8rem;font-style:italic}.sgc-mhotspots__grid{display:grid;grid-template-columns:1fr;max-width:140rem;margin:0 auto}@media screen and (min-width:990px){.sgc-mhotspots__grid{grid-template-columns:55fr 45fr;align-items:stretch}}.sgc-mhotspots__media{position:relative;overflow:hidden;min-width:0;width:100%}.sgc-mhotspots__media-scroll{position:relative;width:100%;aspect-ratio:var(--media-ratio, .8)}.sgc-mhotspots__media-scroll>picture{display:block;width:100%;height:100%}.sgc-mhotspots__image{display:block;width:100%;height:100%;object-fit:cover}@media screen and (min-width:990px){.sgc-mhotspots__media{align-self:start;position:sticky;top:var(--sgc-mhotspots-sticky-top, 2rem);max-height:var(--sgc-mhotspots-sticky-max, 70vh);overflow-y:auto;overscroll-behavior:contain;scrollbar-width:none}.sgc-mhotspots__media::-webkit-scrollbar{display:none}}.sgc-mhotspots__placeholder{width:100%;height:100%;min-height:30rem;background:#222;display:flex;align-items:center;justify-content:center}.sgc-mhotspots__placeholder-svg{width:50%;height:auto;opacity:.2}.sgc-mhotspots__dot{position:absolute;z-index:2;top:var(--y-d);left:var(--x-d);width:2.8rem;height:2.8rem;transform:translate(-50%,-50%);background:#ffffffeb;border:none;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background-color .25s ease,transform .25s ease,box-shadow .25s ease;box-shadow:0 2px 10px #0000004d;padding:0}@media screen and (min-width:750px)and (max-width:989px){.sgc-mhotspots__dot{top:var(--y-t, var(--y-d));left:var(--x-t, var(--x-d))}}@media screen and (max-width:749px){.sgc-mhotspots__dot{top:var(--y-m, var(--y-t, var(--y-d)));left:var(--x-m, var(--x-t, var(--x-d)))}}.sgc-mhotspots__dot:after{content:"";position:absolute;top:-.8rem;right:-.8rem;bottom:-.8rem;left:-.8rem;border-radius:50%}.sgc-mhotspots__dot:before{content:"";width:.8rem;height:.8rem;border-radius:50%;background:rgb(var(--color-sgc-dark, 17, 17, 17));transition:background-color .25s ease}.sgc-mhotspots__dot-ring{position:absolute;top:-5px;right:-5px;bottom:-5px;left:-5px;border-radius:50%;border:2px solid rgba(255,255,255,.6);opacity:0;transform:scale(.8);transition:opacity .3s ease,transform .3s ease;pointer-events:none}.sgc-mhotspots__dot:hover,.sgc-mhotspots__dot.is-active{background:var(--sgc-mhotspots-accent, #B89A6A);transform:translate(-50%,-50%) scale(1.15);box-shadow:0 4px 20px #0006}.sgc-mhotspots__dot:hover:before,.sgc-mhotspots__dot.is-active:before{background:#fff}.sgc-mhotspots__dot.is-active .sgc-mhotspots__dot-ring{opacity:1;transform:scale(1)}.sgc-mhotspots__dot:focus-visible{outline:2px solid var(--sgc-mhotspots-accent, #B89A6A);outline-offset:4px}.sgc-mhotspots__content{display:flex;flex-direction:column;padding:3rem 1.5rem 2rem}@media screen and (min-width:750px){.sgc-mhotspots__content{padding:4rem 3rem 2.5rem}}@media screen and (min-width:990px){.sgc-mhotspots__content{padding:4rem 5rem 3rem}.sgc-mhotspots__panels{order:1}.sgc-mhotspots__nav{order:2;margin-top:auto}}.sgc-mhotspots__panels{display:grid;flex:0 0 auto}.sgc-mhotspots__panel{grid-row:1;grid-column:1;opacity:0;visibility:hidden;transform:translateY(1.2rem);transition:opacity .35s ease,transform .35s ease,visibility .35s ease}.sgc-mhotspots__panel.is-active{opacity:1;visibility:visible;transform:translateY(0)}.sgc-mhotspots__panel-caption{font-family:var(--font-body-family);font-size:1.2rem;line-height:1.5;letter-spacing:.08em;text-transform:uppercase;font-weight:600;color:var(--sgc-mhotspots-accent, #B89A6A);margin-bottom:1.2rem}.sgc-mhotspots__panel-heading{font-family:var(--font-heading-family);font-size:2.4rem;line-height:1.2;letter-spacing:-.01em;font-weight:700;margin:0 0 1.6rem}@media screen and (min-width:750px){.sgc-mhotspots__panel-heading{font-size:3.2rem}}.sgc-mhotspots__panel-desc{opacity:.8;margin-bottom:2.4rem;max-width:48rem;font-size:1.6rem;line-height:1.65}.sgc-mhotspots__panel-desc p{margin:0 0 1rem}.sgc-mhotspots__panel-desc p:last-child{margin-bottom:0}.sgc-mhotspots__features{list-style:none;padding:0;margin:0 0 3rem;display:flex;flex-direction:column;gap:1rem}.sgc-mhotspots__feature{display:flex;align-items:flex-start;gap:1.2rem;font-family:var(--font-body-family);font-size:1.5rem;line-height:1.5;opacity:.9}.sgc-mhotspots__feature:before{content:"";flex-shrink:0;width:2rem;height:2rem;margin-top:.1rem;background:var(--sgc-mhotspots-accent, #B89A6A);-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'/%3E%3C/svg%3E");-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.sgc-mhotspots__panel-cta{margin-top:.4rem}.sgc-mhotspots__panel-cta .sgc-btn{background-color:var(--sgc-mhotspots-accent, #B89A6A);border-color:var(--sgc-mhotspots-accent, #B89A6A);color:rgb(var(--sgc-dark, 17, 17, 17));gap:.8rem;transition:filter .2s ease,transform .2s ease}.sgc-mhotspots__panel-cta .sgc-btn:hover{filter:brightness(.85)}.sgc-mhotspots__panel-cta .sgc-btn svg{transition:transform .2s ease}.sgc-mhotspots__panel-cta .sgc-btn:hover svg{transform:translate(4px)}.sgc-mhotspots__nav{display:flex;gap:.6rem;padding-top:3rem;max-width:22rem}.sgc-mhotspots__nav-dot{flex:1;height:3.2rem;background:none;border:none;cursor:pointer;padding:1.2rem 0;display:flex;align-items:center}.sgc-mhotspots__nav-dot:focus-visible{outline:2px solid var(--sgc-mhotspots-accent, #B89A6A);outline-offset:2px;border-radius:2px}.sgc-mhotspots__nav-bar{display:block;width:100%;height:3px;background:#fff3;border-radius:2px;transition:background-color .3s ease;pointer-events:none}.sgc-mhotspots__nav-label{display:none}.sgc-mhotspots__nav-dot:hover .sgc-mhotspots__nav-bar{background:#ffffff73}.sgc-mhotspots__nav-dot.is-active .sgc-mhotspots__nav-bar{background:var(--sgc-mhotspots-accent, #B89A6A)}.sgc-mhotspots__empty{display:flex;align-items:center;justify-content:center;min-height:20rem;font-size:1.5rem;opacity:.5;text-align:center;padding:2rem}.sgc-mhotspots__backdrop,.sgc-mhotspots__drawer-handle,.sgc-mhotspots__close,.sgc-mhotspots__hint{display:none}@media screen and (max-width:989px){.sgc-mhotspots__grid{display:block}.sgc-mhotspots__media{margin:0 auto;width:100%}.sgc-mhotspots .sgc-mhotspots__backdrop{display:block;position:fixed;top:0;right:0;bottom:0;left:0;background:transparent;pointer-events:none;z-index:99}.sgc-mhotspots.is-drawer-open .sgc-mhotspots__backdrop{pointer-events:auto}.sgc-mhotspots .sgc-mhotspots__content{position:fixed;left:0;right:0;bottom:0;width:100%;max-width:100vw;z-index:100;max-height:85vh;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;touch-action:pan-y;background:var(--sgc-mhotspots-bg, #111);border-radius:1.6rem 1.6rem 0 0;padding:1.2rem 2rem calc(2.4rem + env(safe-area-inset-bottom));transform:translateY(100%);visibility:hidden;transition:transform .35s cubic-bezier(.32,.72,0,1),visibility .35s;box-shadow:0 -8px 32px #0006;-webkit-overflow-scrolling:touch;box-sizing:border-box}.sgc-mhotspots.is-drawer-open .sgc-mhotspots__content{transform:translateY(0);visibility:visible}.sgc-mhotspots .sgc-mhotspots__drawer-handle{display:block;width:4rem;height:4px;border-radius:2px;background:#ffffff40;margin:0 auto 1.6rem}.sgc-mhotspots .sgc-mhotspots__close{display:flex;align-items:center;justify-content:center;align-self:flex-end;flex-shrink:0;width:3.6rem;height:3.6rem;margin:0 0 .8rem;border-radius:50%;background:#ffffff1a;border:0;color:#fff;cursor:pointer;transition:background-color .2s ease}.sgc-mhotspots__close:hover,.sgc-mhotspots__close:focus-visible{background:#ffffff2e;outline:none}.sgc-mhotspots__nav{display:flex;flex-wrap:wrap;gap:.8rem;padding:0 0 1.6rem;margin:0 0 1.6rem;max-width:none;border-bottom:1px solid rgba(255,255,255,.08)}.sgc-mhotspots__nav-dot{flex:0 0 auto;height:auto;padding:.9rem 1.6rem;border-radius:999rem;background:#ffffff14;border:1px solid rgba(255,255,255,.14);color:#fff;transition:background-color .2s ease,border-color .2s ease,color .2s ease}.sgc-mhotspots__nav-dot.is-active{background:var(--sgc-mhotspots-accent, #B89A6A);border-color:var(--sgc-mhotspots-accent, #B89A6A);color:rgb(var(--color-sgc-dark, 17, 17, 17))}.sgc-mhotspots__nav-bar{display:none}.sgc-mhotspots__nav-label{display:inline-block;font-family:var(--font-body-family);font-size:1.35rem;line-height:1;font-weight:600;letter-spacing:.02em;white-space:nowrap}.sgc-mhotspots__panel-caption{font-size:1.1rem;margin-bottom:.6rem}.sgc-mhotspots__panel-heading{font-size:2.2rem;margin:0 0 1rem}.sgc-mhotspots__panel-desc{font-size:1.45rem;line-height:1.55;margin-bottom:1.6rem}.sgc-mhotspots__features{display:grid;grid-template-columns:1fr 1fr;gap:.6rem 1.2rem;margin-bottom:2rem}.sgc-mhotspots__feature{font-size:1.3rem;line-height:1.4;gap:.6rem}.sgc-mhotspots__feature:before{width:1.4rem;height:1.4rem;margin-top:.05rem}.sgc-mhotspots__panel-cta .sgc-btn{padding:1.2rem 1.8rem;font-size:1.4rem;width:100%}.sgc-mhotspots__hint{display:block;text-align:center;font-size:1.3rem;opacity:.65;padding:1.2rem 1.5rem 1.6rem;margin:0;transition:opacity .3s ease}.sgc-mhotspots.has-interacted .sgc-mhotspots__hint{opacity:0;pointer-events:none}.sgc-mhotspots__dot{box-shadow:0 2px 10px #0000004d,0 0 #fff6;animation:sgc-mh-pulse 2.4s ease-in-out infinite}.sgc-mhotspots.has-interacted .sgc-mhotspots__dot{animation:none}}@keyframes sgc-mh-pulse{0%,to{box-shadow:0 2px 10px #0000004d,0 0 #ffffff80}50%{box-shadow:0 2px 10px #0000004d,0 0 0 10px #fff0}}@media(prefers-reduced-motion:reduce){.sgc-mhotspots__dot{animation:none}.sgc-mhotspots__content,.sgc-mhotspots__backdrop{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/81/assets/section-sgc-multiple-hotspots.css.map */