.reels__head{display:flex;align-items:flex-end;justify-content:space-between;gap:var(--space-5)}.reels__track{--item-width: 62%;padding-block:var(--space-2)}.reels--small .reels__track{--item-width: 46%}.reels--large .reels__track{--item-width: 78%}@media screen and (min-width:750px){.reels__track{--item-width: 30%}.reels--small .reels__track{--item-width: 23%}.reels--large .reels__track{--item-width: 38%}}@media screen and (min-width:1200px){.reels__track{--item-width: calc((100% - var(--page-gutter) * 2 - var(--grid-gap) * 4) / 5)}.reels--small .reels__track{--item-width: calc((100% - var(--page-gutter) * 2 - var(--grid-gap) * 5) / 6)}.reels--large .reels__track{--item-width: calc((100% - var(--page-gutter) * 2 - var(--grid-gap) * 3) / 4)}}.reels__progress{margin-top:var(--space-5)}.reel-card{position:relative}.reel-card__open{position:relative;display:block;width:100%;padding:0;border:0;background:none;color:#fff;text-align:left;cursor:pointer}.reel-card__open:focus-visible{outline:2px solid var(--color-text);outline-offset:3px}.reel-card__media{background:#1a1512}.reel-card__media img,.reel-card__media video{transition:transform 1.2s var(--ease-out),opacity var(--duration-slow) var(--ease-out)}.reel-card__video{opacity:0}.reel-card.is-playing .reel-card__video{opacity:1}@media(hover:hover){.reels--hover-zoom .reel-card__open:hover .reel-card__media img,.reels--hover-zoom .reel-card__open:hover .reel-card__media video{transform:scale(1.06)}}.reel-card__shade{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,rgba(0,0,0,.28) 0%,transparent 22%),linear-gradient(0deg,rgba(0,0,0,.62) 0%,rgba(0,0,0,.18) 34%,transparent 55%);pointer-events:none}.reel-card__play{position:absolute;top:var(--space-3);right:var(--space-3);display:grid;place-items:center;width:2.25rem;height:2.25rem;border-radius:50%;background:#ffffff2e;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.35);transition:opacity var(--duration-base),transform var(--duration-base) var(--ease-out)}.reel-card__play svg{width:.85rem;height:.85rem;fill:currentColor;stroke:none;margin-left:2px}.reel-card.is-playing .reel-card__play{opacity:0;transform:scale(.8)}.reel-card__caption{position:absolute;inset:auto var(--space-4) var(--space-4) var(--space-4);font-family:var(--font-display);font-style:var(--font-editorial-style, italic);font-size:clamp(1.05rem,.95rem + .4vw,1.3rem);line-height:1.2;text-shadow:0 2px 16px rgba(0,0,0,.35)}.reel-card:has(.reel-card__product) .reel-card__caption{bottom:5.25rem}.reel-card__product{position:absolute;inset:auto var(--space-3) var(--space-3) var(--space-3);z-index:2;display:flex;align-items:center;gap:var(--space-2);padding:.4rem .6rem .4rem .4rem;background:rgba(var(--color-bg-rgb),.92);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:var(--color-text);transition:transform var(--duration-base) var(--ease-out),box-shadow var(--duration-base)}.reel-card__product:hover{transform:translateY(-2px);box-shadow:0 10px 24px -12px #00000073}.reel-card__product-link{display:flex;align-items:center;gap:.6rem;flex:1;min-width:0;text-decoration:none;color:inherit}.reel-card__thumb{flex-shrink:0;width:2.75rem;aspect-ratio:3 / 4;overflow:hidden;background:var(--color-surface)}.reel-card__thumb img{width:100%;height:100%;object-fit:cover}.reel-card__product-text{display:flex;flex-direction:column;gap:.1rem;min-width:0}.reel-card__product-title{font-size:var(--fs-xs);line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.reel-card__price{font-size:var(--fs-xs)}.reel-card__price s,.reel-card__price .price__compare{display:none}.reel-card__more{flex-shrink:0;padding:.15rem .45rem;border:1px solid var(--color-border);color:var(--color-muted)}.reel-card__body{position:relative;border-radius:var(--reel-radius, 0);overflow:hidden;isolation:isolate}.reel-card__index{position:absolute;top:var(--space-3);left:var(--space-4);letter-spacing:.2em;color:#ffffffd9;text-shadow:0 1px 8px rgba(0,0,0,.35)}.reel-card__play svg{width:.85rem;height:.85rem}.reels--frame-soft{--reel-radius: 14px}.reels--frame-arch{--reel-radius: 50% 50% 0 0 / 28% 28% 0 0}.reels--frame-arch .reel-card__index{top:7%;left:50%;transform:translate(-50%)}.reels--frame-arch .reel-card__play{top:50%;right:auto;left:50%;width:3.25rem;height:3.25rem;transform:translate(-50%,-50%)}.reels--frame-arch .reel-card.is-playing .reel-card__play{transform:translate(-50%,-50%) scale(.8)}.reels--frame-arch .reel-card__body:before{content:"";position:absolute;top:6px;right:6px;bottom:6px;left:6px;z-index:1;border:1px solid rgba(255,255,255,.45);border-radius:inherit;pointer-events:none}.reel-card__info{display:flex;flex-direction:column;gap:var(--space-1);padding-top:var(--space-4)}.reel-card__info-caption{margin:0;font-family:var(--font-display);font-style:var(--font-editorial-style, italic);font-size:clamp(1.05rem,.95rem + .4vw,1.25rem);line-height:1.2}.reel-card__info-product{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:.25rem var(--space-3);text-decoration:none;color:inherit}.reel-card__info-title{font-size:var(--fs-xs);color:var(--color-muted);min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}.reel-card__info-product:hover .reel-card__info-title{color:var(--color-text);text-decoration:underline;text-underline-offset:3px}.reel-card__info-price{font-size:var(--fs-xs)}.reels--style-minimal .reel-card__shade{background:linear-gradient(180deg,rgba(0,0,0,.25) 0%,transparent 25%)}.reel-card__shop-badge{position:absolute;left:var(--space-3);bottom:var(--space-3);display:inline-flex;align-items:center;gap:.35rem;padding:.35rem .65rem;border-radius:999px;background:rgba(var(--color-bg-rgb),.92);color:var(--color-text)}.reel-card__shop-badge svg{width:.9rem;height:.9rem}.reels--frame-arch.reels--style-minimal .reel-card__shop-badge{left:50%;transform:translate(-50%)}.reels--hover-lift .reel-card__body{transition:transform var(--duration-base) var(--ease-out),box-shadow var(--duration-base) var(--ease-out)}@media(hover:hover){.reels--hover-lift .reel-card:hover .reel-card__body{transform:translateY(-8px);box-shadow:0 24px 40px -22px rgba(var(--color-text-rgb),.55)}}.reels--hover-tilt .reel-card{perspective:900px}.reels--hover-tilt .reel-card__body{transform:rotateX(var(--rx, 0deg)) rotateY(var(--ry, 0deg));transition:transform .5s var(--ease-out);will-change:transform}.reels--hover-tilt .reel-card.is-tilting .reel-card__body{transition:transform .12s linear}.reels--hover-tilt .reel-card__body:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;background:radial-gradient(circle at var(--mx, 50%) var(--my, 30%),rgba(255,255,255,.28),transparent 55%);opacity:0;transition:opacity var(--duration-base);pointer-events:none}.reels--hover-tilt .reel-card.is-tilting .reel-card__body:after{opacity:1}.reels__head--center{justify-content:center;text-align:center}.reels--layout-spotlight .reels__track{--item-width: 64vw;padding-inline:calc((100% - var(--item-width)) / 2);scroll-padding-inline:calc((100% - var(--item-width)) / 2);padding-block:var(--space-5);perspective:1600px}.reels--layout-spotlight.reels--small .reels__track{--item-width: 52vw}.reels--layout-spotlight.reels--large .reels__track{--item-width: 74vw}@media screen and (min-width:750px){.reels--layout-spotlight .reels__track{--item-width: 30vw}.reels--layout-spotlight.reels--small .reels__track{--item-width: 24vw}.reels--layout-spotlight.reels--large .reels__track{--item-width: 36vw}}@media screen and (min-width:1200px){.reels--layout-spotlight .reels__track{--item-width: 22vw}.reels--layout-spotlight.reels--small .reels__track{--item-width: 18vw}.reels--layout-spotlight.reels--large .reels__track{--item-width: 27vw}}.reels--layout-spotlight .reels__track>*{scroll-snap-align:center}.reels--layout-spotlight .reel-card{transform-style:preserve-3d}.reels--layout-spotlight .reel-card__body{transform:scale(calc(1 - var(--d, 0) * .14)) rotateY(calc(var(--side, 0) * var(--d, 0) * -16deg));opacity:calc(1 - var(--d, 0) * .5);transform-origin:50% 60%}.reels--layout-spotlight .reel-card__caption,.reels--layout-spotlight .reel-card__product,.reels--layout-spotlight .reel-card__info{transition:opacity var(--duration-base) var(--ease-out),transform var(--duration-base) var(--ease-out)}.reels--layout-spotlight .reel-card:not(.is-active) .reel-card__caption,.reels--layout-spotlight .reel-card:not(.is-active) .reel-card__product,.reels--layout-spotlight .reel-card:not(.is-active) .reel-card__info{opacity:0;transform:translateY(8px);pointer-events:none}.reels--layout-spotlight .reel-card.is-active .reel-card__body{box-shadow:0 34px 60px -30px rgba(var(--color-text-rgb),.55)}.reels__spot-nav{display:flex;align-items:center;justify-content:center;gap:var(--space-5);margin-top:var(--space-4)}.reels__spot-count{min-width:4.5rem;text-align:center;letter-spacing:.2em;font-variant-numeric:tabular-nums}.reels__mosaic{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-6) var(--grid-gap);align-items:start;padding-bottom:3rem}.reels__mosaic>.reel-card:nth-child(2n){margin-top:3rem}@media screen and (min-width:990px){.reels__mosaic{grid-template-columns:repeat(var(--mosaic-cols, 5),minmax(0,1fr));padding-bottom:6rem}.reels__mosaic>.reel-card:nth-child(2n){margin-top:6rem}}.reel-viewer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--z-modal);visibility:hidden;pointer-events:none;color:#fff}.reel-viewer.is-open{visibility:visible;pointer-events:auto}.reel-viewer__backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#0c0908f0;opacity:0;transition:opacity var(--duration-slow) var(--ease-out)}.reel-viewer.is-open .reel-viewer__backdrop{opacity:1}.reel-viewer__chrome{position:relative;height:100%;display:flex;align-items:center;justify-content:center;gap:var(--space-6);opacity:0;transform:scale(.97);transition:opacity var(--duration-base) var(--ease-out),transform var(--duration-slow) var(--ease-out);pointer-events:none}.reel-viewer.is-open .reel-viewer__chrome{opacity:1;transform:none}.reel-viewer__chrome>*{pointer-events:auto}.reel-viewer__nav{display:grid;place-items:center;flex-shrink:0;width:3rem;height:3rem;border:1px solid rgba(255,255,255,.35);border-radius:50%;background:transparent;color:#fff;cursor:pointer;transition:background-color var(--duration-fast),border-color var(--duration-fast)}.reel-viewer__nav svg{width:1.1rem;height:1.1rem}.reel-viewer__nav:hover{background:#ffffff1f;border-color:#fff}.reel-viewer__nav[disabled]{opacity:.25;cursor:default}.reel-viewer__nav:focus-visible,.reel-slide__ctrl:focus-visible{outline:2px solid #fff;outline-offset:3px}.reel-slide{display:flex;align-items:stretch;gap:var(--space-5)}.reel-slide[hidden]{display:none}.reel-slide__frame{position:relative;height:min(88vh,860px);aspect-ratio:9 / 16;overflow:hidden;background:#000;box-shadow:0 40px 80px -30px #000000b3}.reel-slide__media{position:absolute;top:0;right:0;bottom:0;left:0;aspect-ratio:auto;border-radius:0;background:#000}.reel-slide__progress{position:absolute;inset:var(--space-3) var(--space-3) auto var(--space-3);z-index:3;display:flex;gap:4px}.reel-slide__bar{flex:1;height:2px;background:#ffffff52;overflow:hidden}.reel-slide__bar i{display:block;height:100%;background:#fff;transform-origin:left;transform:scaleX(var(--p, 0))}.reel-slide__bar.is-done i{--p: 1}.reel-slide__top{position:absolute;inset:calc(var(--space-3) + 12px) var(--space-3) auto var(--space-4);z-index:3;display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-3);pointer-events:none}.reel-slide__top>*{pointer-events:auto}.reel-slide__caption{margin:.4rem 0 0;font-family:var(--font-display);font-style:var(--font-editorial-style, italic);font-size:1.15rem;line-height:1.2;text-shadow:0 2px 16px rgba(0,0,0,.45)}.reel-slide__controls{display:flex;gap:var(--space-2);margin-left:auto}.reel-slide__ctrl{display:grid;place-items:center;width:2.75rem;height:2.75rem;border:0;border-radius:50%;background:#00000052;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;cursor:pointer}.reel-slide__ctrl svg{width:1.05rem;height:1.05rem}.reel-slide__ctrl .icon-play{fill:currentColor;stroke:none}.reel-slide__ctrl-play,.reel-slide__ctrl-off,.reel-slide.is-paused .reel-slide__ctrl-pause{display:none}.reel-slide.is-paused .reel-slide__ctrl-play{display:contents}.reel-viewer.is-muted .reel-slide__ctrl-on{display:none}.reel-viewer.is-muted .reel-slide__ctrl-off{display:contents}.reel-slide__tap{position:absolute;top:18%;bottom:30%;z-index:2;width:35%;border:0;background:transparent;cursor:pointer}.reel-slide__tap--prev{left:0}.reel-slide__tap--next{right:0}.reel-slide__shop{display:flex;flex-direction:column;gap:var(--space-4);width:22rem;max-height:min(88vh,860px);padding:var(--space-5);overflow-y:auto;background:var(--color-bg);color:var(--color-text);align-self:flex-end}.reel-slide__shop-title{margin:0;color:var(--color-muted)}.reel-slide__products{display:flex;flex-direction:column;gap:var(--space-4)}.reel-product{display:grid;grid-template-columns:5rem minmax(0,1fr);gap:var(--space-4);align-items:start}.reel-product+.reel-product{padding-top:var(--space-4);border-top:1px solid var(--color-border)}.reel-product__body{display:flex;flex-direction:column;gap:var(--space-2);min-width:0}.reel-product__title{font-family:var(--font-product-title, var(--font-body));font-size:var(--fs-small);line-height:1.35;text-decoration:none;color:inherit}.reel-product__title:hover{text-decoration:underline;text-underline-offset:3px}.reel-product__price{font-size:var(--fs-small)}.reel-product__actions{display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-3);margin-top:var(--space-1)}.reel-product__add.is-loading{opacity:.6;pointer-events:none}@media screen and (max-width:749px){.reel-viewer__nav{display:none}.reel-viewer__chrome{gap:0}.reel-slide{position:relative;width:100vw;height:100dvh}.reel-slide__frame{width:100%;height:100%;aspect-ratio:auto;box-shadow:none}.reel-slide__tap{bottom:38%}.reel-slide__shop{position:absolute;inset:auto 0 0 0;z-index:4;width:auto;max-height:46dvh;padding:var(--space-4) var(--page-gutter) calc(var(--space-4) + env(safe-area-inset-bottom));gap:var(--space-3);background:rgba(var(--color-bg-rgb),.96)}.reel-slide__products{flex-direction:row;gap:var(--space-3);overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none}.reel-slide__products::-webkit-scrollbar{display:none}.reel-product{flex:0 0 min(19rem,86%);grid-template-columns:4rem minmax(0,1fr);gap:var(--space-3);scroll-snap-align:start}.reel-product+.reel-product{padding-top:0;border-top:0;padding-left:var(--space-3);border-left:1px solid var(--color-border)}}@media(prefers-reduced-motion:reduce){.reel-card__media img,.reel-card__media video,.reel-card__body{transition:none}.reels--hover-tilt .reel-card__body{transform:none}}
/*# sourceMappingURL=/cdn/shop/t/5/assets/section-reels.css.map */