.video-reels{width:100%}@media(min-width:769px){.video-reels{display:none}}.video-reels__container{max-width:var(--page-width, 1400px);margin:0 auto;padding:0 var(--space-8)}@media(max-width:768px){.video-reels__container{padding:0 var(--space-5)}}@media(max-width:480px){.video-reels__container{padding:0 var(--space-4)}}.video-reels__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-8, 32px)}@media(max-width:768px){.video-reels__header{margin-bottom:var(--space-6, 24px)}}@media(max-width:480px){.video-reels__header{margin-bottom:var(--space-5, 20px)}}.video-reels__title{font-family:var(--font-heading-family);font-weight:var(--font-heading-weight, 700);font-size:var(--font-size-2xl, 28px);color:var(--color-heading, #1a1a1a);margin:0;line-height:var(--line-height-tight, 1.2)}@media(max-width:768px){.video-reels__title{font-size:var(--font-size-xl, 24px)}}@media(max-width:480px){.video-reels__title{font-size:var(--font-size-lg, 20px)}}.video-reels__stage{position:relative;padding:0}.video-reels[data-show-navigation=true] .video-reels__stage{padding:0 calc(var(--reels-nav-size, 44px) + var(--space-4, 16px))}.video-reels__nav-btn{position:absolute;top:50%;transform:translateY(-50%);width:var(--reels-nav-size, 44px);height:var(--reels-nav-size, 44px);border:1px solid var(--color-border, #e5e5e5);background:var(--color-bg-primary, #fff);border-radius:var(--radius-full, 9999px);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--transition-base, .25s ease);padding:0;z-index:var(--z-dropdown, 100);opacity:0;visibility:hidden;pointer-events:none}.video-reels__nav-btn:hover{background:var(--color-heading, #1a1a1a);border-color:var(--color-heading, #1a1a1a);transform:translateY(-50%) scale(1.05)}.video-reels__nav-btn:focus-visible{outline:2px solid var(--color-text-muted, #666);outline-offset:2px}.video-reels__nav-btn--prev{left:0}.video-reels__nav-btn--next{right:0}.video-reels__nav-icon{width:18px;height:18px;stroke:var(--color-text-muted, #666);transition:stroke var(--transition-base, .25s ease)}.video-reels__nav-btn:hover .video-reels__nav-icon,.video-reels__nav-btn:focus-visible .video-reels__nav-icon{stroke:var(--color-bg-primary, #fff)}.video-reels--can-navigate .video-reels__stage:hover .video-reels__nav-btn,.video-reels--can-navigate .video-reels__stage:focus-within .video-reels__nav-btn{opacity:1;visibility:visible;pointer-events:auto}.video-reels__nav-btn.swiper-button-disabled,.video-reels__nav-btn.swiper-button-lock{opacity:0!important;visibility:hidden!important;pointer-events:none!important}@media(hover:none),(pointer:coarse){.video-reels--can-navigate .video-reels__nav-btn{opacity:1;visibility:visible;pointer-events:auto}}.video-reels__swiper{width:100%;padding:var(--space-3, 12px) 0;overflow:hidden}.video-reels__swiper-wrapper{display:flex;flex-wrap:nowrap}.video-reels__slide{height:auto;flex-shrink:0}.video-reels__pagination{display:flex;justify-content:center;margin-top:var(--space-6, 24px)}.video-reels__pagination.swiper-pagination{position:static!important;width:auto!important}.video-reels__pagination .swiper-pagination-bullet{width:10px;height:10px;margin:0 var(--space-1, 4px);border-radius:var(--radius-full, 9999px);background:var(--color-border, #e5e5e5);opacity:1;transition:all var(--transition-base, .25s ease)}.video-reels__pagination .swiper-pagination-bullet-active{width:24px;border-radius:var(--radius-md, 8px);background:var(--color-primary, #1a1a1a)}.video-reels__pagination.swiper-pagination-lock{display:none}.video-reels-card{position:relative;border-radius:var(--reels-card-radius, 16px);overflow:hidden;background:var(--reels-card-bg, var(--color-bg-dark, #e8e4e0));aspect-ratio:var(--reels-aspect-ratio, 9/16);cursor:pointer;transition:transform var(--transition-base, .25s ease),box-shadow var(--transition-base, .25s ease)}.video-reels-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-xl, 0 12px 40px rgba(0, 0, 0, .15))}.video-reels-card__video{width:100%;height:100%;object-fit:cover;display:block}.video-reels-card__video--external{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}.video-reels-card__placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:var(--reels-card-bg, var(--color-bg-dark, #e8e4e0));color:var(--color-text-muted, #999)}.video-reels-card__placeholder svg{width:48px;height:48px}.video-reels-card__placeholder-text{font-size:var(--font-size-sm, 14px);color:var(--color-text-muted, #999);margin-top:var(--space-2, 8px)}.video-reels-card__sound-btn{position:absolute;top:var(--space-3, 12px);right:var(--space-3, 12px);width:var(--reels-sound-size, 36px);height:var(--reels-sound-size, 36px);background:#00000080;border:none;border-radius:var(--radius-full, 9999px);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--transition-base, .25s ease);z-index:var(--z-dropdown, 100);padding:0}.video-reels-card__sound-btn:hover{background:#000000b3;transform:scale(1.1)}.video-reels-card__sound-btn:focus-visible{outline:2px solid var(--color-bg-primary, #fff);outline-offset:2px}.video-reels-card__sound-icon{width:18px;height:18px;color:var(--color-bg-primary, #fff);flex-shrink:0}.video-reels-card__sound-icon--on,.video-reels-card__sound-btn--unmuted .video-reels-card__sound-icon--off{display:none}.video-reels-card__sound-btn--unmuted .video-reels-card__sound-icon--on{display:block}@media(max-width:1200px){.video-reels-card{border-radius:var(--reels-card-radius-mobile, 14px)}}@media(max-width:768px){.video-reels[data-show-navigation=true] .video-reels__stage{padding:0 calc(var(--reels-nav-size-mobile, 36px) + var(--space-3, 12px))}.video-reels__nav-btn{width:var(--reels-nav-size-mobile, 36px);height:var(--reels-nav-size-mobile, 36px)}.video-reels__nav-icon{width:14px;height:14px}.video-reels-card{border-radius:var(--reels-card-radius-mobile, 12px)}.video-reels-card__sound-btn{width:var(--reels-sound-size-mobile, 32px);height:var(--reels-sound-size-mobile, 32px);top:var(--space-3, 10px);right:var(--space-3, 10px)}.video-reels-card__sound-icon{width:16px;height:16px}}@media(max-width:480px){.video-reels[data-show-navigation=true] .video-reels__stage{padding:0 calc(var(--reels-nav-size-mobile, 36px) + var(--space-2, 8px));padding:0}.video-reels-card__sound-btn{width:var(--reels-sound-size-xs, 28px);height:var(--reels-sound-size-xs, 28px);top:var(--space-2, 8px);right:var(--space-2, 8px)}.video-reels-card__sound-icon{width:14px;height:14px}}@media(prefers-reduced-motion:reduce){.video-reels-card,.video-reels__nav-btn,.video-reels-card__sound-btn{transition:none}.video-reels-card:hover{transform:none}}.js-focus-visible :focus:not(.focus-visible){outline:none}video-reels-section{display:block}
/*# sourceMappingURL=/cdn/shop/t/8/assets/section-video-reels.css.map */