.mega-ugc{display:block;padding-block:48px 64px;color:var(--mega-ink);border-top:1px solid var(--mega-line)}
.mega-ugc-heading{display:flex;justify-content:space-between;align-items:end;gap:24px;margin-bottom:24px}
.mega-ugc h2{margin:8px 0 0;font-size:clamp(26px,3.5vw,40px);line-height:1.15;letter-spacing:-.035em;overflow-wrap:anywhere}
.mega-ugc-description{color:var(--mega-muted);font-size:15px;line-height:1.6;max-width:620px}
.mega-ugc-navigation{display:flex;gap:8px;flex-shrink:0}.mega-ugc-navigation[hidden]{display:none}
.mega-ugc-arrow{height:44px;width:44px;border:1px solid var(--mega-gold);color:var(--mega-ink);background:var(--mega-panel);border-radius:50%;cursor:pointer;font-size:22px}
.mega-ugc-arrow:disabled{opacity:.35;cursor:default}
.mega-ugc-pause{min-height:44px;padding:8px 12px;border:1px solid var(--mega-gold);border-radius:22px;color:var(--mega-ink);background:var(--mega-panel);font:inherit;font-size:12px;cursor:pointer}.mega-ugc-pause[hidden]{display:none}.mega-ugc-pause:focus-visible{outline:2px solid var(--mega-gold);outline-offset:4px}
.mega-ugc-track.is-looping{scroll-snap-type:none;overflow-anchor:none;scroll-behavior:auto}
.mega-ugc-pause{opacity:0;pointer-events:none;transition:opacity .15s}.mega-ugc.has-video-controls .mega-ugc-pause,.mega-ugc:has(.mega-ugc-media:hover) .mega-ugc-pause,.mega-ugc-navigation:focus-within .mega-ugc-pause{opacity:1;pointer-events:auto}
.mega-ugc-track{display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - 54px)/4);gap:18px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scroll-padding-inline:0;padding-block:4px 16px;scrollbar-width:thin;scrollbar-color:var(--mega-gold) var(--mega-panel)}
.mega-ugc-track:focus-visible,.mega-ugc-arrow:focus-visible{outline:2px solid var(--mega-gold);outline-offset:4px}
.mega-ugc-card{min-width:0;scroll-snap-align:start;align-self:start;border:1px solid var(--mega-line);border-radius:12px;background:var(--mega-panel);overflow:hidden}
.mega-ugc-media{aspect-ratio:9/16;background:#151812;position:relative}
.mega-ugc-video{display:block;width:100%;height:100%;object-fit:var(--ugc-fit,contain);position:absolute;inset:0}
.mega-ugc-caption{padding:16px}.mega-ugc-caption h3{margin:0;font-size:16px;line-height:1.4;overflow-wrap:anywhere}.mega-ugc-caption p{margin:6px 0 0;font-size:13px;color:var(--mega-muted);overflow-wrap:anywhere}
.mega-ugc-hint{font-size:12px;color:var(--mega-muted);margin:8px 0 0}
.mega-ugc-placeholder{height:100%;padding:24px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:#e7cb80;background:radial-gradient(ellipse at top,#6f582b40,transparent 70%)}
.mega-ugc-placeholder>span{font-size:48px}.mega-ugc-placeholder strong{font-size:20px;line-height:1.2}.mega-ugc-placeholder p{font-size:13px;line-height:1.5;color:#d8d3c5}
.mega-ugc-editor-note{padding:14px;border:1px dashed var(--mega-gold);font-size:13px;line-height:1.5}
@media(max-width:989px){.mega-ugc-track{grid-auto-columns:calc((100% - 32px)/2.4);gap:16px}}
@media(max-width:749px){.mega-ugc{padding-block:32px 40px}.mega-ugc-heading{align-items:start;gap:12px;flex-wrap:wrap}.mega-ugc-navigation{gap:4px}.mega-ugc h2{font-size:28px}.mega-ugc-track{grid-auto-columns:min(76%,300px);gap:12px}.mega-ugc-caption{padding:12px}}
@media(max-width:374px){.mega-ugc-heading{flex-wrap:wrap}.mega-ugc-track{grid-auto-columns:84%}}
@media(prefers-reduced-motion:reduce){.mega-ugc-track{scroll-behavior:auto}}