.reels-section{background-color:var(--color-background);color:var(--color-foreground);padding:70px 40px 90px}.reels-section__head{text-align:center;max-width:480px;margin:0 auto 40px}.reels-section__eyebrow{margin-bottom:10px}.reels-section__heading{margin:0 0 14px}.reels-section__subheading{line-height:1.6;opacity:.7;margin:0}.reels-carousel{position:relative;max-width:1400px;margin:0 auto}.reels-grid{--reels-columns: var(--reels-columns-desktop, 5);display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - (var(--reels-columns, 5) - 1) * var(--reels-gap, 16px)) / var(--reels-columns, 5));gap:var(--reels-gap, 16px);overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;padding-bottom:4px}.reels-grid::-webkit-scrollbar{display:none}.reels-grid{scrollbar-width:none}.reels-nav{position:absolute;top:50%;transform:translateY(-50%);z-index:3;display:grid;place-content:center;width:2.75rem;height:2.75rem;padding:0;border:0;border-radius:50%;background:color-mix(in srgb,currentColor 8%,transparent);color:inherit;cursor:pointer;transition:opacity .2s ease}.reels-nav:hover{opacity:.7}.reels-nav svg{display:block;width:.75rem;height:.75rem}.reels-nav--prev{left:-8px}.reels-nav--next{right:-8px}@media(max-width:749px){.reels-nav{width:2.25rem;height:2.25rem}.reels-nav--prev{left:2px}.reels-nav--next{right:2px}}.reel-card{container-type:inline-size;position:relative;aspect-ratio:9 / 16;overflow:hidden;border-radius:var(--style-border-radius-media, 6px);background-color:var(--color-background-secondary);scroll-snap-align:start}.reel-card__video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;display:block}.reel-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#0000000d,#0000 30%,#000000c7);z-index:1;pointer-events:none}.reel-card__views{position:absolute;top:5cqw;left:5cqw;z-index:2;display:flex;align-items:center;gap:.45em;color:#fff;font-size:clamp(8px,4.4cqw,11px);font-weight:600;text-shadow:0 1px 4px rgb(0 0 0 / 45%)}.reel-card__views svg{width:1.1em;height:1.1em}.reel-card__mute{position:absolute;top:5cqw;right:5cqw;z-index:2;width:clamp(24px,11cqw,28px);height:clamp(24px,11cqw,28px);border-radius:50%;border:none;background:#fff3;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);display:flex;align-items:center;justify-content:center;cursor:pointer;padding:0}.reel-card__mute svg{width:50%;height:50%;color:#fff}.reel-card__tag{position:absolute;z-index:2;display:inline-flex;align-items:center;gap:.65em;top:var(--tag-top, 55%);left:var(--tag-left, 15%);max-width:calc(100% - var(--tag-left, 15%) - 5cqw);background-color:var(--color-background);color:var(--color-foreground);padding:.7em 1.15em .7em .85em;border-radius:999px;font-size:clamp(9px,5cqw,12px);text-decoration:none;box-shadow:0 4px 10px #00000040;transition:transform .15s ease}.reel-card__tag:hover{transform:scale(1.04)}.reel-card__tag-dot{width:.65em;height:.65em;border-radius:50%;background-color:var(--color-button, currentColor);flex-shrink:0}.reel-card__tag-text{display:flex;flex-direction:column;line-height:1.3;min-width:0}.reel-card__tag-title{font-weight:600;font-size:1em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.reel-card__tag-price{font-weight:500;font-size:.9em;white-space:nowrap;opacity:.6}.reel-card__caption{position:absolute;left:5cqw;right:5cqw;bottom:5cqw;z-index:2;color:#fff;text-shadow:0 1px 4px rgb(0 0 0 / 45%)}.reel-card__handle{font-size:clamp(9px,4.8cqw,12px);font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.reel-card__line{font-size:clamp(8px,4.4cqw,11px);color:#ffffffbf;margin-top:2px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}@media(max-width:989px){.reels-grid{--reels-columns: min(var(--reels-columns-desktop, 5), 3)}}@media(max-width:749px){.reels-section{padding:50px 16px 60px}.reels-grid{--reels-columns: var(--reels-columns-mobile, 2);--reels-gap: 10px;gap:var(--reels-gap)}}
/*# sourceMappingURL=/cdn/shop/t/27/assets/reels-shop-the-look.css.map */