/* Three cards on desktop, a freely scrollable film strip at every breakpoint. */
.ugc-section .ugc-grid{display:flex;align-items:flex-start;gap:24px;max-width:1200px;overflow-x:auto;overflow-y:hidden;scroll-snap-type:none;overscroll-behavior-x:contain;padding:2px 0 18px;margin:0 auto;scrollbar-width:thin;scrollbar-color:#9ac8ff #ffffff20;touch-action:pan-x pan-y;cursor:grab}
.ugc-section .ugc-grid::-webkit-scrollbar{height:5px}.ugc-section .ugc-grid::-webkit-scrollbar-track{background:#ffffff20;border-radius:5px}.ugc-section .ugc-grid::-webkit-scrollbar-thumb{background:#9ac8ff;border-radius:5px}
.ugc-section .ugc-card{flex:0 0 calc((100% - 48px)/3);min-width:0;aspect-ratio:9/16;scroll-snap-align:none;user-select:none}
.ugc-section .ugc-card button{cursor:inherit}.ugc-section .ugc-card button:focus-visible{outline:3px solid #a3dcff;outline-offset:-6px;border-radius:inherit}
.ugc-section .ugc-card-copy{inset-inline:25px}.ugc-section .ugc-card-copy h3{font-size:clamp(21px,2vw,30px);line-height:1.13;overflow-wrap:anywhere;text-wrap:balance}.ugc-section .ugc-card-copy h3{margin-bottom:0}
.ugc-section .ugc-card.is-square>img{object-fit:contain;background:#061b37;transform:none}
.ugc-section .ugc-grid.is-dragging,.ugc-section .ugc-grid.is-dragging button{cursor:grabbing}.ugc-grid.is-dragging img{transform:none}
.ugc-navigation{max-width:1200px;margin:20px auto 0;display:flex;align-items:center;justify-content:space-between;gap:16px;direction:ltr}
.ugc-navigation[hidden]{display:none}.ugc-navigation button{display:grid;place-items:center;flex:0 0 46px;width:46px;height:46px;border:1px solid #ffffff60;border-radius:50%;background:#ffffff0d;color:white;cursor:pointer;transition:background .2s,transform .2s}
.ugc-navigation button:hover:not(:disabled){background:#ffffff25;transform:translateY(-2px)}.ugc-navigation button:disabled{opacity:.3;cursor:default}.ugc-navigation button:focus-visible{outline:2px solid #b9e7ff;outline-offset:4px}.ugc-previous svg{transform:rotate(180deg)}.ugc-position{font-size:13px;font-variant-numeric:tabular-nums;letter-spacing:.04em;color:#d5eaff;min-width:64px;text-align:center}
[dir=rtl] .ugc-navigation{flex-direction:row-reverse}[dir=rtl] .ugc-previous svg{transform:none}[dir=rtl] .ugc-next svg{transform:rotate(180deg)}
/* The playing film replaces the poster inside the existing card, without resizing it. */
.ugc-card .ugc-inline-video{display:none;position:absolute;inset:0;width:100%;height:100%;object-fit:contain;background:#061b37;border:0;border-radius:inherit;z-index:4;cursor:auto}
.ugc-card.has-video .ugc-inline-video{display:block}
.ugc-card.has-video>img,.ugc-card.has-video>.ugc-play,.ugc-card.has-video>.ugc-card-copy,.ugc-card.has-video>button,.ugc-card.has-video:after{display:none}
.ugc-card [hidden]{display:none!important}
.ugc-card .ugc-inline-video:focus-visible{outline:3px solid #b9e7ff;outline-offset:-5px}
.ugc-card .ugc-error{position:absolute;inset:16px 16px auto;z-index:5;padding:12px 16px;border-radius:12px;background:#061b37e8;color:white;font-size:13px;line-height:1.4;pointer-events:none}
@media(min-width:601px) and (max-width:950px){.ugc-section .ugc-card{flex-basis:calc((100% - 24px)/2)}}
@media(max-width:600px){.ugc-section .ugc-grid{gap:16px;margin:0 -24px;padding:2px 24px 16px;max-width:none;scroll-padding-inline:24px}.ugc-section .ugc-card{flex-basis:78vw;max-width:360px}.ugc-section .ugc-card-copy{inset-inline:22px}.ugc-section .ugc-card-copy h3{font-size:26px}.ugc-navigation{margin-top:17px;gap:12px}.ugc-navigation button{width:42px;height:42px;flex-basis:42px}.ugc-section>.ugc-social{margin-top:28px}}
@media(prefers-reduced-motion:reduce){.ugc-navigation button,.ugc-card img{transition:none!important}}

/* A clear click target within the otherwise draggable video card. */
.ugc-section .ugc-play{cursor:pointer;transition:transform .2s ease,background .2s ease,border-color .2s ease,box-shadow .2s ease}
@media(hover:hover) and (pointer:fine){.ugc-section .ugc-play:hover{transform:scale(1.1);background:#ffffff38;border-color:#fff;box-shadow:0 0 0 6px #ffffff12,0 8px 24px #031e4c40}}
.ugc-section .ugc-card button:focus-visible .ugc-play{transform:scale(1.1);background:#ffffff38;border-color:#fff}
.ugc-section .ugc-grid.is-dragging .ugc-play{cursor:grabbing;transform:none;box-shadow:none}
@media(prefers-reduced-motion:reduce){.ugc-section .ugc-play{transition:none}}