.product-reels{display:block}.product-reels__slider{--pr-gap: 1.2rem;--pr-visible: calc(var(--pr-visible-mobile) + .4);position:relative;display:block}@media screen and (min-width:750px){.product-reels__slider{--pr-gap: 1.6rem;--pr-visible: 3.2}}@media screen and (min-width:990px){.product-reels__slider{--pr-gap: 2rem;--pr-visible: var(--pr-visible-desktop)}}.product-reels__track{display:flex;gap:var(--pr-gap);margin:0;padding:.8rem 0 1.6rem;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;scrollbar-width:none;-webkit-overflow-scrolling:touch}.product-reels__track::-webkit-scrollbar{display:none}@media screen and (max-width:749px){.product-reels__track{margin-inline:-2rem;padding-inline:2rem;scroll-padding-inline:2rem}}.product-reels__item{display:flex;flex:0 0 calc((100% - (var(--pr-visible) - 1) * var(--pr-gap)) / var(--pr-visible));min-width:0;scroll-snap-align:start}.product-reels__arrow{position:absolute;z-index:3;top:45%;display:grid;place-items:center;width:4.8rem;height:4.8rem;padding:0;border:0;border-radius:50%;background:rgb(var(--color-button));color:rgb(var(--color-button-text));box-shadow:0 .8rem 2rem rgba(var(--color-shadow),.18);cursor:pointer;transform:translateY(-50%);transition:opacity .3s ease,transform .3s ease,visibility .3s}.product-reels__arrow--prev{left:-2.4rem}.product-reels__arrow--next{right:-2.4rem}.product-reels__arrow--prev .svg-wrapper{transform:rotate(180deg)}.product-reels__arrow .svg-wrapper{width:1.4rem;height:1.4rem}.product-reels__arrow:hover:not([disabled]){transform:translateY(-50%) scale(1.08)}.product-reels__arrow[disabled]{opacity:.35;cursor:default}.product-reels__slider.is-static .product-reels__arrow{visibility:hidden;opacity:0}.product-reels__arrow:focus-visible{outline:2px solid rgb(var(--color-foreground));outline-offset:3px}@media screen and (max-width:989px){.product-reels__arrow{width:3.8rem;height:3.8rem}.product-reels__arrow .svg-wrapper{width:1.2rem;height:1.2rem}.product-reels__arrow--prev{left:.4rem}.product-reels__arrow--next{right:.4rem}}.product-reels__card{position:relative;display:flex;flex-direction:column;width:100%;overflow:hidden;border-radius:2rem;background:#fff;box-shadow:0 .8rem 2.4rem rgba(var(--color-shadow),.08);transition:transform .4s cubic-bezier(.22,1,.36,1),box-shadow .4s ease}@media(hover:hover){.product-reels__card:hover{transform:translateY(-.6rem);box-shadow:0 2rem 4rem rgba(var(--color-shadow),.14)}}.product-reels__link{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;border-radius:inherit}.product-reels__link:focus-visible{outline:3px solid rgb(var(--color-button));outline-offset:-3px}.product-reels__media{position:relative;aspect-ratio:9 / 16;overflow:hidden;background:rgba(var(--color-foreground),.08)}.product-reels__media video,.product-reels__media img,.product-reels__media .product-reels__placeholder{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.product-reels__placeholder{fill:rgba(var(--color-foreground),.3)}.product-reels__shade{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#00000040,#0000 25% 70%,#0003);pointer-events:none}.product-reels__label{position:absolute;z-index:1;top:1.2rem;left:1.2rem;padding:.6rem 1.2rem;border-radius:999px;background:#ffffffe6;color:rgb(var(--color-foreground));font-family:var(--font-body-family);font-size:1.2rem;font-weight:var(--font-body-weight-bold);line-height:1.2;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}.product-reels__play{position:absolute;z-index:1;top:50%;left:50%;display:grid;place-items:center;width:5.6rem;height:5.6rem;border-radius:50%;background:#ffffffd9;color:rgb(var(--color-button));transform:translate(-50%,-50%);transition:opacity .3s ease,transform .3s ease;pointer-events:none}.product-reels__play svg{width:2.4rem;height:2.4rem;margin-left:.3rem}.product-reels__card.is-playing .product-reels__play{opacity:0;transform:translate(-50%,-50%) scale(.8)}.product-reels__sound{position:absolute;z-index:3;top:1.2rem;right:1.2rem;display:grid;place-items:center;width:3.6rem;height:3.6rem;padding:0;border:0;border-radius:50%;background:#00000073;color:#fff;cursor:pointer;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);transition:background .25s ease}.product-reels__sound:hover{background:#000000a6}.product-reels__sound:focus-visible{outline:2px solid #fff;outline-offset:2px}.product-reels__sound svg{width:1.8rem;height:1.8rem}.product-reels__icon-sound,.product-reels__sound[aria-pressed=true] .product-reels__icon-muted{display:none}.product-reels__sound[aria-pressed=true] .product-reels__icon-sound{display:block}.product-reels__product{position:relative;z-index:3;display:flex;flex:1 1 auto;align-items:center;gap:1rem;padding:1.2rem;pointer-events:none}.product-reels__thumb{flex:0 0 auto;width:5.2rem;height:5.2rem;overflow:hidden;border-radius:1rem;background:rgba(var(--color-foreground),.05)}.product-reels__thumb img{display:block;width:100%;height:100%;object-fit:cover}.product-reels__info{display:flex;flex:1 1 auto;flex-direction:column;gap:.3rem;min-width:0}.product-reels__title{display:-webkit-box;overflow:hidden;font-family:var(--font-heading-family);font-weight:var(--font-heading-weight);font-size:1.4rem;line-height:1.3;color:rgb(var(--color-foreground));-webkit-box-orient:vertical;-webkit-line-clamp:2}.product-reels__price{display:flex;flex-wrap:wrap;row-gap:0;align-items:baseline;gap:.6rem;font-family:var(--font-body-family);font-size:1.3rem;font-weight:var(--font-body-weight-bold);color:rgb(var(--color-foreground))}.product-reels__price s{font-size:1.15rem;font-weight:400;color:rgba(var(--color-foreground),.5)}.product-reels__form{flex:0 0 auto;pointer-events:auto}.product-reels__add{position:relative;display:grid;place-items:center;width:3.8rem;height:3.8rem;padding:0;border:0;border-radius:50%;background:rgb(var(--color-button));color:rgb(var(--color-button-text));box-shadow:0 .6rem 1.4rem rgba(var(--color-button),.3);cursor:pointer;transition:transform .25s ease,opacity .25s ease}.product-reels__add:hover:not([disabled]){transform:scale(1.1)}.product-reels__add:focus-visible{outline:2px solid rgb(var(--color-foreground));outline-offset:2px}.product-reels__add[disabled]{opacity:.4;cursor:not-allowed}.product-reels__add-icon,.product-reels__add-icon svg{display:block;width:1.4rem;height:1.4rem}.product-reels__add.loading .product-reels__add-icon{visibility:hidden}.product-reels__add .loading__spinner{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center}.product-reels__add .loading__spinner.hidden,.product-reels__add .sold-out-message{display:none}.product-reels__add .loading__spinner svg{width:1.8rem;height:1.8rem}@media(prefers-reduced-motion:reduce){.product-reels__card,.product-reels__play{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/20/assets/section-product-reels.css.map */