.hotspot-section{padding:40px;background-color:#f5f5f0}.hotspot-container{margin:0 auto}.hotspot-subheading{color:var(--YR-font-primary, #181818);font-family:Inter;font-size:14px;font-style:normal;font-weight:500;line-height:24px;text-transform:uppercase;margin:0}.hotspot-heading{font-size:36px;font-weight:400;color:#000;margin-bottom:40px;line-height:1.2}.hotspot-image-wrapper,.hotspot-image-inner{position:relative;width:100%}@media (max-width: 768px){.hotspot-image-wrapper{overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch}.hotspot-image-inner{width:200%;min-width:200%}}.hotspot-main-image{width:100%;height:auto;display:block}.hotspot-placeholder{width:100%;aspect-ratio:16/9;background:#e0e0e0}.hotspot-marker{position:absolute;z-index:10;transform:translate(-50%,-50%)}.hotspot-button{width:40px;height:40px;border-radius:50%;background:#fffffff2;border:2px solid #000;cursor:pointer;position:relative;display:flex;align-items:center;justify-content:center;transition:all .3s ease;box-shadow:0 2px 8px #00000026}.hotspot-button:hover{transform:scale(1.1);background:#fff}.hotspot-icon{font-size:20px;font-weight:300;color:#000;line-height:1}.hotspot-pulse{position:absolute;width:100%;height:100%;border-radius:50%;border:2px solid #000;animation:pulse 2s infinite;opacity:0}@keyframes pulse{0%{transform:scale(1);opacity:.8}to{transform:scale(1.5);opacity:0}}.hotspot-content{position:absolute;bottom:calc(100% + 15px);left:50%;transform:translate(-50%);background:#fff;border-radius:8px;box-shadow:0 4px 20px #00000026;width:280px;opacity:0;visibility:hidden;transition:all .3s ease;pointer-events:none}.hotspot-content:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border:8px solid transparent;border-top-color:#fff}.hotspot-marker.active .hotspot-content{opacity:1;visibility:visible;pointer-events:all}.hotspot-marker.active .hotspot-button{background:#000}.hotspot-marker.active .hotspot-icon{color:#fff;transform:rotate(45deg)}.hotspot-close{position:absolute;top:10px;right:10px;background:none;border:none;font-size:24px;line-height:1;cursor:pointer;color:#000;padding:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;background-color:#fff;border-radius:100%}.hotspot-close:hover{color:#000}.hotspot-detail-image{width:100%;height:auto;border-radius:4px;aspect-ratio:3.5/2;object-fit:cover}.hotspot-title{font-size:16px;font-weight:600;color:#000;margin-bottom:10px}.details-content{padding-block:12px;padding-inline:20px}.details-content *{margin:0}.details-content .heading-h5{margin-bottom:8px}.hotspot-description{font-size:14px;line-height:1.6;color:#666}.hotspot-description p{margin:0}.hotspot-cta{display:flex;align-items:center;justify-content:center;gap:8px;font-size:14px;color:#666;margin-top:20px}.cta-icon{font-size:18px}@media (max-width: 768px){.hotspot-section{padding:40px 15px}.hotspot-heading{font-size:28px;margin-bottom:30px}.hotspot-button{width:34px;height:34px}.hotspot-icon{font-size:18px}.hotspot-content{max-width:calc(100vw - 40px)}.hotspot-marker[data-near-top=true] .hotspot-content{bottom:auto;top:calc(100% + 15px)}.hotspot-marker[data-near-top=true] .hotspot-content:after{top:auto;bottom:100%;border-top-color:transparent;border-bottom-color:#fff}.hotspot-marker[data-near-left=true] .hotspot-content{left:0;transform:translate(0)}.hotspot-marker[data-near-left=true] .hotspot-content:after{left:20px}.hotspot-marker[data-near-right=true] .hotspot-content{left:auto;right:0;transform:translate(0)}.hotspot-marker[data-near-right=true] .hotspot-content:after{left:auto;right:20px}}@media (max-width: 480px){.hotspot-heading{font-size:24px}.hotspot-title{font-size:15px}.hotspot-description{font-size:13px}}@media (max-width: 768px){.hotspot-content{display:none!important}}
/*# sourceMappingURL=/cdn/shop/t/289/assets/hotspot-section.css.map */