.shoppable-reels{background-color:var(--color-background);overflow:hidden;width:100%;padding-left:1.5rem;padding-right:1.5rem}.shoppable-reels__inner{width:100%;max-width:100%}.shoppable-reels__header{text-align:center;margin-bottom:2rem}.shoppable-reels__title{font-family:var(--font-heading);font-size:clamp(1.5rem,3vw,2rem);font-weight:700;color:var(--color-primary);margin:0 0 .5rem}.shoppable-reels__subtitle{font-family:var(--font-body);font-size:1rem;color:var(--color-text);opacity:.7;margin:0}.shoppable-reels__carousel{position:relative;padding:0;max-width:100%}.shoppable-reels__track{display:flex;gap:1rem;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;scrollbar-width:none;-ms-overflow-style:none;padding:.5rem 0}.shoppable-reels__track::-webkit-scrollbar{display:none}.shoppable-reels__item{flex:0 0 auto;width:240px;scroll-snap-align:start;border-radius:14px;overflow:hidden;background:var(--color-background-alt);border:1px solid var(--color-border);transition:transform .25s ease,box-shadow .25s ease}.shoppable-reels__item:hover{transform:translateY(-4px);box-shadow:0 12px 32px #8b1a4a1f}.shoppable-reels__video-wrapper{position:relative;width:100%;aspect-ratio:9 / 16;background:#111;overflow:hidden}.shoppable-reels__thumbnail{position:absolute;top:0;right:0;bottom:0;left:0;cursor:pointer;z-index:3;display:flex;align-items:center;justify-content:center}.shoppable-reels__thumbnail-img{width:100%;height:100%;object-fit:cover}.shoppable-reels__native-video{width:100%;height:100%;object-fit:cover;cursor:pointer}.shoppable-reels__play-icon--native{pointer-events:auto;cursor:pointer;transition:opacity .3s}.shoppable-reels__native-video:not([paused])~.shoppable-reels__play-icon--native,.shoppable-reels__video-wrapper.is-playing .shoppable-reels__play-icon--native{opacity:0}.shoppable-reels__play-icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);transition:transform .2s ease;pointer-events:none}.shoppable-reels__thumbnail:hover .shoppable-reels__play-icon{transform:translate(-50%,-50%) scale(1.1)}.shoppable-reels__thumbnail:focus-visible{outline:3px solid var(--color-accent);outline-offset:-3px}.shoppable-reels__thumbnail[hidden]{display:none}.shoppable-reels__iframe-container{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2}.shoppable-reels__iframe-container[hidden]{display:none}.shoppable-reels__iframe-container iframe{width:100%;height:100%;border:none}.shoppable-reels__instagram{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden}.shoppable-reels__instagram .instagram-media{margin:0!important;min-width:0!important;max-width:100%!important}.shoppable-reels__placeholder{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:var(--color-background-alt);color:var(--color-text);font-size:.8125rem;text-align:center;padding:1.5rem;opacity:.7}.shoppable-reels__controls{position:absolute;right:8px;bottom:60px;z-index:10;display:flex;flex-direction:column;gap:10px;opacity:0;transition:opacity .2s ease}.shoppable-reels__item:hover .shoppable-reels__controls,.shoppable-reels__video-wrapper:focus-within .shoppable-reels__controls{opacity:1}.shoppable-reels__control-btn{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:#0000008c;border:none;border-radius:50%;color:#fff;cursor:pointer;transition:background-color .2s ease,transform .15s ease;padding:0}.shoppable-reels__control-btn:hover{background:#000c;transform:scale(1.1)}.shoppable-reels__control-btn:focus-visible{outline:2px solid #fff;outline-offset:2px}.shoppable-reels__like-btn[aria-pressed=true]{color:#e91e63}.shoppable-reels__like-btn[aria-pressed=true] svg{fill:#e91e63;stroke:#e91e63}.shoppable-reels__mute-btn[data-muted=false] .shoppable-reels__icon-muted{display:none}.shoppable-reels__mute-btn[data-muted=false] .shoppable-reels__icon-unmuted{display:block!important}.shoppable-reels__share-popup{position:absolute;right:50px;bottom:60px;z-index:15;display:flex;gap:6px;background:#fff;border-radius:8px;padding:6px 10px;box-shadow:0 4px 16px #00000026}.shoppable-reels__share-popup[hidden]{display:none}.shoppable-reels__share-option{width:34px;height:34px;display:flex;align-items:center;justify-content:center;background:var(--color-background-alt);border:1px solid var(--color-border);border-radius:50%;cursor:pointer;color:var(--color-text);transition:background-color .2s ease,color .2s ease;padding:0}.shoppable-reels__share-option:hover{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.shoppable-reels__share-option:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.shoppable-reels__creator{position:absolute;bottom:10px;left:10px;z-index:8}.shoppable-reels__creator-name{font-size:.6875rem;font-weight:600;color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.6)}.shoppable-reels__creator-link{color:#fff;text-decoration:none}.shoppable-reels__creator-link:hover{text-decoration:underline}.shoppable-reels__products{display:flex;flex-direction:column;gap:6px;padding:10px;background:linear-gradient(135deg,#fff 0%,var(--color-background-alt) 100%);border-top:2px solid var(--color-primary)}.shoppable-reels__product{display:flex;align-items:center;gap:.625rem;padding:8px 10px;background:#fff;border-radius:8px;border:1px solid var(--color-border);box-shadow:0 2px 6px #8b1a4a0f;transition:box-shadow .2s ease,transform .15s ease}.shoppable-reels__product:hover{box-shadow:0 4px 12px #8b1a4a1f;transform:translateY(-1px)}.shoppable-reels__product:last-child{border-bottom:none}.shoppable-reels__product-link{display:flex;align-items:center;gap:.5rem;flex:1;min-width:0;text-decoration:none;color:inherit}.shoppable-reels__product-link:hover .shoppable-reels__product-title{color:var(--color-accent)}.shoppable-reels__product-image{width:42px;height:42px;object-fit:cover;border-radius:8px;flex-shrink:0;border:2px solid var(--color-border)}.shoppable-reels__product-info{display:flex;flex-direction:column;gap:2px;min-width:0}.shoppable-reels__product-title{font-size:.75rem;font-weight:700;color:var(--color-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:color .2s ease;line-height:1.3}.shoppable-reels__product-price{font-size:.8125rem;font-weight:800;color:var(--color-accent);line-height:1.3}.shoppable-reels__product-btn{flex-shrink:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;font-size:1.125rem;font-weight:700;color:#fff;background-color:var(--color-primary);border:none;border-radius:50%;cursor:pointer;transition:background-color .2s ease,transform .15s ease;min-height:30px}.shoppable-reels__product-btn:hover:not(:disabled){background-color:var(--color-accent);transform:scale(1.1)}.shoppable-reels__product-btn:disabled{opacity:.4;cursor:not-allowed}.shoppable-reels__product-btn:focus-visible{outline:3px solid var(--color-accent);outline-offset:2px}.shoppable-reels__nav{position:absolute;top:45%;transform:translateY(-50%);z-index:10;width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:#fff;border:1px solid var(--color-border);border-radius:50%;cursor:pointer;box-shadow:0 2px 8px #0000001a;transition:background-color .2s ease,box-shadow .2s ease;padding:0}.shoppable-reels__nav:hover:not(:disabled){background-color:var(--color-primary);color:#fff;box-shadow:0 4px 12px #8b1a4a33}.shoppable-reels__nav:disabled{opacity:.3;cursor:not-allowed}.shoppable-reels__nav:focus-visible{outline:3px solid var(--color-accent);outline-offset:2px}.shoppable-reels__nav--prev{left:-.5rem}.shoppable-reels__nav--next{right:-.5rem}.shoppable-reels__nav svg{width:16px;height:16px}@media(min-width:576px){.shoppable-reels__item{width:250px}}@media(min-width:768px){.shoppable-reels{padding-left:2rem;padding-right:2rem}.shoppable-reels__item{width:270px}.shoppable-reels__controls{opacity:0}}@media(min-width:1024px){.shoppable-reels{padding-left:2.5rem;padding-right:2.5rem}.shoppable-reels__item{width:280px}}@media(max-width:575px){.shoppable-reels{padding-left:1rem;padding-right:1rem}.shoppable-reels__item{width:calc(100vw - 4rem);max-width:300px;scroll-snap-align:center}.shoppable-reels__track{gap:.75rem;scroll-padding-left:1rem}.shoppable-reels__carousel{padding:0}.shoppable-reels__nav{display:none}.shoppable-reels__controls{opacity:1;right:6px;bottom:50px;gap:8px}.shoppable-reels__control-btn{width:32px;height:32px}.shoppable-reels__control-btn svg{width:16px;height:16px}.shoppable-reels__product{padding:6px 8px;gap:.5rem}.shoppable-reels__product-image{width:36px;height:36px}.shoppable-reels__product-btn{width:28px;height:28px;min-height:28px;font-size:1rem}.shoppable-reels__products{padding:8px;gap:5px}.shoppable-reels__header{margin-bottom:1.25rem}}
/*# sourceMappingURL=/cdn/shop/t/28/assets/section-shoppable-reels.css.map */