/* PC typography uses cap-height text boxes. Keep the line pitch for wrapped
   headings; trim only the outer leading so the 13px gap is not inflated. */
@media(min-width:769px){
 /* Only the five confirmed PC section kickers use the 24px type tier. */
 .sale-rework-page #fall-sale #sale-products > .rework-products-content > .section-heading > .sale-eyebrow,
 .sale-rework-page #fall-sale #sale-bundles .rework-bundle-copy > .sale-eyebrow,
 .sale-rework-page #fall-sale #sale-draw .sale-draw-inner .sale-eyebrow,
 .sale-rework-page #fall-sale #sale-videos .section-heading > .sale-eyebrow,
 .sale-rework-page #fall-sale #sale-about .sale-about-heading > .sale-eyebrow{
  display:block;font-size:24px;line-height:36px;font-weight:600;letter-spacing:0;
  text-box-trim:trim-both;text-box-edge:cap alphabetic;
 }
 /* Kicker-to-title: 24px. The title-to-description gap stays 13px. */
 .sale-rework-page #fall-sale #sale-products > .rework-products-content > .section-heading > .sale-eyebrow,
 .sale-rework-page #fall-sale #sale-videos .section-heading > .sale-eyebrow,
 .sale-rework-page #fall-sale #sale-about .sale-about-heading > .sale-eyebrow{margin-bottom:11px}
 .sale-rework-page #fall-sale #sale-bundles .rework-bundle-copy > .sale-eyebrow{margin:0 0 24px;text-align:left}
 .sale-rework-page #fall-sale #sale-draw .sale-draw-inner .sale-eyebrow{margin:0;text-align:left}
 .sale-rework-page #fall-sale #sale-draw .sale-draw-inner h2{margin:24px 0 13px;text-box-trim:trim-both;text-box-edge:cap alphabetic}
 .sale-rework-page #fall-sale #sale-draw .sale-draw-inner h2 + p{margin-top:13px}
 /* A wrapped section title is one paragraph with a 54px baseline pitch. */
 .sale-rework-page #fall-sale .section-heading > h2,
 .sale-rework-page #fall-sale .sale-about-heading > h2,
 .sale-rework-page #fall-sale .sale-draw-inner h2{line-height:54px!important}
 @supports(text-box-trim:trim-both){
  .sale-rework-page #fall-sale :is(.section-heading,.sale-about-heading,.sale-countdown-copy) > :is(h2,p){text-box-trim:trim-both;text-box-edge:cap alphabetic}
 }
}
.sale-rework-page #fall-sale :is(.section-heading,.sale-about-heading,.sale-countdown-copy){gap:13px}
.sale-rework-page #fall-sale :is(.nav-arrow,.rework-review-arrow){color:#000!important}
.sale-rework-page #fall-sale .rework-products-controls{display:none}
@media(max-width:768px){
 /* Mobile spacing source: Figma 31342:12, Membership SKU / Mobile 440.
    Its 8px gap belongs between full text boxes, not visible glyph outlines. */
 .sale-rework-page #fall-sale :is(.section-heading,.sale-about-heading,.sale-countdown-copy) > :is(h2,p){text-box-trim:none!important;text-box-edge:auto}
 .sale-rework-page #fall-sale > .section{padding-block:64px 0!important}
 .sale-rework-page #fall-sale > #sale-countdown{padding-block:48px 0}
 .sale-rework-page #fall-sale > #sale-schedule{padding-block:64px 0}
 .sale-rework-page #fall-sale > #sale-products{padding-block:64px 32px!important}
 .sale-rework-page #fall-sale > #sale-bundles{padding-block:32px 0!important}
 .sale-rework-page #fall-sale > #sale-mix-bundle{padding-block:32px 0!important}
 .sale-rework-page #fall-sale > #sale-about{padding-block:64px 0}
 .sale-rework-page #fall-sale > #sale-faq{padding-bottom:64px!important}
 .sale-rework-page #fall-sale :is(.section-heading,.sale-about-heading,.sale-countdown-copy){gap:8px}
 .sale-rework-page #fall-sale :is(.section-heading,.sale-about-heading,.sale-countdown-copy) > h2{font-size:28px;line-height:40px;margin:0;letter-spacing:0}
 .sale-rework-page #fall-sale :is(.section-heading,.sale-about-heading,.sale-countdown-copy) > p{font-size:14px;line-height:21px;margin:0}
 .sale-rework-page #fall-sale .section-heading{margin-bottom:32px}
 .sale-rework-page #fall-sale #sale-schedule .section-heading{gap:8px;margin-bottom:32px}
 .sale-rework-page #fall-sale .rework-bundle-overview .section-heading{margin-bottom:0}
 .sale-rework-page #fall-sale .sale-countdown-inner{gap:32px}
 .sale-rework-page #fall-sale #sale-about .sale-about-content{gap:32px}
 .sale-rework-page #fall-sale .sale-draw-inner h2{margin:8px 0}
 .sale-rework-page #fall-sale .sale-draw-inner h2 + p{margin:0}
 .sale-rework-page #fall-sale #sale-products .rework-products-list{display:flex;gap:24px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;align-items:stretch}
 .sale-rework-page #fall-sale #sale-products .rework-products-list::-webkit-scrollbar{display:none}
 .sale-rework-page #fall-sale #sale-products .rework-product{flex:0 0 86%;scroll-snap-align:start;max-width:100%}
 .sale-rework-page #fall-sale #sale-products .sale-products-nav-arrows{display:flex;justify-content:center;gap:16px;margin-top:24px}
}