.hotspot-banner__subtitle{font-size:1.0625rem;color:var(--color-muted);margin-top:-.75rem;margin-bottom:1.5rem}.hotspot-banner__filters{margin-bottom:2rem}.hotspot-banner__filters-inner{display:flex;justify-content:center;gap:.75rem;min-width:max-content;padding:0 1rem}.hotspot-banner__filter-btn{padding:.5rem 1.5rem;border-radius:var(--radius-pill);font-size:.875rem;font-weight:500;white-space:nowrap;background:var(--color-beige, #EDE7DF);color:var(--color-text);border:none;cursor:pointer;transition:background-color .3s,color .3s}.hotspot-banner__filter-btn:hover,.hotspot-banner__filter-btn.is-active{background:var(--color-brand);color:#fff}.hotspot-banner__container{border-radius:var(--radius-card);overflow:visible;position:relative}.hotspot-banner__media{position:relative;border-radius:var(--radius-card);overflow:hidden;aspect-ratio:16 / 9}@media(max-width:749px){.hotspot-banner__media{aspect-ratio:4 / 5}}.hotspot-banner__image{width:100%;height:100%;object-fit:cover}.hotspot-banner__placeholder{width:100%;height:100%;background:var(--color-input-bg);min-height:400px}.hotspot-banner__pin{position:absolute;width:3rem;height:3rem;transform:translate(-50%,-50%);background:none;border:none;cursor:pointer;z-index:5;padding:0;transition:transform .2s ease}.hotspot-banner__pin:hover{transform:translate(-50%,-50%) scale(1.15)}.hotspot-banner__pin.is-active{z-index:15}.hotspot-banner__pin-dot{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:1rem;height:1rem;background:#fff;border:2px solid var(--color-brand);border-radius:50%;box-shadow:0 2px 8px #00000040;z-index:2;transition:background-color .2s,transform .2s}.hotspot-banner__pin.is-active .hotspot-banner__pin-dot{background:var(--color-brand);transform:translate(-50%,-50%) scale(1.2)}.hotspot-banner__pin-pulse{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:2.5rem;height:2.5rem;background:#b93b8a33;border-radius:50%;animation:hotspotPulse 2s ease-out infinite}.hotspot-banner__pin.is-active .hotspot-banner__pin-pulse{animation:none;opacity:0}@keyframes hotspotPulse{0%{transform:translate(-50%,-50%) scale(.8);opacity:.6}to{transform:translate(-50%,-50%) scale(1.8);opacity:0}}.hotspot-banner__pin[data-hotspot-hidden=true],.hotspot-banner__card[data-hotspot-hidden=true]{display:none!important}.hotspot-banner__card{position:absolute;z-index:10;background:#fff;border-radius:1.25rem;box-shadow:0 8px 32px #0000002e;width:260px;overflow:hidden;opacity:0;visibility:hidden;transform:translateY(8px) scale(.96);transition:opacity .25s ease,transform .25s ease,visibility .25s;pointer-events:none}.hotspot-banner__card.is-visible{opacity:1;visibility:visible;transform:translateY(0) scale(1);pointer-events:auto;z-index:20}.hotspot-banner__card-close{position:absolute;top:.5rem;right:.5rem;width:1.75rem;height:1.75rem;border-radius:50%;background:#f8f8f6e6;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:2;color:var(--color-text);transition:background-color .2s,color .2s}.hotspot-banner__card-close:hover{background:var(--color-brand);color:#fff}.hotspot-banner__card-inner{display:block;text-decoration:none;color:var(--color-text)}.hotspot-banner__card-media{aspect-ratio:1;overflow:hidden;background:var(--color-cream, #F8F6F2)}.hotspot-banner__card-image{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.hotspot-banner__card-inner:hover .hotspot-banner__card-image{transform:scale(1.05)}.hotspot-banner__card-info{padding:.75rem}.hotspot-banner__card-vendor{font-size:10px;color:var(--color-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:2px}.hotspot-banner__card-title{font-size:13px;font-weight:500;line-height:1.3;margin-bottom:.5rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.hotspot-banner__card-bottom{display:flex;align-items:center;justify-content:space-between}.hotspot-banner__card-price{font-size:1.125rem;font-weight:600;color:var(--color-text)}.hotspot-banner__card-cta{display:inline-flex;align-items:center;gap:.25rem;font-size:12px;font-weight:500;color:var(--color-brand);transition:gap .2s}.hotspot-banner__card-inner:hover .hotspot-banner__card-cta{gap:.5rem}.hotspot-banner__hint{font-size:.875rem;margin-top:1.25rem}.hotspot-banner__overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;z-index:40;opacity:0;visibility:hidden;transition:opacity .3s,visibility .3s;pointer-events:none}.hotspot-banner__overlay.is-active{opacity:1;visibility:visible;pointer-events:auto}@media(max-width:749px){.hotspot-banner__pin{width:2.5rem;height:2.5rem}.hotspot-banner__pin-dot{width:.75rem;height:.75rem}.hotspot-banner__pin-pulse{width:2rem;height:2rem}.hotspot-banner__card.is-visible{position:fixed;bottom:0;left:0;right:0;top:auto;width:100%;max-width:100%;border-radius:1.5rem 1.5rem 0 0;z-index:50;transform:translateY(0);animation:slideUpSheet .3s ease}.hotspot-banner__card-media{aspect-ratio:16 / 9}@keyframes slideUpSheet{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/section-hotspot-banner.css.map */