/* Video commerce and browsing history */
.video-product-list-section,.recently-viewed-section{padding-block:var(--dawn-section-spacing)}
.video-product-list-section{background:var(--video-product-background,#fff);color:var(--video-product-color,inherit)}
.video-product-list-section__header{text-align:var(--video-product-align,center)}
.video-product-list-section__description,.recently-viewed-section__description{max-width:760px;margin:-16px auto 38px;line-height:1.7;text-align:center}
.video-product-list{margin:0;padding:0;list-style:none}
.video-product-list--carousel{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(200px,260px);justify-content:safe center;gap:18px;padding-bottom:14px;overflow-x:auto;overscroll-behavior-inline:contain;scroll-snap-type:inline mandatory;scrollbar-width:thin}
.video-product-list--carousel>.video-product-list__item{scroll-snap-align:center}
.video-product-list--grid{display:grid;grid-template-columns:repeat(var(--video-product-columns,4),minmax(0,1fr));gap:24px 18px}
.video-product-card__media{position:relative;aspect-ratio:var(--video-product-ratio,9/16);overflow:hidden;border-radius:8px;background:#111}
.video-product-card__media>video,.video-product-card__media>img,.video-product-card__media>.video-trigger,.video-product-card__media>iframe{width:100%;height:100%;border:0;object-fit:cover}
.video-product-card__media .video-play{width:58px;height:58px}
.video-product-card__product{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px;padding:14px 2px 0}
.video-product-card__product h3{margin:0 0 8px;font-size:15px;font-weight:500}
.video-product-card__product .price{grid-column:1;justify-content:flex-start}.video-product-card__quick-view,.social-video-card__quick-view{width:38px;height:38px;display:grid;place-items:center;padding:0;border:1px solid color-mix(in srgb,currentColor 14%,transparent);border-radius:50%;background:transparent;color:inherit;cursor:pointer}.video-product-card__quick-view{grid-column:2;grid-row:1/3}.video-product-card__quick-view .icon,.social-video-card__quick-view .icon{width:16px;height:16px}.video-product-card__quick-view:hover,.social-video-card__quick-view:hover{background:color-mix(in srgb,currentColor 6%,transparent)}
.video-product-list-section__more{display:flex;width:max-content;margin:30px auto 0}
.recently-viewed-section{overflow:clip;background:var(--recently-viewed-background,#fff)}
.recently-viewed-section__inner{padding-inline:20px}
.recently-viewed-section__header{text-align:center}
.recently-viewed-grid{display:grid;grid-template-columns:repeat(var(--recently-viewed-columns,4),minmax(0,1fr));gap:43px 18px}
.recently-viewed-placeholder .product-card__media{aspect-ratio:4/5;background:#eef0f3}

@media(max-width:749px){
  .video-product-list-section,.recently-viewed-section{padding-block:44px}
  .video-product-list--carousel{grid-auto-columns:min(72vw,280px);justify-content:start;gap:12px}
  .video-product-list--grid{grid-template-columns:repeat(var(--video-product-mobile-columns,1),minmax(0,1fr));gap:20px 12px}
  .recently-viewed-grid{grid-template-columns:repeat(var(--recently-viewed-mobile-columns,2),minmax(0,1fr));gap:28px 10px}
}

/* YouTube and TikTok video lists */
.social-video-list-section{padding-block:var(--dawn-section-spacing);background:var(--social-video-background,#fff);color:var(--social-video-color,inherit)}
.social-video-list-section>div:not(.page-width){padding-inline:20px}
.social-video-list-section__header{text-align:var(--social-video-align,center)}
.social-video-list-section__description{max-width:760px;margin:-16px auto 38px;line-height:1.7;text-align:inherit}
.social-video-list{margin:0;padding:0;list-style:none}
.social-video-list--grid{display:grid;grid-template-columns:repeat(var(--social-video-columns,4),minmax(0,1fr));gap:28px 18px}
.social-video-list--carousel{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(240px,calc((100% - 54px)/4));gap:18px;padding-bottom:14px;overflow-x:auto;overscroll-behavior-inline:contain;scroll-snap-type:inline mandatory;scrollbar-width:thin}
.social-video-list--carousel>.social-video-list__item{scroll-snap-align:start}
.social-video-card{min-width:0;height:100%;display:flex;flex-direction:column;background:color-mix(in srgb,var(--social-video-color,currentColor) 4%,var(--social-video-background,#fff));border:1px solid color-mix(in srgb,var(--social-video-color,currentColor) 10%,transparent)}
.social-video-card__media{position:relative;aspect-ratio:16/9;overflow:hidden;background:#eef0f3}.social-video-card--tiktok .social-video-card__media{aspect-ratio:9/16}
.social-video-card__trigger,.social-video-card__placeholder,.social-video-card__media>iframe{width:100%;height:100%;display:block;border:0;background:transparent}
.social-video-card__trigger{position:relative;padding:0;color:inherit;cursor:pointer}
.social-video-card__trigger:focus-visible{outline:3px solid currentColor;outline-offset:-3px}
.social-video-card__trigger.is-invalid{cursor:not-allowed;opacity:.72}
.social-video-card__trigger img,.social-video-card__placeholder img{width:100%;height:100%;display:block;object-fit:cover}
.social-video-card__play{position:absolute;left:50%;top:50%;width:54px;height:54px;display:grid;place-items:center;transform:translate(-50%,-50%);border-radius:50%;background:#fff;color:#111;box-shadow:0 6px 24px rgba(0,0,0,.22);transition:transform .2s ease}
.social-video-card__play .icon{width:24px;height:24px;margin-left:3px}
.social-video-card__trigger:hover .social-video-card__play{transform:translate(-50%,-50%) scale(1.08)}
.social-video-card__status{margin:0;padding:10px 14px;background:#fff1f2;color:#a31424;font-size:13px}
.social-video-card__title{margin:0;padding:16px 18px 10px;font-size:16px;font-weight:600;line-height:1.45}
.social-video-card__products{margin-top:auto;border-top:1px solid color-mix(in srgb,currentColor 10%,transparent)}
.social-video-card__products summary{display:flex;min-height:48px;align-items:center;justify-content:space-between;gap:10px;padding:12px 16px;font-weight:600;cursor:pointer;list-style:none}.social-video-card__products summary::-webkit-details-marker{display:none}.social-video-card__products summary span{width:26px;height:26px;display:grid;flex:0 0 26px;place-items:center;border:1px solid color-mix(in srgb,currentColor 16%,transparent);border-radius:50%;font-size:19px;font-weight:400;line-height:1;transition:transform .2s ease,background .2s ease}.social-video-card__products[open] summary span{transform:rotate(45deg)}
.social-video-card__products ul{display:grid;gap:8px;margin:0;padding:0 12px 14px;list-style:none}.social-video-card__products li{display:grid;grid-template-columns:minmax(0,1fr) 42px;align-items:center;overflow:hidden;border:1px solid color-mix(in srgb,currentColor 10%,transparent);border-radius:10px;background:var(--social-video-background,#fff)}.social-video-card__products a{display:grid;grid-template-columns:62px minmax(0,1fr);align-items:center;gap:12px;padding:7px;color:inherit;transition:background .2s ease}.social-video-card__products a:hover{background:color-mix(in srgb,currentColor 5%,transparent);text-decoration:none}.social-video-card__products a:focus-visible{outline:2px solid currentColor;outline-offset:-2px}.social-video-card__products img{width:62px;height:62px;border-radius:7px;object-fit:cover}.social-video-card__products strong{display:block;overflow:hidden;font-size:13px;font-weight:600;text-overflow:ellipsis;white-space:nowrap}.social-video-card__products .price{justify-content:flex-start;gap:6px}.social-video-card__products .price__current,.social-video-card__products .price__compare{font-size:12px}.social-video-card__quick-view{margin-right:7px}
.social-video-card--tiktok .social-video-card__media{max-height:660px}
.social-video-list-section__more{display:flex;width:max-content;align-items:center;gap:9px;margin:32px auto 0}

@media(max-width:749px){
  .social-video-list-section{padding-block:44px}.social-video-list-section>div:not(.page-width){padding-inline:12px}
  .social-video-list--grid{grid-template-columns:repeat(var(--social-video-mobile-columns,1),minmax(0,1fr));gap:18px 10px}
  .social-video-list--carousel{grid-auto-columns:min(78vw,320px);gap:12px}
}
@media(prefers-reduced-motion:reduce){.social-video-card__play,.social-video-card__products summary span{transition:none}}
