.scene-dots{width:100%}.scene-dots__inner{margin:0 auto}.scene-dots__columns{display:flex;flex-wrap:wrap;align-items:flex-start;gap:0}.scene-dots__col{flex:0 0 100%;max-width:100%;min-width:0}@media screen and (min-width:750px){.scene-dots__col{flex:0 0 var(--sdots-col-w, 50%);max-width:var(--sdots-col-w, 50%)}}.scene-dots--sidebar .scene-dots__col{display:flex;flex-direction:column}@media screen and (min-width:750px){.scene-dots--sidebar .scene-dots__col{display:grid;grid-template-columns:75% 1fr;gap:8px;align-items:stretch}}.scene-dots__scene{position:relative;width:100%;background-color:rgba(var(--color-foreground),.06)}.scene-dots__scene-img{display:block;width:100%;height:auto}.scene-dots--fixed-height .scene-dots__scene-img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.scene-dots__placeholder{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:rgba(var(--color-foreground),.04)}.scene-dots__scene:not(:has(.scene-dots__scene-img)){min-height:320px}.scene-dots__placeholder-svg{width:120px;height:auto;opacity:.4}.scene-dots__dot{position:absolute;width:32px;height:32px;transform:translate(-50%,-50%);display:flex;align-items:center;justify-content:center;z-index:2;background:none;border:none;padding:0;cursor:pointer;color:#fff;transition:transform .2s ease}.scene-dots__dot:hover,.scene-dots__dot:focus-visible{transform:translate(-50%,-50%) scale(1.15);outline:none}.scene-dots__dot-inner{position:relative;display:block;width:28px;height:28px;border-radius:50%;border:2px solid currentColor}.scene-dots__dot-inner:after{content:"";position:absolute;top:50%;left:50%;width:6px;height:6px;margin:-3px 0 0 -3px;border-radius:50%;background:currentColor;transform:scale(1);transition:transform .22s cubic-bezier(.4,0,.2,1)}.scene-dots__dot:hover .scene-dots__dot-inner:after,.scene-dots__dot:focus-visible .scene-dots__dot-inner:after,.scene-dots__dot.is-active .scene-dots__dot-inner:after{transform:scale(1.6)}.scene-dots__sidebar{display:flex;flex-direction:column;gap:40px;justify-content:space-between;background:rgb(var(--color-background))}.scene-dots__cards{position:relative;min-height:280px}.scene-dots__card-wrap{position:absolute;top:0;left:0;right:0;opacity:0;pointer-events:none;transition:opacity .35s ease}.scene-dots__card-wrap--active{opacity:1;pointer-events:auto}.scene-dots__card-wrap .product-card{max-width:100%}.scene-dots__card-wrap .product-card__media{aspect-ratio:3 / 4}.scene-dots__card-wrap .product-card__img{width:100%;height:100%;object-fit:cover}.scene-dots__heading{margin:0;font-size:20px;line-height:1.1;text-transform:uppercase;color:rgb(var(--color-foreground));font-weight:200}.scene-dots__heading p{margin:0}.scene-dots__popup{position:absolute;bottom:calc(100% + 10px);left:50%;transform:translate(-50%);background:rgb(var(--color-background));color:rgb(var(--color-foreground));border:1px solid rgba(var(--color-foreground),.1);box-shadow:0 8px 24px #0000001f;display:flex;flex-direction:column;gap:12px;padding:10px;width:120px;z-index:10;pointer-events:none;opacity:0;transition:opacity .2s ease,transform .2s ease;transform:translate(-50%) translateY(6px)}.scene-dots__popup:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border:6px solid transparent;border-top-color:rgb(var(--color-background))}.scene-dots__popup:before{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border:7px solid transparent;border-top-color:rgba(var(--color-foreground),.1);margin-top:1px}.scene-dots__popup--flip{bottom:auto;top:calc(100% + 10px);transform:translate(-50%) translateY(-6px)}.scene-dots__popup--flip:after{top:auto;bottom:100%;border-top-color:transparent;border-bottom-color:rgb(var(--color-background));margin-top:0}.scene-dots__popup--flip:before{top:auto;bottom:100%;border-top-color:transparent;border-bottom-color:rgba(var(--color-foreground),.1);margin-top:0;margin-bottom:1px}@media(hover:hover){.scene-dots__dot:hover .scene-dots__popup{opacity:1;pointer-events:auto;transform:translate(-50%) translateY(0)}.scene-dots__dot:hover .scene-dots__popup--flip{transform:translate(-50%) translateY(0)}}.scene-dots__dot.is-active .scene-dots__popup{opacity:1;pointer-events:auto;transform:translate(-50%) translateY(0)}.scene-dots__dot.is-active .scene-dots__popup--flip{transform:translate(-50%) translateY(0)}.scene-dots__popup-img-link{display:block;flex-shrink:0;width:100%}.scene-dots__popup-img{display:block;width:100%;height:auto;object-fit:cover}.scene-dots__popup-info{display:flex;flex-direction:column;min-width:0;text-align:left}.scene-dots__popup-title{font-size:12px;line-height:1.35;color:rgb(var(--color-foreground));text-decoration:none;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.scene-dots__popup-title:hover{text-decoration:underline}.scene-dots__popup-price{display:flex;flex-direction:column;gap:2px}.scene-dots__popup-current{font-size:12px;font-weight:500;color:rgb(var(--color-foreground))}.scene-dots__popup-compare{font-size:11px;color:rgba(var(--color-foreground),.5);text-decoration:line-through}
/*# sourceMappingURL=/cdn/shop/t/32/assets/section-scene-dots.css.map */