.sdx-hs{padding-block:var(--sdx-section-spacing)}.sdx-hs__header{margin-bottom:var(--sdx-space-10)}.sdx-hs__header--left{text-align:left}.sdx-hs__header--center{text-align:center}.sdx-hs__wrap--contained{max-width:var(--sdx-page-width);margin-inline:auto}.sdx-hs__wrap--full{margin-inline:calc(var(--sdx-gutter) * -1)}.sdx-hs__figure{position:relative;background:transparent;margin:0}.sdx-hs__figure .sdx-hs__img{border-radius:var(--sdx-radius-xl)}.sdx-hs__figure .sdx-hs__placeholder{border-radius:var(--sdx-radius-xl);overflow:hidden;background:var(--sdx-pastel-mint)}.sdx-hs__figure--desktop{display:block}.sdx-hs__figure--mobile{display:none}@media(max-width:768px){.sdx-hs__figure--desktop{display:none}.sdx-hs__figure--mobile{display:block}}.sdx-hs__img{width:100%;height:auto;display:block}.sdx-hs__placeholder{aspect-ratio:16 / 9;display:flex;align-items:center;justify-content:center}.sdx-hs__placeholder svg{width:40%;opacity:.3}.sdx-hs__pin{position:absolute;transform:translate(-50%,-50%);z-index:2}.sdx-hs__pin:hover,.sdx-hs__pin:focus-within,.sdx-hs__pin.is-open{z-index:50}.sdx-hs__dot{position:relative;width:28px;height:28px;border-radius:50%;background:#fff;box-shadow:0 2px 8px #0003,0 0 0 3px #6bb09380;cursor:pointer;z-index:2;transition:transform var(--sdx-duration-fast) var(--sdx-ease-out)}.sdx-hs__dot:before{content:"";position:absolute;top:8px;right:8px;bottom:8px;left:8px;border-radius:50%;background:var(--sdx-accent)}.sdx-hs__dot:hover{transform:scale(1.1)}.sdx-hs__dot:focus-visible{outline:none;box-shadow:0 2px 8px #0003,0 0 0 4px var(--sdx-accent)}.sdx-hs__dot-pulse{position:absolute;top:-4px;right:-4px;bottom:-4px;left:-4px;border-radius:50%;background:#6bb09366;animation:sdx-hs-pulse 2s ease-out infinite;z-index:-1}@keyframes sdx-hs-pulse{0%{transform:scale(.8);opacity:.8}to{transform:scale(1.8);opacity:0}}.sdx-hs__bubble{position:absolute;top:calc(100% + 12px);left:50%;transform:translate(-50%) translateY(8px);width:240px;background:var(--sdx-surface);color:var(--sdx-primary);border-radius:var(--sdx-radius-lg);padding:var(--sdx-space-3);box-shadow:var(--sdx-shadow-lg);opacity:0;pointer-events:none;transition:opacity var(--sdx-duration-base) var(--sdx-ease-out),transform var(--sdx-duration-base) var(--sdx-ease-out);z-index:5}.sdx-hs__bubble:before{content:"";position:absolute;top:-6px;left:50%;transform:translate(-50%) rotate(45deg);width:12px;height:12px;background:var(--sdx-surface);border-radius:2px}.sdx-hs__pin:hover .sdx-hs__bubble,.sdx-hs__pin.is-open .sdx-hs__bubble{opacity:1;pointer-events:auto;transform:translate(-50%) translateY(0)}.sdx-hs__pin:hover .sdx-hs__bubble,.sdx-hs__pin.is-open .sdx-hs__bubble{aria-hidden:false}.sdx-hs__bubble-link-wrap{display:flex;gap:var(--sdx-space-3);align-items:center;color:inherit}.sdx-hs__bubble--info{display:flex;gap:var(--sdx-space-3);align-items:flex-start}.sdx-hs__bubble-img{flex-shrink:0;width:64px;height:64px;border-radius:var(--sdx-radius-md);overflow:hidden;background:var(--sdx-pastel-mint)}.sdx-hs__bubble-img img{width:100%;height:100%;object-fit:cover}.sdx-hs__bubble-info{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0}.sdx-hs__bubble-title{font-weight:600;font-size:.9rem;color:var(--sdx-primary);line-height:1.3}.sdx-hs__bubble-price{font-family:var(--sdx-font-display);font-size:1rem;color:var(--sdx-primary)}.sdx-hs__bubble-desc{font-size:.82rem;color:var(--sdx-text-muted);line-height:1.4}.sdx-hs__bubble-cta{margin-top:4px;font-size:.78rem;font-weight:700;color:var(--sdx-accent);text-transform:uppercase;letter-spacing:.04em}.sdx-hs__pin[style*="left: 8"] .sdx-hs__bubble,.sdx-hs__pin[style*="left: 9"] .sdx-hs__bubble{left:auto;right:0;transform:translateY(8px)}.sdx-hs__pin[style*="left: 8"]:hover .sdx-hs__bubble,.sdx-hs__pin[style*="left: 9"]:hover .sdx-hs__bubble,.sdx-hs__pin[style*="left: 8"].is-open .sdx-hs__bubble,.sdx-hs__pin[style*="left: 9"].is-open .sdx-hs__bubble{transform:translateY(0)}.sdx-hs__pin[style*="left: 0%"] .sdx-hs__bubble,.sdx-hs__pin[style*="left: 1"] .sdx-hs__bubble,.sdx-hs__pin[style*="left: 2"] .sdx-hs__bubble{left:0;right:auto;transform:translateY(8px)}.sdx-hs__pin[style*="left: 0%"]:hover .sdx-hs__bubble,.sdx-hs__pin[style*="left: 1"]:hover .sdx-hs__bubble,.sdx-hs__pin[style*="left: 2"]:hover .sdx-hs__bubble,.sdx-hs__pin[style*="left: 0%"].is-open .sdx-hs__bubble,.sdx-hs__pin[style*="left: 1"].is-open .sdx-hs__bubble,.sdx-hs__pin[style*="left: 2"].is-open .sdx-hs__bubble{transform:translateY(0)}.sdx-hs__pin[style*="left: 0%"] .sdx-hs__bubble:before,.sdx-hs__pin[style*="left: 1"] .sdx-hs__bubble:before,.sdx-hs__pin[style*="left: 2"] .sdx-hs__bubble:before{left:12px;transform:rotate(45deg)}.sdx-hs__pin[style*="left: 8"] .sdx-hs__bubble:before,.sdx-hs__pin[style*="left: 9"] .sdx-hs__bubble:before{left:auto;right:12px;transform:rotate(45deg)}@media(max-width:768px){.sdx-hs__bubble{width:220px;max-width:calc(100vw - 32px);padding:var(--sdx-space-3)}.sdx-hs__pin .sdx-hs__bubble{width:min(220px,calc(100vw - 32px))}.sdx-hs__dot{width:24px;height:24px}.sdx-hs__dot:before{top:7px;right:7px;bottom:7px;left:7px}}
/*# sourceMappingURL=/cdn/shop/t/5/assets/sdx-product-hotspot.css.map */