.sam-stl{position:relative;overflow:hidden}.sam-stl__inner{padding:var(--sam-stl-padding, 48px) 0}.sam-stl__heading-wrap{text-align:center;margin-bottom:32px}.sam-stl__heading{font-size:2.2rem;font-weight:800;letter-spacing:.05em;text-transform:uppercase;color:var(--sam-stl-text, rgb(var(--color-foreground)));margin:0 0 8px;position:relative;display:inline-block}.sam-stl__heading:after{content:"";display:block;margin:6px auto 0;height:3px;width:48px;border-radius:2px;background:var(--sam-stl-accent, rgb(var(--color-button)))}.sam-stl__subheading{font-size:1.35rem;color:var(--sam-stl-text, rgb(var(--color-foreground)));opacity:.6;margin:0}.sam-stl__canvas{position:relative;width:100%;max-width:900px;margin:0 auto;border-radius:12px;overflow:hidden;box-shadow:0 16px 64px #0000002e}.sam-stl__canvas img{display:block;width:100%;height:auto;object-fit:cover}.sam-stl__canvas:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:#00000014;pointer-events:none;z-index:1}.sam-stl__pin{position:absolute;z-index:10;transform:translate(-50%,-50%)}.sam-stl__pin-btn{width:32px;height:32px;border-radius:50%;background:#fff;border:3px solid var(--sam-stl-accent, rgb(var(--color-button)));cursor:pointer;position:relative;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 12px #00000040;transition:transform .2s ease,box-shadow .2s ease}.sam-stl__pin-btn:before{content:"";position:absolute;top:-6px;right:-6px;bottom:-6px;left:-6px;border-radius:50%;border:2px solid var(--sam-stl-accent, rgb(var(--color-button)));opacity:0;animation:sam-stl-pulse 2.5s ease-out infinite}@keyframes sam-stl-pulse{0%{transform:scale(.8);opacity:.7}70%{transform:scale(1.6);opacity:0}to{transform:scale(1.6);opacity:0}}.sam-stl__pin-btn:after{content:"+";font-size:1.4rem;font-weight:700;color:var(--sam-stl-accent, rgb(var(--color-button)));line-height:1}.sam-stl__pin-btn:hover{transform:scale(1.15);box-shadow:0 4px 18px #0000004d}.sam-stl__popup{position:absolute;bottom:calc(100% + 12px);left:50%;transform:translate(-50%);width:200px;background:rgb(var(--color-background));border-radius:10px;box-shadow:0 8px 32px #00000038;padding:0;overflow:hidden;opacity:0;pointer-events:none;visibility:hidden;transform:translate(-50%) translateY(8px);transition:opacity .2s ease,transform .2s ease,visibility .2s;z-index:20;border:1px solid rgba(var(--color-foreground),.08)}.sam-stl__pin.is-bottom .sam-stl__popup{bottom:auto;top:calc(100% + 12px);transform:translate(-50%) translateY(0)}.sam-stl__pin:hover .sam-stl__popup,.sam-stl__pin.is-open .sam-stl__popup{opacity:1;pointer-events:auto;visibility:visible;transform:translate(-50%) translateY(0)}.sam-stl__pin.is-bottom.is-open .sam-stl__popup,.sam-stl__pin.is-bottom:hover .sam-stl__popup{transform:translate(-50%) translateY(0)}.sam-stl__popup:after{content:"";position:absolute;bottom:-7px;left:50%;transform:translate(-50%);width:14px;height:14px;background:rgb(var(--color-background));border-right:1px solid rgba(var(--color-foreground),.08);border-bottom:1px solid rgba(var(--color-foreground),.08);clip-path:polygon(0 0,100% 100%,0 100%);rotate:-45deg}.sam-stl__pin.is-bottom .sam-stl__popup:after{bottom:auto;top:-7px;rotate:135deg}.sam-stl__popup-img{width:100%;aspect-ratio:4/3;object-fit:cover;display:block}.sam-stl__popup-info{padding:10px 12px 12px}.sam-stl__popup-title{font-size:1.2rem;font-weight:600;color:rgb(var(--color-foreground));margin:0 0 4px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;line-height:1.35}.sam-stl__popup-price{font-size:1.2rem;font-weight:800;color:rgb(var(--color-foreground));margin:0 0 10px}.sam-stl__popup-link{display:block;width:100%;text-align:center;padding:8px;border-radius:6px;background:var(--sam-stl-accent, rgb(var(--color-button)));color:rgb(var(--color-button-text));font-size:1.15rem;font-weight:700;text-decoration:none;transition:filter .2s ease,transform .15s ease}.sam-stl__popup-link:hover{filter:brightness(1.08);transform:translateY(-1px)}@media screen and (max-width:749px){.sam-stl__canvas{border-radius:6px}.sam-stl__popup{width:170px}.sam-stl__pin-btn{width:26px;height:26px}}@media(prefers-reduced-motion:reduce){.sam-stl__pin-btn:before{animation:none}.sam-stl__pin-btn,.sam-stl__popup,.sam-stl__popup-link{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/30/assets/sam-shop-the-look.css.map */