.hotspot-section{padding:2rem 0}.hotspot-section .hotspot-container{max-width:1200px;margin:0 auto;padding:0 1rem}.hotspot-section .hotspot-header{margin-bottom:2rem;text-align:center}.hotspot-section .hotspot-header .hotspot-headline{margin:0 0 1rem;font-weight:600;line-height:1.2}.hotspot-section .hotspot-header .hotspot-description{margin:0 auto;line-height:1.6;max-width:600px}.hotspot-section .hotspot-header .hotspot-description p{margin:0 0 1rem}.hotspot-section .hotspot-header .hotspot-description p:last-child{margin-bottom:0}.hotspot-section .hotspot-main-content{display:flex;gap:2rem;align-items:center}.hotspot-section .hotspot-image-wrapper{position:relative;flex:1;max-width:60%}.hotspot-section .hotspot-background{width:100%;height:auto;display:block;border-radius:8px}.hotspot-content{flex:1;max-width:40%;padding:0 1rem}.hotspot-point{position:absolute;width:var(--hotspot-size, 36px);height:var(--hotspot-size, 36px);cursor:pointer;z-index:10;transform:translate(-50%,-50%);transition:all .3s cubic-bezier(.4,0,.2,1);outline:none!important;border:none!important;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.hotspot-point:focus{outline:none!important;border:none!important;box-shadow:none!important}.hotspot-point:active{outline:none!important;border:none!important}.hotspot-point .hotspot-pulse{position:absolute;top:50%;left:50%;width:var(--hotspot-dot-size, 18px);height:var(--hotspot-dot-size, 18px);transform:translate(-50%,-50%);border-radius:50%;background:var(--hotspot-color, #ff6b35);opacity:.7;animation:custom-hotspot-pulse 1.75s infinite;pointer-events:none;z-index:-1}.hotspot-point .hotspot-dot{position:absolute;top:50%;left:50%;width:var(--hotspot-dot-size, 18px);height:var(--hotspot-dot-size, 18px);background:var(--hotspot-color, #ff6b35);border:2px solid white;border-radius:50%;transform:translate(-50%,-50%);transition:all .3s ease;box-shadow:0 2px 8px #0003}.hotspot-point .hotspot-icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;font-size:var(--hotspot-icon-size, 12px);font-weight:700;pointer-events:none;transition:all .3s ease;z-index:2}.hotspot-point .hotspot-icon:before{content:"+"}.hotspot-point:hover{transform:translate(-50%,-50%) scale(1.1)}.hotspot-point:hover .hotspot-dot{background:var(--hotspot-active-color, #10283e);box-shadow:0 4px 12px #0000004d}.hotspot-point:hover .hotspot-pulse{animation-duration:1s}.hotspot-point.active .hotspot-dot{background:var(--hotspot-active-color, #10283e);transform:translate(-50%,-50%) scale(1.2);box-shadow:0 4px 16px #10283e66}.hotspot-point.active .hotspot-pulse{animation:none;opacity:.5;background:var(--hotspot-active-color, #10283e)}@keyframes custom-hotspot-pulse{0%{transform:translate(-50%,-50%) scale(1);opacity:.7}to{transform:translate(-50%,-50%) scale(2);opacity:0}}.hotspot-content .hotspot-dropdown{margin-bottom:0;border:none;border-radius:0;background:transparent;overflow:visible;transition:none;opacity:1;transform:none;border-bottom:1px solid #e5e5e5}.hotspot-content .hotspot-dropdown.open .hotspot-title .hotspot-arrow{transform:rotate(180deg)}.hotspot-content .hotspot-dropdown.open .hotspot-content-wrapper{max-height:200px;opacity:1;padding:.5rem 0 1.5rem}.hotspot-content .hotspot-dropdown .hotspot-dropdown-inner{width:100%}.hotspot-content .hotspot-dropdown .hotspot-title{margin:0;padding:1.5rem 0;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:space-between;background:transparent;border:none;transition:all .2s ease;outline:none!important;box-shadow:none!important}.hotspot-content .hotspot-dropdown .hotspot-title:hover{background:transparent;color:var(--hotspot-active-color, #10283e)}.hotspot-content .hotspot-dropdown .hotspot-title:focus{outline:none!important;box-shadow:none!important;border:none!important}.hotspot-content .hotspot-dropdown .hotspot-title:focus-visible{outline:none!important}.hotspot-content .hotspot-dropdown .hotspot-title .hotspot-arrow{display:flex;align-items:center;justify-content:center;width:24px;height:24px;transition:transform .3s ease;color:#6c757d}.hotspot-content .hotspot-dropdown .hotspot-content-wrapper{max-height:0;opacity:0;overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1);padding:0}.hotspot-content .hotspot-dropdown .hotspot-description{margin-bottom:0;line-height:1.6}.hotspot-content .hotspot-dropdown .hotspot-description p{margin:0 0 1rem}.hotspot-content .hotspot-dropdown .hotspot-description p:last-child{margin-bottom:0}@media (min-width: 768px){.hotspot-section{--hotspot-size: 42px;--hotspot-dot-size: 20px;--hotspot-icon-size: 14px}}@media (min-width: 1024px){.hotspot-section{--hotspot-size: 48px;--hotspot-dot-size: 24px;--hotspot-icon-size: 16px}}@media (max-width: 1023px){.hotspot-section .hotspot-main-content{flex-direction:column;align-items:flex-start}.hotspot-section .hotspot-image-wrapper{max-width:100%;margin-bottom:2rem}.hotspot-content{max-width:100%;width:100%;padding:0 2rem}}@media (max-width: 767px){.hotspot-section{padding:1rem 0;--hotspot-size: 50px;--hotspot-dot-size: 20px;--hotspot-icon-size: 14px}.hotspot-section .hotspot-container{padding:0 .5rem}.hotspot-section .hotspot-header{margin-bottom:1.5rem;padding:0 1rem}.hotspot-section .hotspot-main-content{gap:1.5rem}.hotspot-content{width:100%;padding:0 1rem}.hotspot-content .hotspot-dropdown{width:100%;margin-bottom:0}.hotspot-content .hotspot-dropdown .hotspot-title{padding:1rem 0}.hotspot-content .hotspot-dropdown.open .hotspot-content-wrapper{padding:.5rem 0 1.5rem}}@media (hover: none){.hotspot-point:hover{transform:translate(-50%,-50%)}.hotspot-point:active{transform:translate(-50%,-50%) scale(.95)}}@media (prefers-reduced-motion: reduce){.hotspot-point .hotspot-pulse{animation:none}.hotspot-dropdown,.hotspot-content-wrapper,.hotspot-title .hotspot-arrow{transition:none}}@media (prefers-contrast: high){.hotspot-point .hotspot-dot{border-width:3px}.hotspot-dropdown{border-width:2px}}.hotspot-section{--hotspot-color: #ff6b35;--hotspot-active-color: #10283e}
/*# sourceMappingURL=/cdn/shop/t/2/assets/section-interactive-hotspots.css.map */