.pdpx-ugc .page-width{max-width:1100px;margin-inline:auto;padding-inline:18px}
.pdpx-ugc__title{text-align:center;font-size:clamp(24px,5.5vw,34px);line-height:1.15;letter-spacing:var(--letter-spacing-heading,normal);font-weight:var(--font-weight-bold,700);margin:0 0 10px}
.pdpx-ugc__sub{text-align:center;font-size:15px;line-height:1.55;opacity:.8;margin:0 auto 4px;max-width:520px}
.pdpx-ugc__wrap{position:relative;margin-top:20px}
.pdpx-ugc__track{display:flex;gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;padding:14px calc((100% - var(--ugc-wm,240px)) / 2);scrollbar-width:none}
.pdpx-ugc__track::-webkit-scrollbar{display:none}
.pdpx-ugc__card{flex:0 0 var(--ugc-wm,240px);scroll-snap-align:center;transition:transform .35s ease,opacity .35s ease}
.pdpx-ugc__card:not(.is-active){transform:scale(.86);opacity:.5}
.pdpx-ugc__card.is-active{transform:scale(1);opacity:1}
.pdpx-ugc__media{position:relative;border-radius:18px;overflow:hidden;aspect-ratio:9/16;background:#000;box-shadow:0 6px 22px rgba(0,0,0,.16)}
.pdpx-ugc__media>video,.pdpx-ugc__media>img{width:100%;height:100%;object-fit:cover;display:block}
.pdpx-ugc__ph{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#2a2a2a,#555);color:#fff;font-size:13px}
.pdpx-ugc__play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:54px;height:54px;border-radius:50%;border:0;background:rgba(20,20,20,.55);color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:2;backdrop-filter:blur(2px);transition:background .2s,transform .2s}
.pdpx-ugc__play:hover{background:rgba(20,20,20,.75)}
.pdpx-ugc__play svg{width:24px;height:24px;margin-left:3px}
.pdpx-ugc__play--static{pointer-events:none}
.pdpx-ugc__label{position:absolute;left:0;right:0;bottom:0;padding:30px 14px 14px;background:linear-gradient(to top,rgba(0,0,0,.78),rgba(0,0,0,0));color:#fff;pointer-events:none;z-index:1}
.pdpx-ugc__name{display:flex;align-items:center;gap:5px;font-weight:var(--font-weight-bold,700);font-size:15px}
.pdpx-ugc__check{width:16px;height:16px;flex:0 0 auto}
.pdpx-ugc__cap{display:block;font-size:12.5px;opacity:.95;margin-top:3px;line-height:1.35}
.pdpx-ugc__nav{position:absolute;top:50%;transform:translateY(-50%);z-index:3;width:40px;height:40px;border-radius:50%;border:0;background:#fff;color:#222;font-size:24px;line-height:1;box-shadow:0 2px 12px rgba(0,0,0,.2);cursor:pointer;display:flex;align-items:center;justify-content:center}
.pdpx-ugc__nav--prev{left:8px}.pdpx-ugc__nav--next{right:8px}
@media screen and (min-width:750px){.pdpx-ugc__track{gap:20px;padding-inline:calc((100% - var(--ugc-w,300px)) / 2)}.pdpx-ugc__card{flex-basis:var(--ugc-w,300px)}.pdpx-ugc__nav--prev{left:24px}.pdpx-ugc__nav--next{right:24px}}