:root{--ugc-navy: #1A1F2E;--ugc-amber: #F5A623;--ugc-amber-dark: #D4891A;--ugc-amber-light: #FEF3E0;--ugc-amber-tag-text: #A06010;--ugc-bg: #FFFFFF;--ugc-border: #DDDDD8;--ugc-border-hover: #BBBBBB;--ugc-text: #555552;--ugc-text-muted: #888780}.ugc-video-strip{background-color:var(--ugc-bg);padding:60px 24px}.ugc-video-strip__inner{max-width:1200px;margin:0 auto}.ugc-video-strip__header{text-align:center;margin-bottom:36px}.ugc-video-strip__heading{font-size:28px;font-weight:500;color:var(--ugc-navy);margin:0}.ugc-video-strip__subheading{font-size:16px;color:var(--ugc-text-muted);margin:6px 0 0}.ugc-video-strip__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.ugc-video-card{background:var(--ugc-bg);border:.5px solid var(--ugc-border);border-radius:12px;overflow:hidden;cursor:pointer;transition:border-color .15s ease;display:flex;flex-direction:column}.ugc-video-card:hover{border-color:var(--ugc-border-hover)}.ugc-video-card__thumbnail{position:relative;aspect-ratio:9 / 16;background-color:var(--ugc-navy);overflow:hidden;flex-shrink:0}.ugc-video-card__thumbnail img{width:100%;height:100%;object-fit:cover;display:block}.ugc-video-card__placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background-color:var(--ugc-navy)}.ugc-video-card__placeholder svg{opacity:.3}.ugc-video-card__featured{position:absolute;top:10px;left:10px;background:var(--ugc-amber);color:#fff;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.04em;padding:3px 10px;border-radius:20px;line-height:1.4}.ugc-video-card__play{position:absolute;bottom:14px;left:50%;transform:translate(-50%);width:44px;height:44px;border-radius:50%;background:var(--ugc-amber);display:flex;align-items:center;justify-content:center;transition:background .15s ease;pointer-events:none}.ugc-video-card:hover .ugc-video-card__play{background:var(--ugc-amber-dark)}.ugc-video-card__play svg{margin-left:3px}.ugc-video-card__footer{padding:10px 14px 14px;display:flex;flex-direction:column;gap:6px}.ugc-video-card__creator{display:flex;align-items:center;gap:8px}.ugc-video-card__avatar{width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:700;color:#fff;flex-shrink:0;text-transform:uppercase}.ugc-video-card__avatar--tiktok{background:var(--ugc-navy)}.ugc-video-card__avatar--instagram{background:#e1306c}.ugc-video-card__avatar--youtube{background:red}.ugc-video-card__avatar--shopify{background:#96bf48}.ugc-video-card__handle{font-size:13px;font-weight:500;color:var(--ugc-navy);flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ugc-video-card__platform{font-size:11px;font-weight:600;padding:2px 7px;border-radius:4px;white-space:nowrap;display:flex;align-items:center;gap:3px}.ugc-video-card__platform--tiktok{background:var(--ugc-navy);color:#fff}.ugc-video-card__platform--instagram{background:#e1306c;color:#fff}.ugc-video-card__platform--youtube{background:red;color:#fff}.ugc-video-card__platform--shopify{background:#96bf48;color:#fff}.ugc-video-card__caption{font-size:13px;color:var(--ugc-text);line-height:1.45;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;margin:0}.ugc-video-card__tag{display:inline-block;background:var(--ugc-amber-light);color:var(--ugc-amber-tag-text);font-size:11px;padding:3px 10px;border-radius:20px;align-self:flex-start;margin-top:2px}.ugc-video-strip__footer{display:flex;align-items:center;justify-content:space-between;margin-top:28px;flex-wrap:wrap;gap:12px}.ugc-video-strip__hashtag{font-size:13px;color:var(--ugc-text-muted)}.ugc-video-strip__hashtag span{color:var(--ugc-amber);font-weight:600}.ugc-video-strip__view-all{font-size:13px;font-weight:600;color:var(--ugc-navy);text-decoration:none;border:1.5px solid var(--ugc-navy);padding:7px 18px;border-radius:6px;transition:background .15s ease,color .15s ease}.ugc-video-strip__view-all:hover{background:var(--ugc-navy);color:#fff}.ugc-lightbox{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background:#000000d9;z-index:9999;align-items:center;justify-content:center;opacity:0;transition:opacity .2s ease}.ugc-lightbox.is-open{display:flex;opacity:0;animation:ugc-fade-in .2s ease forwards}@keyframes ugc-fade-in{to{opacity:1}}.ugc-lightbox__container{position:relative;width:100%;max-width:480px;border-radius:12px;overflow:visible;margin:16px}.ugc-lightbox__ratio{position:relative;width:100%}.ugc-lightbox__ratio[data-platform=youtube]{aspect-ratio:16 / 9}.ugc-lightbox__ratio[data-platform=tiktok],.ugc-lightbox__ratio[data-platform=instagram]{aspect-ratio:9 / 16;max-height:80vh}.ugc-lightbox__iframe{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;border:none;display:block}.ugc-lightbox__video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:none;background:#000}.ugc-lightbox__ratio[data-platform=shopify][data-orientation=portrait]{aspect-ratio:9 / 16;max-height:80vh}.ugc-lightbox__ratio[data-platform=shopify][data-orientation=landscape]{aspect-ratio:16 / 9}.ugc-lightbox__close{position:absolute;top:-40px;right:0;width:40px;height:40px;background:transparent;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#fff;padding:0}.ugc-lightbox__close svg{pointer-events:none}@media(max-width:900px){.ugc-video-strip__grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:540px){.ugc-video-strip{padding:32px 16px}.ugc-video-strip__grid{grid-template-columns:1fr}.ugc-video-strip__footer{flex-direction:column;align-items:flex-start}}
/*# sourceMappingURL=/cdn/shop/t/43/assets/ugc-video-strip.css.map */