.shop-shorts{margin-top:85px;margin-bottom:90px}.shorts-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:28px;gap:15px}.shorts-heading h2{font-size:50.4px;letter-spacing:-1.5px;margin:8px 0}.shorts-heading p{color:#79879a;font-size:18px}.shorts-arrows{display:flex;gap:8px}.shorts-arrows button{width:44px;height:44px;border:1px solid #dce3ee;background:white;border-radius:50%;font-size:26.4px;cursor:pointer}.shorts-arrows button:disabled{opacity:.3;cursor:default}.shorts-track{display:flex;gap:24px;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:12px;scrollbar-width:thin}.shorts-card{position:relative;flex:0 0 calc((100% - 72px)/4);aspect-ratio:9/16;border:0;border-radius:24px;overflow:hidden;background:#172237;color:white;text-align:left;padding:0;scroll-snap-align:start;cursor:pointer;font:inherit;isolation:isolate}.shorts-card:disabled{cursor:default;opacity:1;color:white}.shorts-card:after{content:'';position:absolute;inset:0;background:linear-gradient(#0005,transparent 35%,#000b);z-index:-1}.shorts-card img{position:absolute;width:100%;height:100%;object-fit:cover;inset:0;z-index:-2;transition:transform .3s}.shorts-card:not(:disabled):hover img{transform:scale(1.04)}.shorts-badge{position:absolute;left:20px;top:22px;font-size:18px;font-weight:800;letter-spacing:.5px}.shorts-play{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:grid;place-items:center;border-radius:50%;width:64px;height:64px;background:#1b2fcc;font-size:30px;box-shadow:0 8px 35px #0003}.shorts-card:disabled .shorts-play{width:auto;height:auto;padding:10px 18px;border-radius:30px;background:#13243cbf;font-size:15.6px}.shorts-caption{position:absolute;bottom:24px;left:20px;right:20px}.shorts-caption small{display:block;font-size:15.6px;font-weight:700;margin-bottom:10px}.shorts-caption strong{display:block;font-size:21.6px;line-height:1.5}.shorts-dialog{border:0;background:#0c1018;color:white;border-radius:18px;padding:16px;width:min(430px,90vw);max-height:94dvh}.shorts-dialog::backdrop{background:#000b}.shorts-close{display:block;margin:0 0 12px auto;background:transparent;border:0;color:white;font:inherit;cursor:pointer;padding:8px}.shorts-player{height:min(75dvh,720px)}.shorts-player iframe{width:100%;height:100%;border:0;border-radius:10px}.shorts-card:focus-visible,.shorts-arrows button:focus-visible{outline:3px solid #1b2fcc;outline-offset:3px}@media(max-width:900px){.shorts-card{flex-basis:calc((100% - 40px)/3)}.shorts-track{gap:20px}}@media(max-width:600px){.shop-shorts{margin-top:55px;margin-bottom:55px}.shorts-heading h2{font-size:38.4px}.shorts-heading p{font-size:15.6px}.shorts-card{flex-basis:72%;border-radius:20px}.shorts-track{gap:16px}.shorts-heading .eyebrow{font-size:12px}}@media(prefers-reduced-motion:reduce){.shorts-card img{transition:none}}

.shorts-play,.shorts-card:disabled .shorts-play{width:84px;height:104px;padding:0;background:transparent;border-radius:0;box-shadow:none}.shorts-play svg{display:block;width:100%;height:100%;overflow:visible}.shorts-caption .shorts-pending{font-size:13.2px;font-weight:400;margin:7px 0 0;opacity:.8}

.shorts-caption strong{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}

.shorts-actions{display:flex;flex-direction:column;align-items:flex-end;gap:12px;flex-shrink:0}.shorts-more{display:flex;align-items:center;gap:12px;justify-content:center;border:1px solid #d8dce3;border-radius:40px;background:white;color:#667080;font-size:16.8px;font-weight:600;padding:10px 21px;cursor:pointer;white-space:nowrap}.shorts-more span{font-size:26.4px;font-weight:400;line-height:1}.shorts-more:hover{border-color:#1b2fcc;color:#1b2fcc;background:#f6f7ff}.shorts-arrows[hidden]{display:none}.shorts-track.shorts-expanded{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));overflow:visible;scroll-snap-type:none}.shorts-expanded .shorts-card{width:100%;min-width:0}@media(max-width:900px){.shorts-track.shorts-expanded{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:600px){.shorts-track.shorts-expanded{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.shorts-expanded .shorts-caption{left:12px;right:12px;bottom:14px}.shorts-expanded .shorts-caption strong{font-size:15.6px}.shorts-expanded .shorts-caption small{font-size:12px}.shorts-expanded .shorts-badge{left:12px;top:14px;font-size:13.2px}.shorts-expanded .shorts-play{width:54px;height:68px}.shorts-more{padding:9px 15px;font-size:14.4px}}

/* Place the more action alongside the description, without header arrows. */
.shorts-heading{align-items:flex-end}.shorts-actions{margin-bottom:12px}.shorts-heading .shorts-arrows{display:none}.shorts-more:focus-visible{outline:3px solid #1b2fcc;outline-offset:3px}
@media(max-width:600px){.shorts-heading{gap:10px}.shorts-actions{margin-bottom:10px}.shorts-more{gap:8px;padding:9px 13px}}

/* A partial next card makes the horizontal rail discoverable, even with four videos. */
.shorts-heading .shorts-actions{flex-direction:row;align-items:center;gap:16px}
.shorts-heading .shorts-arrows{display:flex;gap:8px}
.shorts-heading .shorts-arrows[hidden]{display:none}
.shorts-arrows button{display:grid;place-items:center;width:40px;height:40px;font-size:21px;line-height:1;transition:background .2s,border-color .2s}
.shorts-arrows button:not(:disabled):hover{background:#f5f6f9;border-color:#8a95a5}
.shop-shorts .shorts-track{scroll-snap-type:x proximity;overscroll-behavior-x:contain;cursor:grab;scrollbar-width:thin;scrollbar-color:#ced3dc transparent;padding-bottom:16px}
.shorts-track.is-dragging{cursor:grabbing;scroll-snap-type:none;scroll-behavior:auto;user-select:none}
.shorts-track.is-dragging *{cursor:grabbing!important;pointer-events:none}
.shop-shorts .shorts-card{flex-basis:calc((100% - 72px)/3.35)}
.shop-shorts .shorts-card img{height:100%;max-width:none;object-fit:cover;transform:scale(1);transition:transform .55s cubic-bezier(.2,.65,.3,1);pointer-events:none;user-select:none}
.shorts-card[aria-disabled=true]{cursor:grab;opacity:1;color:white}
.shorts-track:focus-visible{outline:2px solid #246ee8;outline-offset:6px}
@media(hover:hover) and (pointer:fine){.shop-shorts .shorts-card:hover img,.shop-shorts .shorts-card:focus-visible img{transform:scale(1.065)}}
@media(max-width:900px){.shop-shorts .shorts-card{flex-basis:calc((100% - 40px)/2.35)}}
@media(max-width:600px){.shop-shorts .shorts-card{flex-basis:76%}.shorts-heading .shorts-actions{flex-direction:column;gap:8px}.shorts-arrows button{width:34px;height:34px;font-size:18px}.shorts-heading p{max-width:220px}}
@media(prefers-reduced-motion:reduce){.shop-shorts .shorts-card img{transition:none}}

/* Navigation stays at the two sides of the video rail. */
.shorts-rail{position:relative;min-width:0}
.shorts-rail .shorts-arrows{position:absolute;inset:0 0 16px;display:block;pointer-events:none;z-index:3}
.shorts-rail .shorts-arrows[hidden]{display:none}
.shorts-rail .shorts-arrows button{position:absolute;top:50%;transform:translateY(-50%);width:48px;height:48px;pointer-events:auto;background:#fff;border:1px solid #e2e5eb;box-shadow:0 3px 14px #17223714;font-size:23px}
.shorts-rail [data-shorts-prev]{left:-24px}
.shorts-rail [data-shorts-next]{right:-24px}
.shorts-rail .shorts-arrows button:disabled{opacity:0;visibility:hidden;pointer-events:none}
@media(max-width:760px){.shorts-rail .shorts-arrows button{width:38px;height:38px;font-size:20px}.shorts-rail [data-shorts-prev]{left:-10px}.shorts-rail [data-shorts-next]{right:-10px}}

/* White Shorts symbol and outlined wordmark stay crisp at every size. */
.shorts-badge{display:block;width:92px;height:30px;color:#fff;line-height:0;letter-spacing:0;pointer-events:none}
.shorts-badge svg{display:block;width:100%;height:100%;overflow:visible}
@media(max-width:600px){.shorts-expanded .shorts-badge{width:68px;height:auto;aspect-ratio:92/30}}