.rumi-hotspots{background:var(--rumi-hotspots-bg, #fff);padding:calc(var(--rumi-s) * 64) 0 calc(var(--rumi-s) * 56);overflow:hidden}.rumi-hotspots__inner{max-width:calc(var(--rumi-container) + 80px);margin:0 auto;padding-inline:var(--rumi-gutter)}.rumi-hotspots__header{text-align:center;margin-bottom:calc(var(--rumi-s) * 32)}.rumi-hotspots__heading{font-family:var(--rumi-font);font-stretch:var(--rumi-wdth);font-weight:var(--rumi-wght-bold);font-size:max(30px,calc(var(--rumi-s) * 52));line-height:1.12;letter-spacing:-.01em;text-transform:uppercase;color:var(--rumi-brown);margin:0}.rumi-hotspots__subheading{font-size:max(14px,calc(var(--rumi-s) * 18));color:var(--rumi-brown);margin:calc(var(--rumi-s) * 14) 0 0}.rumi-hotspots__viewport{position:relative}.rumi-hotspots__track{--rumi-hotspots-gap: 12px;display:flex;gap:var(--rumi-hotspots-gap);overflow-x:auto;scroll-snap-type:x proximity;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;scrollbar-width:none}.rumi-hotspots__track::-webkit-scrollbar{display:none}.rumi-hotspots__item{scroll-snap-align:start;flex:0 0 calc((100% - (var(--rumi-hotspots-cols-mobile, 2) - 1) * var(--rumi-hotspots-gap)) / var(--rumi-hotspots-cols-mobile, 2));display:flex;flex-direction:column}@media screen and (min-width:750px){.rumi-hotspots__item{flex-basis:calc((100% - (var(--rumi-hotspots-cols-desktop, 4) - 1) * var(--rumi-hotspots-gap)) / var(--rumi-hotspots-cols-desktop, 4))}}.rumi-hotspots__media{position:relative;aspect-ratio:4 / 5;overflow:hidden;background:var(--rumi-cream);border-radius:16px}.rumi-hotspots__media img,.rumi-hotspots__media-placeholder{display:block;width:100%;height:100%;object-fit:cover}.rumi-hotspots__handle{display:block;padding:calc(var(--rumi-s) * 12) 2px 0;font-family:var(--rumi-font);font-stretch:var(--rumi-wdth);font-size:max(12px,calc(var(--rumi-s) * 13));color:var(--rumi-brown);text-decoration:none}a.rumi-hotspots__handle:hover{text-decoration:underline}.rumi-hotspot{position:absolute;left:var(--rumi-hotspot-x, 50%);top:var(--rumi-hotspot-y, 50%);transform:translate(-50%,-50%);z-index:2}.rumi-hotspot__toggle{position:relative;width:clamp(28px,2.4vw,36px);height:clamp(28px,2.4vw,36px);border-radius:50%;border:0;padding:0;background:#1e18158c;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);cursor:pointer;box-shadow:0 0 0 1.5px #fffc;transition:background-color .15s ease,transform .15s ease}.rumi-hotspot__toggle:hover,.rumi-hotspot__toggle[aria-expanded=true]{background:var(--rumi-brown)}.rumi-hotspot__toggle span{position:absolute;display:flex;align-items:center;justify-content:center;top:0;right:0;bottom:0;left:0;transition:transform .15s ease}.rumi-hotspot__toggle span svg{width:18px;height:18px}.rumi-hotspot__toggle[aria-expanded=true] span{transform:rotate(45deg)}.rumi-hotspot__toggle:after{content:"";position:absolute;top:-6px;right:-6px;bottom:-6px;left:-6px;border-radius:50%;border:1px solid rgba(255,255,255,.7);opacity:0;animation:rumi-hotspot-pulse 2.6s ease-out infinite}@media(prefers-reduced-motion:reduce){.rumi-hotspot__toggle:after{animation:none}}@keyframes rumi-hotspot-pulse{0%{opacity:.55;transform:scale(.85)}70%{opacity:0;transform:scale(1.35)}to{opacity:0;transform:scale(1.35)}}.rumi-hotspot__card{position:absolute;bottom:calc(100% + 10px);left:50%;transform:translate(-50%);width:max(200px,15vw);max-width:68vw;background:#fff;border-radius:10px;box-shadow:0 8px 28px #1e181538;overflow:hidden;z-index:3}.rumi-hotspot__card[hidden]{display:none}.rumi-hotspot--flip-down .rumi-hotspot__card{bottom:auto;top:calc(100% + 10px)}.rumi-hotspot--align-start .rumi-hotspot__card{left:0;transform:none}.rumi-hotspot--align-end .rumi-hotspot__card{left:auto;right:0;transform:none}.rumi-hotspot__card-link{display:flex;align-items:center;gap:10px;padding:8px;text-decoration:none;color:var(--rumi-brown)}.rumi-hotspot__card-link img{flex:0 0 auto;width:44px;height:44px;border-radius:6px;object-fit:cover;background:var(--rumi-cream)}.rumi-hotspot__card-info{min-width:0;display:flex;flex-direction:column;gap:2px}.rumi-hotspot__card-title{font-family:var(--rumi-font);font-stretch:var(--rumi-wdth);font-size:12.5px;line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rumi-hotspot__card-price.price{font-size:12.5px;color:var(--rumi-muted)}.rumi-hotspot__card-price .price__container{justify-content:flex-start}.rumi-hotspots__nav{position:absolute;top:calc(50% - 14px);transform:translateY(-50%);width:40px;height:40px;border-radius:50%;border:0;background:#fff;color:var(--rumi-brown);box-shadow:0 4px 16px #1e18152e;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:4;transition:opacity .15s ease}.rumi-hotspots__nav svg{width:18px;height:18px}.rumi-hotspots__nav--prev{left:12px}.rumi-hotspots__nav--next{right:12px}.rumi-hotspots__nav[hidden]{display:none}.rumi-hotspots__nav:disabled{opacity:0;pointer-events:none}@media(hover:hover){.rumi-hotspots__nav{opacity:0}.rumi-hotspots__viewport:hover .rumi-hotspots__nav:not(:disabled){opacity:1}}@media(max-width:749px){.rumi-hotspots__nav{display:none}}
/*# sourceMappingURL=/cdn/shop/t/7/assets/rumi-styled-your-way.css.map */