/* Local V5 adaptation. Existing campaign background, badges and site navigation remain shared. */
@font-face{font-family:'Rework Inter';font-style:normal;font-weight:400;src:url('../membership/fonts/inter-400.ttf') format('truetype');font-display:swap}
@font-face{font-family:'Rework Inter';font-style:normal;font-weight:500;src:url('../membership/fonts/inter-500.ttf') format('truetype');font-display:swap}
@font-face{font-family:'Rework Inter';font-style:normal;font-weight:700;src:url('../membership/fonts/inter-700.ttf') format('truetype');font-display:swap}
.sale-rework-page #fall-sale > section:not(.sale-hero){font-family:'Rework Inter',Inter,sans-serif;font-size:14px;line-height:21px;font-weight:600}
.sale-rework-page #fall-sale :is(button,input,select){font-family:inherit}
.sale-rework-page #fall-sale > .section:not(#sale-bundles,#sale-mix-bundle,#sale-about,#sale-schedule){padding-block:80px}
.sale-rework-page #fall-sale .section-heading{display:flex;flex-direction:column;align-items:center;gap:13px;padding:0;margin:0 auto 40px;max-width:1120px}
.sale-rework-page #fall-sale .section-heading > :is(h2,p){margin:0;max-width:100%;font-family:inherit;letter-spacing:0}
.sale-rework-page #fall-sale .section-heading > h2{font-size:40px;line-height:60px;font-weight:600}
.sale-rework-page #fall-sale .section-heading > p{font-size:14px;line-height:21px;font-weight:600}
.sale-rework-page #fall-sale .sale-eyebrow{font-size:12px;line-height:18px;font-weight:600;letter-spacing:0;margin:0}
.sale-rework-page #fall-sale #sale-products .sale-theme-preview{top:12px;right:max(30px,calc((100% - 1120px)/2))}
.sale-rework-page #fall-sale .rework-bundle-overview .section-heading{align-items:flex-start;text-align:left;margin-bottom:0}
.sale-rework-page #fall-sale .rework-bundle-overview .section-heading :is(h2,p){text-align:left}
.sale-rework-page #fall-sale > section:not(.sale-hero) .btn{min-height:44px;font-size:14px;line-height:21px;font-weight:600;box-sizing:border-box}
.sale-rework-page #fall-sale .rework-note{font-size:12px;line-height:18px;font-weight:600;margin:24px 0 0;color:var(--sale-text-muted)}
/* Preserve hero image and offer type sizing; only replace its action/content arrangement. */
/* Schedule controls extend the site's existing round carousel arrows and dot selectors. */
.rework-schedule-controls{display:none}
.sale-rework-page #fall-sale :focus-visible{outline:2px solid #2676ff;outline-offset:4px}
/* Draw reuses the existing coin video, call-to-action and dialog. */
.sale-rework-page #fall-sale .sale-draw-inner{padding:40px;gap:40px}
.sale-rework-page #fall-sale .sale-draw-inner h2{font-size:40px;line-height:60px;font-weight:600;margin:13px 0}
.sale-rework-page #fall-sale .sale-draw-inner p{font-size:14px;line-height:21px;font-weight:600}
.sale-rework-page #fall-sale .sale-draw-inner .rework-note{font-size:12px;line-height:18px}
/* Single creator module, using the site's video-card/player component. */
.sale-rework-page #fall-sale .rework-review-grid{display:flex;gap:24px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;box-sizing:border-box;padding:0 24px 2px max(30px,calc((100vw - 1120px)/2));margin-left:calc((100% - 100vw)/2);width:100vw;max-width:none;scroll-padding-left:max(30px,calc((100vw - 1120px)/2))}
.sale-rework-page #fall-sale .rework-review-grid::-webkit-scrollbar{display:none}
.sale-rework-page #fall-sale .rework-review-card{flex:0 0 280px;min-width:0;scroll-snap-align:start;border-radius:16px;overflow:hidden;background:#f6f6f6;display:flex;flex-direction:column}
.rework-review-card[hidden]{display:none!important}
.sale-rework-page #fall-sale .rework-review-card .sale-video-card{box-shadow:none;border-radius:0;flex:none}
.sale-rework-page #fall-sale .rework-review-card .sale-video-card::after{display:none}
.sale-rework-page #fall-sale .rework-review-card .sale-video-play{left:auto;right:12px;top:12px;transform:none;width:32px;height:32px;background:#fff}
.sale-rework-page #fall-sale .rework-review-card .sale-video-play svg{width:18px;height:18px;margin-left:2px}
.sale-rework-page #fall-sale .rework-review-card h3{padding:0 16px;margin:16px 0 8px}
.sale-rework-page #fall-sale .rework-review-card p{padding:0 16px 20px;margin:0}
.rework-review-controls{display:flex;justify-content:center;gap:16px;margin-top:40px}
.rework-review-arrow{display:grid;place-items:center;width:44px;height:44px;border:0;border-radius:50%;background:#f3f4f6;color:#191c1d;cursor:pointer;padding:0}
.rework-review-arrow svg{width:20px;height:20px}
.rework-review-arrow:disabled{opacity:.35;cursor:default}
.rework-review-arrow:focus-visible{outline:2px solid #2277ff;outline-offset:3px}
.rework-review-card h3{font-size:14px;line-height:21px;font-weight:600;margin:16px 0 8px}
.rework-review-card p{font-size:12px;line-height:18px;margin:0;color:var(--sale-text-muted)}
.sale-rework-page #fall-sale .rework-more-reviews{display:flex;align-items:center;gap:12px;margin:40px auto 0;background:#fff;color:var(--sale-text-main);border:1px solid var(--sale-border,#e5e7eb);padding:10px 24px;border-radius:999px;cursor:pointer}
.sale-rework-page #fall-sale .sale-perks-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:40px;overflow:visible}
.sale-rework-page #fall-sale .sale-info-card{min-width:0;padding:24px;border-radius:24px;background:var(--sale-bg-alt);box-shadow:none}
.sale-rework-page #fall-sale .sale-info-card h3{font-size:22px;line-height:33px;font-weight:600;letter-spacing:0;margin:24px 0 13px}
.sale-rework-page #fall-sale .sale-info-card p{font-size:14px;line-height:21px;font-weight:600}
.sale-rework-page #fall-sale .sale-info-card .sale-text-link{font-size:14px;line-height:21px;margin-top:24px}
.sale-rework-page #fall-sale .sale-faq-list{max-width:1120px}
.sale-rework-page #fall-sale .sale-faq-list summary{font-size:22px;line-height:33px;font-weight:600}
.sale-rework-page #fall-sale .sale-faq-list p{font-size:14px;line-height:21px;font-weight:600}
.sale-rework-page #fall-sale #sale-faq .faq-list{max-width:1120px}
.sale-rework-page #fall-sale #sale-faq .faq-btn{font-size:22px;line-height:33px;font-weight:600;gap:24px}
.sale-rework-page #fall-sale #sale-faq .faq-btn svg{flex-shrink:0}
.sale-rework-page #fall-sale #sale-faq .faq-answer[hidden]{display:none}
.sale-rework-page #fall-sale #sale-faq .faq-answer p{font-size:14px;line-height:21px;font-weight:600;margin:0 0 8px}
@supports(text-box-trim:trim-both){.sale-rework-page #fall-sale .section-heading > :is(h2,p),.sale-rework-page #fall-sale #sale-about .sale-about-heading > :is(h2,p){text-box-trim:trim-both;text-box-edge:cap alphabetic}}
@media(max-width:768px){
 .sale-rework-page #fall-sale > .section:not(#sale-bundles,#sale-mix-bundle,#sale-about,#sale-schedule){padding-block:32px}
 .sale-rework-page #fall-sale .section-heading{gap:8px;margin-bottom:24px}
 .sale-rework-page #fall-sale .section-heading > h2{font-size:28px;line-height:40px}
 .sale-rework-page #fall-sale .section-heading > :is(h2,p){text-box-trim:none}
 .sale-rework-page #fall-sale #sale-about .sale-about-heading > :is(h2,p){text-box-trim:none}
 .sale-rework-page #fall-sale #sale-countdown{padding:32px 0 24px}
 .sale-rework-page #fall-sale #sale-products{padding-top:64px}
 .sale-rework-page #fall-sale #sale-products .sale-theme-preview{right:12px;max-width:calc(100% - 24px)}
 .sale-rework-page #fall-sale .sale-countdown-copy{gap:8px}
 .sale-rework-page #fall-sale #sale-schedule{padding:40px 0 32px}
 .sale-rework-page #fall-sale #sale-schedule .section-heading{gap:8px;margin-bottom:24px}
 .sale-rework-page #fall-sale #sale-schedule .sale-phase{flex:0 0 88%;padding:24px 20px;gap:8px}
 .sale-rework-page #fall-sale #sale-schedule .sale-timeline{gap:16px;scroll-padding-inline:0}
 .sale-rework-page #fall-sale #sale-schedule .sale-phase-title{font-size:14px;line-height:21px}
 .sale-rework-page #fall-sale #sale-schedule .sale-phase-top{margin-bottom:16px}
 .sale-rework-page #fall-sale #sale-schedule .sale-phase-desc{margin-bottom:16px}
 .sale-rework-page #fall-sale .rework-schedule-controls{display:flex;flex-direction:column;align-items:center;margin-top:24px}
 .sale-rework-page #fall-sale .rework-schedule-controls .sale-products-nav-arrows{display:flex;gap:16px;margin:0}
 .sale-rework-page #fall-sale .rework-schedule-controls .sale-carousel-dots{display:none}
 .sale-rework-page #fall-sale .sale-draw-inner{display:flex;flex-direction:column-reverse;gap:24px;padding:24px 20px;text-align:center}
 .sale-rework-page #fall-sale .sale-draw-video{width:100%;height:auto;max-width:280px;margin:auto}
 .sale-rework-page #fall-sale .sale-draw-inner h2{font-size:28px;line-height:40px;margin:8px 0}
 .sale-rework-page #fall-sale .sale-draw-inner .sale-button{width:auto;display:inline-flex;justify-content:center;margin:24px auto 0}
 .sale-rework-page #fall-sale .rework-review-grid{gap:16px;width:100vw;padding-inline:30px;scroll-padding-left:30px}
 .sale-rework-page #fall-sale .rework-review-card{flex-basis:min(323px,calc((100vw - 60px)*.85))}
 .rework-review-controls{margin-top:24px}
 .sale-rework-page #fall-sale .rework-more-reviews{margin-top:24px}
 .sale-rework-page #fall-sale .sale-perks-grid{grid-template-columns:minmax(0,1fr);gap:16px}
 .sale-rework-page #fall-sale .sale-info-card{padding:20px;box-sizing:border-box}
 .sale-rework-page #fall-sale .sale-info-card h3{font-size:14px;line-height:21px;margin:16px 0 8px}
 .sale-rework-page #fall-sale .sale-faq-list summary{font-size:14px;line-height:21px}
 .sale-rework-page #fall-sale .sale-faq-list details{padding-block:16px}
 .sale-rework-page #fall-sale #sale-faq .faq-btn{font-size:14px;line-height:21px;padding-block:16px;gap:12px}
}
@media(prefers-reduced-motion:reduce){.sale-rework-page #fall-sale *{scroll-behavior:auto!important}}
.sale-rework-page #saleDialog .sale-modal-date{gap:8px;color:#b7741a}
.sale-rework-page #saleDialog .sale-modal-date .rework-coupon-tag{flex:none;display:block}
.sale-rework-page #saleDialog .sale-modal-date span{background:#191c1d;color:#e6c689;font-size:12px;line-height:18px;font-weight:600;padding:4px 12px}
