.advanced-hotspot-section{width:100%;position:relative;z-index:1;padding-top:var(--ahs-padding-top-mobile, 48px);padding-bottom:var(--ahs-padding-bottom-mobile, 48px)}@media(min-width:769px){.advanced-hotspot-section{padding-top:var(--ahs-padding-top-desktop, 80px);padding-bottom:var(--ahs-padding-bottom-desktop, 80px)}}.advanced-hotspot-bg-custom{background:var(--ahs-custom-bg, #ffffff)}.advanced-hotspot-bg-gradient{background:var(--ahs-gradient-bg, linear-gradient(135deg, #f8f9ff, #e8eef8))}.advanced-hotspot-section .advanced-hotspot-header-wrapper{margin-bottom:var(--ahs-header-spacing, 20px);text-align:var(--ahs-header-align, center)}.advanced-hotspot-section .advanced-hotspot-heading{letter-spacing:var(--ahs-heading-letter-spacing, -.5px);color:var(--ahs-heading-color, rgb(var(--color-foreground)));font-size:var(--ahs-heading-size-mobile, 32px);font-weight:var(--ahs-heading-weight, 500);text-transform:var(--ahs-heading-transform, none);margin:0 0 var(--ahs-heading-mb, 0) 0;line-height:var(--ahs-heading-line-height, 1.2)}@media(min-width:769px){.advanced-hotspot-section .advanced-hotspot-heading{font-size:var(--ahs-heading-size-desktop, 48px)}}.advanced-hotspot-section .advanced-hotspot-highlight{display:inline-block;font-size:var(--ahs-highlight-size-mobile, 32px);font-weight:var(--ahs-highlight-weight, 500);letter-spacing:var(--ahs-highlight-letter-spacing, 0);text-transform:var(--ahs-highlight-transform, none)}@media(min-width:769px){.advanced-hotspot-section .advanced-hotspot-highlight{font-size:var(--ahs-highlight-size-desktop, 48px)}}.advanced-hotspot-section .advanced-hotspot-highlight[data-style=gradient]{background:var(--ahs-highlight-gradient);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;padding-bottom:.15em;margin-bottom:-.15em}.advanced-hotspot-section .advanced-hotspot-highlight[data-style=color]{color:var(--ahs-highlight-color)}.advanced-hotspot-section .advanced-hotspot-highlight[data-style=underline]{color:var(--ahs-highlight-color);text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:8px}.advanced-hotspot-section .advanced-hotspot-highlight-block{display:block;margin-bottom:var(--ahs-highlight-spacing, 12px)}.advanced-hotspot-section .advanced-hotspot-intro-text{color:var(--ahs-intro-color, rgba(var(--color-foreground), .75));font-size:var(--ahs-intro-size-mobile, 14px);font-weight:var(--ahs-intro-weight, 400);letter-spacing:var(--ahs-intro-letter-spacing, 0);line-height:var(--ahs-intro-line-height, 1.6);text-transform:var(--ahs-intro-transform, none);margin-bottom:var(--ahs-intro-spacing, 32px);text-align:var(--ahs-header-align, center)}@media(min-width:769px){.advanced-hotspot-section .advanced-hotspot-intro-text{font-size:var(--ahs-intro-size-desktop, 16px)}}.advanced-hotspot-section .advanced-hotspot-content-wrapper{display:flex;flex-direction:column;gap:var(--ahs-wrapper-gap-mobile, 20px)}@media(min-width:769px){.advanced-hotspot-section .advanced-hotspot-content-wrapper{flex-direction:row;gap:var(--ahs-wrapper-gap-desktop, 36px);align-items:center}.advanced-hotspot-content-left .advanced-hotspot-hotspot-column{order:1}.advanced-hotspot-content-left .advanced-hotspot-image-column,.advanced-hotspot-content-right .advanced-hotspot-hotspot-column{order:2}.advanced-hotspot-content-right .advanced-hotspot-image-column{order:1}}.advanced-hotspot-section .advanced-hotspot-hotspot-column{width:100%}@media(min-width:769px){.advanced-hotspot-section .advanced-hotspot-hotspot-column{flex:1}}.advanced-hotspot-section .advanced-hotspot-side-content{display:none}.advanced-hotspot-section .advanced-hotspot-side-content.active-content{display:block}.advanced-hotspot-section .advanced-hotspot-side-content-inner{padding:var(--ahs-content-padding-top, 8px) var(--ahs-content-padding-right, 0) var(--ahs-content-padding-bottom, 8px) var(--ahs-content-padding-left, 0);background:var(--ahs-content-bg, #ffffff);border:var(--ahs-content-border-width, 2px) solid var(--ahs-content-border-color, transparent);border-radius:var(--ahs-content-border-radius, 16px)}.advanced-hotspot-section .advanced-hotspot-side-title{font-size:var(--ahs-content-title-size, 24px);font-weight:var(--ahs-content-title-weight, 600);line-height:var(--ahs-content-title-line, 1.3);letter-spacing:var(--ahs-content-title-spacing, 0);text-transform:var(--ahs-content-title-transform, none);color:var(--ahs-content-title-color, #333333);margin:var(--ahs-content-title-mt, 0) var(--ahs-content-title-mr, 0) var(--ahs-content-title-mb, 16px) var(--ahs-content-title-ml, 0);text-align:var(--ahs-content-title-align, center)}.advanced-hotspot-section .advanced-hotspot-side-description{font-size:var(--ahs-content-desc-size, 16px);font-weight:var(--ahs-content-desc-weight, 400);line-height:var(--ahs-content-desc-line, 1.6);letter-spacing:var(--ahs-content-desc-spacing, 0);text-transform:var(--ahs-content-desc-transform, none);color:var(--ahs-content-desc-color, #666666);text-align:var(--ahs-content-text-align, center);margin-bottom:1rem}.advanced-hotspot-section .advanced-hotspot-custom-html{margin:1rem 0;text-align:var(--ahs-content-text-align, center)}.advanced-hotspot-section .advanced-hotspot-custom-image,.advanced-hotspot-section .advanced-hotspot-custom-video{margin:1rem 0;overflow:hidden;border-radius:8px}.advanced-hotspot-section .advanced-hotspot-custom-image img,.advanced-hotspot-section .advanced-hotspot-custom-video video{width:100%;height:100%;object-fit:cover;display:block}.advanced-hotspot-section .advanced-hotspot-aspect-16-9{aspect-ratio:16 / 9}.advanced-hotspot-section .advanced-hotspot-aspect-4-3{aspect-ratio:4 / 3}.advanced-hotspot-section .advanced-hotspot-aspect-1-1{aspect-ratio:1 / 1}.advanced-hotspot-section .advanced-hotspot-aspect-3-4{aspect-ratio:3 / 4}.advanced-hotspot-section .advanced-hotspot-aspect-9-16{aspect-ratio:9 / 16}.advanced-hotspot-section .advanced-hotspot-image-column{width:100%}@media(min-width:769px){.advanced-hotspot-section .advanced-hotspot-image-column{flex:1}}.advanced-hotspot-section .advanced-hotspot-interactive-image{display:flex;align-items:center;justify-content:center}.advanced-hotspot-section .advanced-hotspot-image-container{position:relative;width:100%;max-width:var(--ahs-image-max-width, 1200px);margin:0 auto;border-radius:var(--ahs-image-border-radius, 8px);border:var(--ahs-image-border-width, 0) var(--ahs-image-border-style, solid) var(--ahs-image-border-color, #000000);box-shadow:var(--ahs-image-box-shadow, none);overflow:hidden}.advanced-hotspot-section .advanced-hotspot-main-image{width:100%;height:auto;display:block;min-height:300px;object-fit:contain}.advanced-hotspot-section .advanced-hotspot-point{appearance:none;-webkit-appearance:none;font:inherit;position:absolute;min-width:var(--ahs-hotspot-size, 30px);min-height:var(--ahs-hotspot-size, 30px);padding:var(--ahs-hotspot-pv, 4px) var(--ahs-hotspot-ph, 8px);border-radius:var(--ahs-hotspot-radius, 4px);background:var(--ahs-hotspot-bg, #000000);border:var(--ahs-hotspot-border-w, 2px) solid var(--ahs-hotspot-border-color, #ffffff);cursor:pointer;z-index:1;transform:translate(-50%,-50%);transition:all .3s ease;display:inline-flex;align-items:center;justify-content:center;color:var(--ahs-hotspot-text-color, #ffffff);font-size:var(--ahs-hotspot-font-size-mobile, 14px);font-weight:var(--ahs-hotspot-font-weight, 700);white-space:nowrap;top:var(--ahs-hotspot-top-mobile, 50%);left:var(--ahs-hotspot-left-mobile, 50%)}.advanced-hotspot-section .advanced-hotspot-point .hotspot-text{letter-spacing:var(--ahs-hotspot-letter-spacing, 0);text-transform:var(--ahs-hotspot-transform, none)}.advanced-hotspot-section .advanced-hotspot-point .hotspot-hint{position:absolute;top:calc(100% + .6rem);left:50%;transform:translate(-50%);white-space:nowrap;font-size:1.1rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase;line-height:1;padding:.4rem .9rem;border-radius:999px;background:#0000008c;color:#fff;pointer-events:none}.advanced-hotspot-section .advanced-hotspot-point.active .hotspot-hint,.advanced-hotspot-section .hotspot-hint__mobile{display:none}@media(max-width:768px){.advanced-hotspot-section .hotspot-hint__desktop{display:none}.advanced-hotspot-section .hotspot-hint__mobile{display:inline}}.advanced-hotspot-section .advanced-hotspot-point:focus-visible{outline:2px solid var(--ahs-hotspot-text-color, #ffffff);outline-offset:2px}@media(min-width:769px){.advanced-hotspot-section .advanced-hotspot-point{top:var(--ahs-hotspot-top-desktop, 50%);left:var(--ahs-hotspot-left-desktop, 50%);font-size:var(--ahs-hotspot-font-size-desktop, 16px)}}.advanced-hotspot-section .advanced-hotspot-point.no-text{border-radius:50%;width:var(--ahs-hotspot-size, 30px);height:var(--ahs-hotspot-size, 30px);padding:0}.advanced-hotspot-section .advanced-hotspot-point .hotspot-text{position:relative;z-index:2}.advanced-hotspot-section .advanced-hotspot-point:before{content:"+";position:absolute;z-index:1}.advanced-hotspot-section .advanced-hotspot-point.has-text:before{content:none}.advanced-hotspot-section .advanced-hotspot-point.active{background:var(--ahs-hotspot-active-bg, #000000);color:var(--ahs-hotspot-active-text, #ffffff);border-color:var(--ahs-hotspot-active-border, #ffffff);font-weight:var(--ahs-hotspot-active-weight, 600);transform:translate(-50%,-50%) scale(1.1)}.advanced-hotspot-section .advanced-hotspot-point .pulse-ring,.advanced-hotspot-section .advanced-hotspot-point .pulse-ring-2{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;height:100%;border-radius:50%;background:var(--ahs-pulse-color, #1b9999);opacity:0;pointer-events:none;display:block}.advanced-hotspot-section .advanced-hotspot-point.with-pulse .pulse-ring{animation:advanced-hotspot-pulse 3s ease-in-out infinite}.advanced-hotspot-section .advanced-hotspot-point.with-pulse .pulse-ring-2{animation:advanced-hotspot-pulse 3s ease-in-out infinite 1s}.advanced-hotspot-section .advanced-hotspot-point.active .pulse-ring,.advanced-hotspot-section .advanced-hotspot-point.active .pulse-ring-2{background:var(--ahs-pulse-active-color, #158b8b)}@keyframes advanced-hotspot-pulse{0%{transform:translate(-50%,-50%) scale(1);opacity:.6}50%{transform:translate(-50%,-50%) scale(2);opacity:.3}to{transform:translate(-50%,-50%) scale(3);opacity:0}}.advanced-hotspot-section .advanced-hotspot-point:hover{transform:translate(-50%,-50%) scale(1.15)}.advanced-hotspot-section .advanced-hotspot-popup{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;display:none;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.advanced-hotspot-section .advanced-hotspot-popup.active{display:flex}.advanced-hotspot-section .advanced-hotspot-popup-content{background:var(--ahs-content-bg, #ffffff);border-radius:20px;padding:40px;max-width:500px;width:calc(100% - 2rem);border:3px solid var(--ahs-content-border-color, transparent);position:relative;box-shadow:0 25px 50px #0000004d;max-height:85vh;overflow-y:auto}.advanced-hotspot-section .advanced-hotspot-popup-content h2{font-size:var(--ahs-content-title-size, 24px);font-weight:var(--ahs-content-title-weight, 600);line-height:var(--ahs-content-title-line, 1.3);letter-spacing:var(--ahs-content-title-spacing, 0);text-transform:var(--ahs-content-title-transform, none);color:var(--ahs-content-title-color, #333333);text-align:var(--ahs-content-title-align, center);margin:var(--ahs-content-title-mt, 0) var(--ahs-content-title-mr, 0) var(--ahs-content-title-mb, 16px) var(--ahs-content-title-ml, 0)}.advanced-hotspot-section .advanced-hotspot-popup-content p{font-size:var(--ahs-content-desc-size, 16px);font-weight:var(--ahs-content-desc-weight, 400);line-height:var(--ahs-content-desc-line, 1.6);letter-spacing:var(--ahs-content-desc-spacing, 0);text-transform:var(--ahs-content-desc-transform, none);color:var(--ahs-content-desc-color, #666666);text-align:var(--ahs-content-text-align, center)}.advanced-hotspot-section .advanced-hotspot-popup-close{position:absolute;top:15px;right:20px;background:none;border:none;font-size:30px;cursor:pointer;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .3s ease;color:#999}.advanced-hotspot-section .advanced-hotspot-popup-close:hover{background:#f5f5f5;color:#333;transform:rotate(90deg)}.advanced-hotspot-section .advanced-hotspot-popup-close:focus-visible{outline:2px solid #333333;outline-offset:2px}@media(max-width:768px){.advanced-hotspot-section .advanced-hotspot-point{min-width:calc(var(--ahs-hotspot-size, 30px) * .8);min-height:calc(var(--ahs-hotspot-size, 30px) * .8)}.advanced-hotspot-section .advanced-hotspot-popup-content{padding:30px 20px}}@media(max-width:480px){.advanced-hotspot-section .advanced-hotspot-point:not(.has-text){width:32px;height:32px}}@media(prefers-reduced-motion:reduce){.advanced-hotspot-section .advanced-hotspot-point,.advanced-hotspot-section .advanced-hotspot-popup-close{transition:none}.advanced-hotspot-section .advanced-hotspot-point:hover,.advanced-hotspot-section .advanced-hotspot-point.active{transform:translate(-50%,-50%)}.advanced-hotspot-section .advanced-hotspot-point.with-pulse .pulse-ring,.advanced-hotspot-section .advanced-hotspot-point.with-pulse .pulse-ring-2{animation:none}.advanced-hotspot-section .advanced-hotspot-popup-close:hover{transform:none}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/hotspot-section.css.map */