.ugc-section{background:#fff;padding:80px 0 64px;border-bottom:1px solid var(--color-border, #E5E1D8)}.ugc-section__header{text-align:center;margin-bottom:48px}.ugc-section__eyebrow{font-family:var(--font-body);font-size:11px;font-weight:700;letter-spacing:.22em;text-transform:uppercase;color:var(--color-brand-primary, #F57E25);margin:0 0 14px}.ugc-section__heading{font-family:var(--font-heading);font-size:clamp(28px,3.5vw,42px);font-weight:500;line-height:1.1;letter-spacing:-.02em;color:var(--color-text, #1A1A1A);margin:0 0 12px}.ugc-section__sub{font-family:var(--font-body);font-size:15px;line-height:1.55;color:var(--color-text-light, #4a4a4a);max-width:560px;margin:0 auto}.ugc-carousel{position:relative;overflow:hidden}.ugc-carousel__viewport{overflow:hidden}.ugc-carousel__track{display:flex;gap:16px;padding-left:40px;transition:transform .5s cubic-bezier(.25,.46,.45,.94)}@media(max-width:768px){.ugc-carousel__track{padding-left:20px}}.ugc-card{position:relative;flex:0 0 calc(20% - 13px);min-width:220px;aspect-ratio:9 / 16;border-radius:16px;overflow:hidden;cursor:pointer;background:#1a1a1a;isolation:isolate;transition:transform .35s cubic-bezier(.16,1,.3,1),box-shadow .35s ease}.ugc-card:hover{transform:translateY(-4px);box-shadow:0 30px 60px -20px #00000059}.ugc-card:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,transparent 30%,rgba(0,0,0,.55) 100%);pointer-events:none;z-index:1}@media(max-width:1280px){.ugc-card{flex:0 0 calc(25% - 12px)}}@media(max-width:1024px){.ugc-card{flex:0 0 calc(33.333% - 11px);min-width:200px}}@media(max-width:768px){.ugc-card{flex:0 0 60%;min-width:200px}.ugc-section{padding:56px 0 40px}.ugc-section__heading{font-size:28px}}@media(max-width:480px){.ugc-card{flex:0 0 75%}}.ugc-card__poster,.ugc-card__preview{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;display:block}.ugc-card__preview{z-index:0;opacity:0;transition:opacity .4s ease}.ugc-card:hover .ugc-card__preview{opacity:1}.ugc-card:hover .ugc-card__poster{opacity:0;transition:opacity .4s ease}.ugc-card__poster{z-index:0;transition:opacity .4s ease}.ugc-card__placeholder{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 30% 30%,rgba(245,126,37,.25) 0%,transparent 55%),linear-gradient(145deg,#2a1a14,#1a1a1a 60%,#3d2418)}.ugc-card--instagram{aspect-ratio:9 / 16;height:auto;background:#000;overflow:hidden}.ugc-card--instagram:after{display:none}.ugc-card--instagram .ugc-card__embed{position:absolute;left:0;width:100%;top:-54px;height:calc(100% + 254px);border:0;background:#000;pointer-events:auto}.ugc-card--instagram .ugc-card__handle,.ugc-card--instagram .ugc-card__badge{z-index:4}.ugc-card--instagram:hover{transform:translateY(-3px)}.ugc-card__badge{position:absolute;top:14px;left:14px;z-index:3;display:inline-flex;align-items:center;gap:6px;padding:5px 10px;background:#00000080;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);color:#fff;border-radius:999px;font-family:var(--font-body);font-size:10px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.ugc-card__badge svg{color:var(--color-brand-primary, #F57E25)}.ugc-card__play{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:3;width:56px;height:56px;border-radius:50%;border:none;background:#ffffffeb;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:transform .25s cubic-bezier(.16,1,.3,1),background .25s ease;box-shadow:0 12px 32px #0000004d}.ugc-card__play-icon{display:inline-flex;align-items:center;justify-content:center;color:var(--color-brand-primary, #F57E25);margin-left:3px}.ugc-card:hover .ugc-card__play{background:var(--color-brand-primary, #F57E25);transform:translate(-50%,-50%) scale(1.08)}.ugc-card:hover .ugc-card__play-icon{color:#fff}.ugc-card__handle{position:absolute;left:14px;bottom:14px;z-index:3;font-family:var(--font-body);font-size:12px;font-weight:600;color:#fffffff2;letter-spacing:.02em}.ugc-carousel__arrow{position:absolute;top:50%;transform:translateY(-50%);width:44px;height:44px;border-radius:50%;background:#fff;border:1px solid var(--color-border, #E5E1D8);color:var(--color-text);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;z-index:5;transition:background .2s ease,border-color .2s ease,color .2s ease,transform .2s ease;box-shadow:0 8px 24px #0000001f}.ugc-carousel__arrow:hover{background:var(--color-brand-primary, #F57E25);border-color:var(--color-brand-primary, #F57E25);color:#fff}.ugc-carousel__arrow--prev{left:16px}.ugc-carousel__arrow--next{right:16px}@media(max-width:768px){.ugc-carousel__arrow{width:36px;height:36px}.ugc-carousel__arrow--prev{left:8px}.ugc-carousel__arrow--next{right:8px}}.ugc-carousel__dots{display:flex;justify-content:center;gap:8px;margin-top:28px;padding:0 20px}.ugc-dot{width:28px;height:3px;border-radius:999px;background:#0000002e;border:none;cursor:pointer;padding:0;transition:background .25s ease,width .25s ease}.ugc-dot.active{background:var(--color-brand-primary, #F57E25);width:40px}.ugc-dot:hover{background:#0006}.ugc-video-lightbox{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1300;background:#000000eb;display:flex;align-items:center;justify-content:center;padding:60px 20px;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .3s ease,visibility .3s ease}.ugc-video-lightbox.is-open{opacity:1;visibility:visible;pointer-events:auto}.ugc-video-lightbox__stage{display:flex;align-items:center;justify-content:center;max-width:100%;max-height:100%}.ugc-video-lightbox__stage video{max-width:min(420px,90vw);width:auto;height:auto;max-height:90vh;aspect-ratio:9 / 16;object-fit:cover;border-radius:12px}.ugc-video-lightbox__close{position:absolute;top:20px;right:24px;width:44px;height:44px;border-radius:50%;background:#ffffff1f;border:1px solid rgba(255,255,255,.24);color:#fff;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:background .2s ease,border-color .2s ease}.ugc-video-lightbox__close:hover{background:var(--color-brand-primary, #F57E25);border-color:var(--color-brand-primary, #F57E25)}
/*# sourceMappingURL=/cdn/shop/t/18/assets/section-ugc-videos.css.map */