.ugc{padding:60px 0;background:#fff;overflow:hidden}.ugc__head{text-align:center;margin-bottom:44px;padding:0 40px}.ugc__heading{font-size:clamp(32px,3.5vw,38px);color:#1a1a1a;margin:0 0 12px}.ugc__subtitle{font-size:15px;color:#7a5a62;max-width:560px;margin:0 auto;line-height:1.6}.ugc__slider-outer{position:relative;display:flex;align-items:center;gap:0;padding:0 40px}.ugc__arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:10;width:42px;height:42px;border-radius:50%;border:1.5px solid #e8d0d6;background:#fff;color:#1a1a1a;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 2px 12px #0000001a;transition:background .2s,border-color .2s,transform .2s;will-change:transform}.ugc__arrow:hover{background:#e85d75;border-color:#e85d75;color:#fff;transform:translateY(-50%) scale(1.06)}.ugc__arrow:disabled{opacity:.3;cursor:default;pointer-events:none}.ugc__arrow--prev{left:0}.ugc__arrow--next{right:0}.ugc__track{display:flex;gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none;padding:20px 4px;flex:1}.ugc__track::-webkit-scrollbar{display:none}.ugc__slide{flex:0 0 calc(25% - 12px);scroll-snap-align:start;display:flex;justify-content:center}.ugc__phone{position:relative;width:100%;max-width:200px;aspect-ratio:9 / 19.5;background:#fff;border-radius:36px;border:3px solid #1a1a1a;box-shadow:0 0 0 2px #fff,0 8px 32px #00000021,inset 0 0 0 1px #ffffff1a;overflow:hidden;display:flex;flex-direction:column;contain:layout style paint}.ugc__phone-notch{position:absolute;top:10px;left:50%;transform:translate(-50%);width:36%;height:18px;background:#1a1a1a;border-radius:0 0 14px 14px;z-index:5}.ugc__phone-screen{flex:1;position:relative;overflow:hidden;border-radius:33px;background:#f3d9dd;contain:layout style paint}.ugc__video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;display:block;will-change:transform;backface-visibility:hidden}.ugc__placeholder{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;background:linear-gradient(160deg,#fde6e9,#f3d9dd)}.ugc__placeholder p{font-size:11px;color:#e85d75;font-weight:600;margin:0}.ugc__overlay{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(to top,rgba(0,0,0,.6) 0%,transparent 100%);padding:32px 12px 14px;z-index:4;will-change:opacity;backface-visibility:hidden}.ugc__customer{display:flex;align-items:center;gap:6px;margin-bottom:4px}.ugc__customer-name{font-size:12px;font-weight:700;color:#fff}.ugc__verified{font-size:9px;font-weight:600;color:#e85d75;background:#ffffff26;padding:2px 6px;border-radius:999px}.ugc__caption{font-size:11px;color:#ffffffe0;margin:0;line-height:1.4}.ugc__dots{display:flex;justify-content:center;gap:8px;margin-top:28px;padding:0 40px}.ugc__dot{width:8px;height:8px;border-radius:50%;border:none;background:#f3d9dd;cursor:pointer;padding:0;transition:background .2s,width .2s;will-change:width,background}.ugc__dot--active{background:#e85d75;width:24px;border-radius:999px}@media screen and (max-width:989px){.ugc{padding:48px 0}.ugc__head{padding:0 24px;margin-bottom:32px}.ugc__slider-outer{padding:0 24px}.ugc__slide{flex:0 0 calc(50% - 12px)}.ugc__phone{max-width:220px}}@media screen and (max-width:599px){.ugc{padding:36px 0}.ugc__head{padding:0 20px;margin-bottom:28px}.ugc__subtitle{font-size:14px}.ugc__slider-outer{padding:0 20px}.ugc__slide{flex:0 0 72%}.ugc__phone{max-width:100%;border-radius:32px}.ugc__arrow--prev{left:-2px}.ugc__arrow--next{right:-2px}.ugc__arrow{width:36px;height:36px}.ugc__track{gap:16px}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/ugc-videos.css.map */