#fall-sale .sale-videos, #fall-sale .sale-short-videos { background: transparent; }
.sale-original-videos { margin-bottom: 0; }
.sale-reels-toolbar [data-video-count] { font-size: 14px; font-weight: 600; color: #191c1d; }
.sale-reels-toolbar { display: flex; align-items: center; justify-content: space-between; gap: 16px; margin-bottom: 20px; color: #667085; font-size: 13px; }
.sale-reels-arrows { display: flex; gap: 10px; }
.sale-reels-arrows button { display: grid; place-items: center; width: 42px; height: 42px; padding: 0; border: 1px solid #dce0e5; border-radius: 50%; background: #fff; color: #191c1d; font-size: 22px; cursor: pointer; }
.sale-reels-arrows button:disabled { opacity: .3; cursor: default; }
.sale-reels-track { display: grid; grid-auto-flow: column; grid-auto-columns: min(25%,252px); gap: 18px; overflow-x: auto; overscroll-behavior-x: contain; scroll-snap-type: x mandatory; scrollbar-width: none; padding: 3px 3px 16px; scroll-padding-inline: 3px; }
.sale-reels-track::-webkit-scrollbar { display: none; }
.sale-reel-card { position: relative; min-width: 0; aspect-ratio: var(--sale-video-card-ratio,9/16); border-radius: 18px; overflow: hidden; scroll-snap-align: start; background: #191c1d; }
.sale-reel-card > img { display: block; width: 100%; height: 100%; object-fit: cover; transition: transform .25s; }
.sale-reel-card > iframe { position: absolute; inset: 0; width: 100%; height: 100%; border: 0; pointer-events: none; }
.sale-reel-open { position: absolute; inset: 0; display: flex; flex-direction: column; align-items: flex-start; justify-content: flex-end; gap: 6px; width: 100%; padding: 20px; border: 0; color: #fff; text-align: left; cursor: pointer; background: linear-gradient(180deg,#00000008 35%,#000b); font: inherit; }
.sale-reel-platform { font-size: 11px; font-weight: 500; color: #ffffffc9; }
.sale-reel-title { font-size: 15px; line-height: 1.4; font-weight: 600; }
.sale-reel-play { position: absolute; inset: 0; margin: auto; display: grid; place-items: center; width: 52px; height: 52px; border-radius: 50%; color: #191c1d; background: #fffffff0; }
.sale-reel-play svg { width: 22px; height: 22px; margin-left: 3px; fill: currentColor; }
.sale-reel-card:has(.sale-reel-open:hover) > img { transform: scale(1.035); }
.sale-reel-open:focus-visible { outline: 3px solid #ff5300; outline-offset: -5px; border-radius: 18px; }
.sale-reels-arrows button:focus-visible, .sale-reels-track:focus-visible { outline: 2px solid #191c1d; outline-offset: 3px; }
#fall-sale .sale-reels-hint { margin: 12px 0 0; font-size: 12px; text-align: center; color: #667085; }
.sale-video-dialog.is-portrait { width: min(420px,calc((100dvh - 140px)*.5625 + 32px),calc(100vw - 24px)); }
.sale-video-dialog.is-portrait .sale-video-player { aspect-ratio: 9/16; }
.sale-video-dialog .sale-video-player > iframe { width: 100%; height: 100%; border: 0; }
@media (max-width: 900px) { .sale-reels-track { grid-auto-columns: 30%; gap: 16px; } }
@media (max-width: 600px) {
  .sale-reels-track { grid-auto-columns: 73%; gap: 14px; }
  .sale-reels-toolbar { margin-bottom: 16px; }
  .sale-reel-open { padding: 16px; }
  .sale-reel-title { font-size: 14px; }
}
@media (prefers-reduced-motion: reduce) { .sale-reel-card > img { transition: none; } .sale-reel-card:has(.sale-reel-open:hover) > img { transform: none; } }

/* Standalone short-video section, sampled from the public home-page carousel. */
.sale-short-videos .section-heading { margin-bottom: 37px; }
.sale-reels-wrapper { width: 100%; }
.sale-short-videos .sale-reels-track { grid-auto-columns: 280px; gap: 16px; padding: 0 24px 24px max(24px,calc((100% - 1120px)/2)); scroll-padding-inline-start: max(24px,calc((100% - 1120px)/2)); }
.sale-short-videos .sale-reel-card { border-radius: 20px; aspect-ratio: 9/16; }
.sale-short-videos .sale-reel-open { padding: 24px; background: linear-gradient(180deg,#00000018 35%,#0009); }
.sale-short-videos .sale-reel-play { inset: 24px 24px auto auto; margin: 0; width: 32px; height: 32px; }
.sale-short-videos .sale-reel-play svg { width: 16px; height: 16px; margin-left: 2px; }
.sale-short-videos .sale-reels-arrows { justify-content: center; gap: 16px; margin-top: 24px; }
.sale-short-videos .sale-reels-arrows button { width: 48px; height: 48px; border: 0; background: #f3f4f6; }
.sale-short-videos .sale-reels-arrows button:hover:not(:disabled) { background: #e5e7eb; }
.sale-reels-arrows svg { width: 20px; height: 20px; fill: none; stroke: currentColor; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }
@media (max-width:600px) {
  .sale-short-videos .section-heading { margin-bottom: 24px; }
  .sale-short-videos .sale-reels-track { grid-auto-columns: min(280px,76vw); padding-inline: 20px; scroll-padding-inline-start: 20px; }
  .sale-short-videos .sale-reel-open { padding: 20px; }
  .sale-short-videos .sale-reel-play { top: 20px; right: 20px; }
  .sale-short-videos .sale-reels-arrows { margin-top: 12px; }
}