.ugc-video-section{padding:4rem 0;overflow:hidden}.ugc-video-section__container{max-width:1400px}.ugc-video-section__header{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:2rem;margin-bottom:2.5rem}.ugc-video-section__header-content{max-width:600px}.ugc-video-section__subtitle{display:inline-block;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:#c9a24d;background:linear-gradient(135deg,#c9a24d26,#c9a24d14);padding:.5rem 1rem;border-radius:100px;margin-bottom:1rem}.ugc-video-section__title{font-size:2.25rem;font-weight:700;line-height:1.2;margin:0 0 .75rem;color:rgb(var(--color-foreground))}.ugc-video-section__description{font-size:1.0625rem;color:rgba(var(--color-foreground),.7);margin:0;line-height:1.5}.ugc-video-section__stats{display:flex;gap:2.5rem}.ugc-video-section__stat{text-align:center}.ugc-video-section__stat-number{display:block;font-size:2rem;font-weight:800;color:#3f5147;line-height:1}.ugc-video-section__stat-label{display:block;font-size:.8125rem;color:rgba(var(--color-foreground),.6);margin-top:.25rem}.ugc-video-section__stars{display:flex;justify-content:center;gap:.125rem;margin-top:.375rem}.ugc-video-section__stars svg{width:14px;height:14px;color:#c9a24d}.ugc-video-slider{position:relative;overflow:visible;padding:1rem 0}.ugc-video-slider__track{display:flex;gap:20px;transition:transform .5s cubic-bezier(.25,.1,.25,1);will-change:transform}.ugc-video-card{flex-shrink:0;width:280px;cursor:pointer;transition:all .4s cubic-bezier(.25,.1,.25,1)}.ugc-video-card__inner{background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 4px 20px #00000014;transition:all .4s cubic-bezier(.25,.1,.25,1)}.ugc-video-card:hover .ugc-video-card__inner{transform:translateY(-8px);box-shadow:0 12px 40px #00000026}.ugc-video-card.is-active .ugc-video-card__inner{box-shadow:0 8px 30px #3f514733}.ugc-video-card__video-wrapper{position:relative;aspect-ratio:9 / 16;background:linear-gradient(135deg,#1a1a1a,#2d2d2d);overflow:hidden}.ugc-video-card__poster{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;z-index:1;transition:opacity .3s ease}.ugc-video-card__poster--placeholder{background:linear-gradient(135deg,#2d2d2d,#1a1a1a)}.ugc-video-card.is-video-loaded.is-active .ugc-video-card__poster{opacity:0;pointer-events:none}.ugc-video-card__video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .3s ease;z-index:2}.ugc-video-card.is-video-loaded.is-active .ugc-video-card__video{opacity:1}.ugc-video-card__loading{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#0000004d;z-index:5;opacity:0;pointer-events:none;transition:opacity .2s ease}.ugc-video-card.is-loading .ugc-video-card__loading{opacity:1}.ugc-video-card__spinner{width:40px;height:40px;border:3px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:ugcSpin .8s linear infinite}@keyframes ugcSpin{to{transform:rotate(360deg)}}.ugc-video-card__play-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#0000004d;opacity:0;transition:opacity .3s ease;z-index:10}.ugc-video-card:hover .ugc-video-card__play-overlay{opacity:1}.ugc-video-card__play-icon{width:56px;height:56px;display:flex;align-items:center;justify-content:center;background:#fffffff2;border-radius:50%;box-shadow:0 4px 20px #0000004d;transition:transform .3s ease}.ugc-video-card:hover .ugc-video-card__play-icon{transform:scale(1.1)}.ugc-video-card__play-icon svg{width:24px;height:24px;color:#3f5147;margin-left:3px}.ugc-video-card__progress{position:absolute;bottom:0;left:0;right:0;height:3px;background:#ffffff4d;z-index:11}.ugc-video-card__progress-bar{height:100%;width:0;background:linear-gradient(90deg,#c9a24d,#e8c76a);border-radius:0 3px 3px 0}.ugc-video-card__sound-hint{position:absolute;bottom:12px;left:12px;display:flex;align-items:center;gap:.375rem;padding:.375rem .625rem;background:#000000b3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:100px;opacity:0;transition:opacity .3s ease;z-index:12}.ugc-video-card:hover .ugc-video-card__sound-hint{opacity:1}.ugc-video-card__sound-hint svg{width:14px;height:14px;color:#fff}.ugc-video-card__sound-hint span{font-size:.6875rem;color:#fff;font-weight:500}.ugc-video-card__content{padding:1rem}.ugc-video-card__user{display:flex;align-items:center;gap:.75rem;margin-bottom:.75rem}.ugc-video-card__avatar,.ugc-video-card__avatar-placeholder{width:40px;height:40px;border-radius:50%;flex-shrink:0}.ugc-video-card__avatar{object-fit:cover}.ugc-video-card__avatar-placeholder{display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#3f5147,#2d3a32);color:#fff;font-size:1rem;font-weight:600}.ugc-video-card__user-info{flex:1;min-width:0}.ugc-video-card__name{display:block;font-size:.9375rem;font-weight:600;color:rgb(var(--color-foreground))}.ugc-video-card__verified{display:flex;align-items:center;gap:.25rem;font-size:.6875rem;color:#2d7a4d;font-weight:500}.ugc-video-card__verified svg{width:12px;height:12px}.ugc-video-card__quote{font-size:.875rem;color:rgba(var(--color-foreground),.7);line-height:1.4;margin:0 0 .75rem;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.ugc-video-card__product-tag{display:inline-flex;align-items:center;gap:.25rem;padding:.375rem .625rem;background:#3f514714;border-radius:100px;font-size:.75rem;color:#3f5147}.ugc-video-card__product-tag strong{font-weight:600}.ugc-video-slider__nav{position:absolute;top:50%;transform:translateY(-50%);width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:#fff;border:none;border-radius:50%;box-shadow:0 4px 16px #0000001f;cursor:pointer;z-index:10;transition:all .2s ease}.ugc-video-slider__nav:hover{transform:translateY(-50%) scale(1.08);box-shadow:0 6px 24px #0000002e}.ugc-video-slider__nav--prev{left:-24px}.ugc-video-slider__nav--next{right:-24px}.ugc-video-slider__nav svg{width:24px;height:24px;color:#3f5147}.ugc-video-slider__dots{display:flex;justify-content:center;gap:.5rem;margin-top:1.5rem}.ugc-video-slider__dot{width:8px;height:8px;padding:0;border:none;border-radius:50%;background:rgba(var(--color-foreground),.2);cursor:pointer;transition:all .3s ease}.ugc-video-slider__dot:hover{background:rgba(var(--color-foreground),.4)}.ugc-video-slider__dot.is-active{width:24px;border-radius:4px;background:#3f5147}.ugc-video-section__cta{text-align:center;margin-top:3rem}.ugc-video-section__cta-btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:1rem 2.5rem;background:linear-gradient(135deg,#1f3a2b,#2d4a3a);color:#fff;font-size:1.0625rem;font-weight:600;text-decoration:none;border-radius:10px;box-shadow:0 4px 20px #1f3a2b4d;transition:all .3s ease}.ugc-video-section__cta-btn:hover{transform:translateY(-3px);box-shadow:0 8px 30px #1f3a2b66}.ugc-video-section__cta-btn svg{width:20px;height:20px}.ugc-video-section__cta-subtext{margin:1rem 0 0;font-size:.875rem;color:rgba(var(--color-foreground),.6)}.ugc-video-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:999999;display:flex;align-items:center;justify-content:center;visibility:hidden;opacity:0;transition:visibility .3s,opacity .3s ease}.ugc-video-modal.is-open{visibility:visible;opacity:1}.ugc-video-modal__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#000000f2}.ugc-video-modal__container{position:relative;width:100%;max-width:1200px;max-height:90vh;margin:1rem;z-index:1}.ugc-video-modal__content{display:grid;grid-template-columns:auto 320px;gap:0;background:#fff;border-radius:20px;overflow:hidden;transform:scale(.95);transition:transform .4s cubic-bezier(.25,.1,.25,1);max-height:85vh;align-items:start}.ugc-video-modal.is-open .ugc-video-modal__content{transform:scale(1)}.ugc-video-modal__close{position:absolute;top:12px;right:12px;width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:#0009;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:none;border-radius:50%;cursor:pointer;transition:all .2s ease;z-index:100}.ugc-video-modal__close:hover{background:#000c;transform:scale(1.1)}.ugc-video-modal__close svg{width:24px;height:24px;color:#fff}.ugc-video-modal__player{position:relative;background:#000;aspect-ratio:9 / 16;max-height:85vh;min-width:300px}.ugc-video-modal__video{width:100%;height:100%;object-fit:contain}.ugc-video-modal__controls{position:absolute;bottom:0;left:0;right:0;display:flex;align-items:center;gap:1rem;padding:1rem 1.5rem;background:linear-gradient(transparent,#000c);opacity:0;transition:opacity .3s ease}.ugc-video-modal__player:hover .ugc-video-modal__controls{opacity:1}.ugc-video-modal__play-pause,.ugc-video-modal__mute,.ugc-video-modal__fullscreen{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:#ffffff1a;border:none;border-radius:50%;cursor:pointer;transition:background .2s ease}.ugc-video-modal__play-pause:hover,.ugc-video-modal__mute:hover,.ugc-video-modal__fullscreen:hover{background:#fff3}.ugc-video-modal__play-pause svg,.ugc-video-modal__mute svg,.ugc-video-modal__fullscreen svg{width:20px;height:20px;color:#fff}.ugc-video-modal__play-pause .pause-icon,.ugc-video-modal__play-pause.is-playing .play-icon{display:none}.ugc-video-modal__play-pause.is-playing .pause-icon{display:block}.ugc-video-modal__mute .mute-icon,.ugc-video-modal__mute.is-muted .volume-icon{display:none}.ugc-video-modal__mute.is-muted .mute-icon{display:block}.ugc-video-modal__progress-container{flex:1;cursor:pointer}.ugc-video-modal__progress-bar{height:4px;background:#ffffff4d;border-radius:2px;overflow:hidden}.ugc-video-modal__progress-filled{height:100%;width:0;background:linear-gradient(90deg,#c9a24d,#e8c76a);transition:width .1s linear}.ugc-video-modal__time{font-size:.75rem;color:#ffffffb3;margin-top:.25rem;display:block}.ugc-video-modal__info{display:flex;flex-direction:column;padding:1.5rem;background:#fff;overflow-y:auto;max-height:85vh;justify-content:flex-start;gap:0}.ugc-video-modal__user{display:flex;align-items:center;gap:.875rem;margin-bottom:1rem}.ugc-video-modal__avatar{width:56px;height:56px;border-radius:50%;background-size:cover;background-position:center;background-color:#3f5147;display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.5rem;font-weight:600}.ugc-video-modal__user-details{flex:1}.ugc-video-modal__name{display:block;font-size:1.25rem;font-weight:700;color:rgb(var(--color-foreground))}.ugc-video-modal__verified{display:flex;align-items:center;gap:.25rem;font-size:.875rem;color:#2d7a4d;font-weight:500;margin-top:.25rem}.ugc-video-modal__verified svg{width:14px;height:14px}.ugc-video-modal__quote{font-size:1.0625rem;color:rgba(var(--color-foreground),.8);line-height:1.5;margin:0 0 1rem;font-style:italic}.ugc-video-modal__product{display:inline-flex;align-items:center;gap:.375rem;padding:.5rem .875rem;background:#3f514714;border-radius:100px;font-size:1rem;color:#3f5147;margin-bottom:0}.ugc-video-modal__product:empty{display:none}.ugc-video-modal__nav{margin-top:1.5rem;padding-top:1rem;border-top:1px solid rgba(var(--color-foreground),.1)}.ugc-video-modal__nav-label{display:block;font-size:.8125rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:rgba(var(--color-foreground),.5);margin-bottom:.75rem}.ugc-video-modal__nav-thumbnails{display:flex;gap:.5rem;overflow-x:auto;padding-bottom:.5rem}.ugc-video-modal__thumb{flex-shrink:0;width:60px;height:80px;border:2px solid transparent;border-radius:8px;background-size:cover;background-position:center;cursor:pointer;transition:all .2s ease;position:relative;overflow:hidden}.ugc-video-modal__thumb:hover{border-color:rgba(var(--color-foreground),.3)}.ugc-video-modal__thumb.is-active{border-color:#3f5147}.ugc-video-modal__thumb-name{position:absolute;bottom:0;left:0;right:0;padding:.25rem;background:linear-gradient(transparent,#000c);color:#fff;font-size:.5rem;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ugc-video-modal__cta{margin-top:1.25rem}.ugc-video-modal__cta-btn{display:block;width:100%;padding:.875rem 1.5rem;background:linear-gradient(135deg,#1f3a2b,#2d4a3a);color:#fff;font-size:1rem;font-weight:600;text-decoration:none;text-align:center;border-radius:10px;transition:all .2s ease}.ugc-video-modal__cta-btn:hover{transform:translateY(-2px);box-shadow:0 4px 16px #1f3a2b4d}.ugc-video-modal__trust{display:flex;justify-content:center;gap:1rem;margin-top:.75rem;font-size:.875rem;color:rgba(var(--color-foreground),.6)}.ugc-video-modal__arrow{position:absolute;top:50%;transform:translateY(-50%);width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:#ffffff1a;border:none;border-radius:50%;cursor:pointer;transition:all .2s ease;z-index:10}.ugc-video-modal__arrow:hover{background:#fff3}.ugc-video-modal__arrow svg{width:24px;height:24px;color:#fff}.ugc-video-modal__arrow--prev{left:-70px}.ugc-video-modal__arrow--next{right:-70px}@media screen and (max-width: 990px){.ugc-video-section__header{flex-direction:column;align-items:flex-start;gap:1.5rem}.ugc-video-section__title{font-size:1.75rem}.ugc-video-slider__nav--prev{left:8px}.ugc-video-slider__nav--next{right:8px}.ugc-video-modal__content{grid-template-columns:1fr;max-height:90vh;overflow-y:auto}.ugc-video-modal__player{max-height:50vh}.ugc-video-modal__arrow{display:none}}@media screen and (max-width: 749px){.ugc-video-section{padding:2.5rem 0}.ugc-video-section__subtitle{font-size:.6875rem;padding:.375rem .75rem}.ugc-video-section__title{font-size:1.5rem}.ugc-video-section__description{font-size:.9375rem}.ugc-video-section__stats{gap:1.5rem}.ugc-video-section__stat-number{font-size:1.5rem}.ugc-video-section__stat-label{font-size:.75rem}.ugc-video-card{width:240px}.ugc-video-card__inner{border-radius:12px}.ugc-video-card__content{padding:.875rem}.ugc-video-card__avatar,.ugc-video-card__avatar-placeholder{width:36px;height:36px}.ugc-video-card__name{font-size:.875rem}.ugc-video-card__quote{font-size:.8125rem;-webkit-line-clamp:2}.ugc-video-slider__nav{width:40px;height:40px}.ugc-video-slider__nav svg{width:20px;height:20px}.ugc-video-slider__nav--prev{left:4px}.ugc-video-slider__nav--next{right:4px}.ugc-video-section__cta{margin-top:2rem}.ugc-video-section__cta-btn{padding:.875rem 2rem;font-size:.9375rem}.ugc-video-modal__overlay{background:#000}.ugc-video-modal__container{margin:0;max-width:100%;max-height:100%;height:100%;display:flex;flex-direction:column}.ugc-video-modal__content{display:flex;flex-direction:column;border-radius:0;height:100%;background:#000;gap:0}.ugc-video-modal__close{position:fixed;top:env(safe-area-inset-top,12px);right:12px;width:44px;height:44px;background:#0009;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-radius:50%;z-index:100}.ugc-video-modal__close svg{width:22px;height:22px}.ugc-video-modal__player{flex:1;max-height:none;min-height:50vh;display:flex;align-items:center;justify-content:center;position:relative}.ugc-video-modal__video{width:100%;height:100%;object-fit:contain;max-height:70vh}.ugc-video-modal__controls{display:none!important}.ugc-video-modal__info{background:#fff;border-radius:20px 20px 0 0;padding:16px 16px calc(16px + env(safe-area-inset-bottom,0px));max-height:40vh;overflow-y:auto;-webkit-overflow-scrolling:touch}.ugc-video-modal__user{gap:12px;margin-bottom:12px}.ugc-video-modal__avatar{width:44px;height:44px;font-size:1.125rem}.ugc-video-modal__name{font-size:.9375rem}.ugc-video-modal__verified{font-size:.6875rem}.ugc-video-modal__quote{font-size:.875rem;margin-bottom:12px;line-height:1.4}.ugc-video-modal__product{font-size:.8125rem;padding:.375rem .75rem;margin-bottom:12px}.ugc-video-modal__nav{padding-top:12px;margin-top:0}.ugc-video-modal__nav-label{font-size:.6875rem;margin-bottom:8px}.ugc-video-modal__nav-thumbnails{display:flex;gap:8px;overflow-x:auto;padding-bottom:8px;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch}.ugc-video-modal__thumb{width:48px;height:64px;flex-shrink:0;scroll-snap-align:start;border-width:2px}.ugc-video-modal__thumb.is-active{border-color:#c9a24d}.ugc-video-modal__thumb-name{font-size:.5rem;padding:2px}.ugc-video-modal__cta{margin-top:12px}.ugc-video-modal__cta-btn{padding:12px 16px;font-size:.875rem;border-radius:8px}.ugc-video-modal__trust{flex-direction:row;flex-wrap:wrap;justify-content:center;gap:8px 16px;margin-top:8px;font-size:.6875rem}.ugc-video-modal__arrow{position:fixed;top:50%;transform:translateY(-50%);width:36px;height:80px;background:#ffffff1a;border-radius:8px;display:flex;align-items:center;justify-content:center;z-index:50}.ugc-video-modal__arrow--prev{left:4px}.ugc-video-modal__arrow--next{right:4px}.ugc-video-modal__arrow svg{width:20px;height:20px;opacity:.7}}@keyframes ugc-pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.05);opacity:.8}}.ugc-video-card{animation:ugcFadeIn .6s ease forwards;opacity:0}.ugc-video-card:nth-child(1){animation-delay:0s}.ugc-video-card:nth-child(2){animation-delay:.1s}.ugc-video-card:nth-child(3){animation-delay:.2s}.ugc-video-card:nth-child(4){animation-delay:.3s}.ugc-video-card:nth-child(5){animation-delay:.4s}@keyframes ugcFadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.ugc-video-card.is-active .ugc-video-card__inner:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(45deg,transparent 40%,rgba(255,255,255,.1) 50%,transparent 60%);background-size:200% 100%;animation:ugcShimmer 2s infinite;pointer-events:none;z-index:1}@keyframes ugcShimmer{0%{background-position:200% 0}to{background-position:-200% 0}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/section-ugc-video-slider.css.map */