/*
 * Special Campaign LP styles (TECH-6308).
 *
 * Derived from the SHIPPED React stylesheets - static/react/campaign-lp-pages/assets/
 * index-B69XTAlF.css (the shared Hero/Tab/SaleItem/Wrapper modules) and
 * SpecialImportBrands-wZtbOBty.css (the one page that still has content) - with the CSS-module
 * hashes replaced by the stable class names the .tml emits. Taken from the built output rather
 * than re-derived from the SCSS for the same reason TECH-6304 did that for child-sales: the
 * shipped bytes are what the page looked like, and the SCSS needs a build to say anything.
 *
 * Hero's own `.title` rule is NOT carried over. Hero renders `titleClass ? titleClass : s.title`,
 * and all 17 page components pass titleClass, so that rule never applied. Emitting it alongside
 * the page's own override moved the title band about 2px vertically against the React render -
 * caught by a pixel diff, not by reading the CSS.
 *
 * Also not carried over: the loader/suspense rules from index-BJpiCTP1.css (there is nothing left
 * to suspend on - the content is in the HTML), and the 15 per-page stylesheets whose routes have
 * no content and now redirect server-side before rendering.
 */
.mp-lp-wrapper{position:relative;margin:auto;width:100%;max-width:1230px;height:100%}@media screen and (max-width: 768px){.mp-lp-wrapper{max-width:100%}}.mp-lp-hero img{background-size:cover;width:100%;max-width:1230px;margin:0 auto;height:auto;vertical-align:middle;font-style:italic;background-repeat:no-repeat;shape-margin:.75rem}@media screen and (max-width: 768px){}.mp-lp-layout{display:flex;flex-direction:column}.mp-lp-item-wrap{position:relative;overflow:hidden;background-color:#fff;width:100%}.mp-lp-item{position:relative;display:flex;flex-direction:column;background-color:#fff}.mp-lp-item .mp-lp-coming-soon{position:absolute;font-family:Avenir Next;font-style:normal;font-weight:400;font-size:1.5rem;line-height:2rem;color:#000;top:0;bottom:0;left:0;right:0;display:flex;justify-content:center;align-items:center;text-align:center;background:#ffffffb5}.mp-lp-item a{text-decoration:none;color:#000}.mp-lp-item a:visited{color:#000}.mp-lp-item h2{font-family:Avenir Next;font-style:normal;font-weight:700;line-height:100%;color:#000;height:2.5rem;text-align:center;display:flex;align-items:center;justify-content:center;padding:0 .625rem}.mp-lp-item h2 a{font-size:.875em}.mp-lp-item img{margin:.5208333333vw;margin-top:0;width:calc(100% - 1.0416666667vw);max-width:100%;height:auto;vertical-align:middle;font-style:italic}@media screen and (min-width: 768px) and (max-width: 1230px){.mp-lp-item h2{height:3.125rem}.mp-lp-item h2 a{font-size:.625rem}}@media screen and (max-width: 768px){.mp-lp-item-wrap{position:sticky;top:calc(12.5vw + 30px)}.mp-lp-item{width:100%}.mp-lp-item .mp-lp-coming-soon{font-size:5.3333333333vw}.mp-lp-item h2{height:auto;padding:10px 9px}.mp-lp-item h2 a{font-size:.875rem}.mp-lp-item img{margin:2.6666666667vw;margin-top:0;width:calc(100% - 5.3333333333vw);max-width:calc(100% - 5.3333333333vw);max-height:-moz-max-content;max-height:max-content}}.mp-lp-tab{display:flex;align-items:flex-end;position:relative;z-index:0;--i: 0;background-color:transparent;max-width:1230px;height:3.86vw;margin:0 auto}.mp-lp-tab .mp-lp-tab-slider{z-index:2;position:absolute;width:33.3333333333%;height:100%;bottom:0;left:calc(var(--i) * 33.3333333333%);transition:.3s ease-in-out;background-color:#ead6b4}.mp-lp-tab .mp-lp-tab-button{font-family:AvenirNext;all:unset;display:flex;align-items:center;justify-content:center;box-sizing:border-box;background-color:#43473e;min-width:calc(33.3333333333% - 4px);height:3.86vw;z-index:2;text-align:center;text-shadow:none;border:0;color:#fff;font-style:normal;font-weight:400;font-size:14px;position:relative;transition:color .3s ease-in-out;cursor:pointer;text-transform:uppercase;padding:0}.mp-lp-tab .mp-lp-tab-buttons-bg{position:absolute;z-index:1;height:3.86vw;width:100%;background-color:#a1c4bc;color:#000}.mp-lp-tab .is-selected{font-weight:700}.mp-lp-pager{background-color:#ead6b4;padding:3.125rem 12.5rem;max-width:1230px;margin:0 auto}.mp-lp-pager .mp-lp-column{display:grid;justify-items:center;-moz-column-gap:1.3020833333vw;column-gap:1.3020833333vw;row-gap:2.6041666667vw;grid-template-columns:repeat(3,1fr)}@media screen and (max-width: 768px){.mp-lp-tab{height:12.5vw;position:sticky;top:0;z-index:10;overflow-x:scroll}.mp-lp-tab .mp-lp-tab-button{font-size:2.9333333333vw;height:12.5vw;line-height:1}.mp-lp-tab .mp-lp-tab-buttons-bg{height:12.5vw}.mp-lp-pager{padding:8vw;padding-bottom:30vh}.mp-lp-pager .mp-lp-column{-moz-column-gap:0;column-gap:0;row-gap:8vw;grid-template-columns:repeat(1,1fr)}}

.mp-lp-body .mp-lp-desc{width:57.2916666667vw;margin:2.8125rem auto 3.75rem}.mp-lp-body .mp-lp-desc h3{font-family:Hiragino Sans;font-style:normal;font-weight:300;font-size:1.5rem;line-height:133%;text-align:center;color:#646464;margin-bottom:2rem}.mp-lp-body .mp-lp-desc p{font-family:Hiragino Sans;font-style:normal;font-weight:300;font-size:.9375rem;line-height:1.875rem;color:#646464;margin-bottom:2rem}.mp-lp-body .mp-lp-desc p span{font-weight:500;font-size:1.25rem}.mp-lp-body .mp-lp-desc p strong{font-size:1.5rem}.mp-lp-body .mp-lp-desc .mp-lp-date{text-align:center;color:#5d5d5d}.mp-lp-hero-title{font-family:AvenirNext,Avenir Next;font-style:normal;font-weight:400;font-size:2.375rem;line-height:normal;text-align:center;color:#000;position:absolute;background:#e0d4ca;right:0;left:0;display:flex;align-items:center;justify-content:center;margin:0 auto;text-transform:uppercase;width:-moz-fit-content;width:fit-content;padding:1rem 3rem;height:auto;bottom:3.75rem}@media screen and (max-width: 768px){.mp-lp-body .mp-lp-desc{width:calc(100% - 16vw);margin:6.6666666667vw auto 8vw}.mp-lp-body .mp-lp-desc h3{font-size:5.0666666667vw;margin-bottom:5.0666666667vw}.mp-lp-body .mp-lp-desc p{font-size:3.68vw;line-height:8vw;margin-bottom:5.0666666667vw}.mp-lp-body .mp-lp-desc p span{font-size:4.2666666667vw}.mp-lp-body .mp-lp-desc p strong{font-size:4.8vw}.mp-lp-hero-title{position:relative;width:100%;font-size:6.6666666667vw;line-height:8.5333333333vw;height:19.4666666667vw;bottom:0;padding:0}}

/*
 * Tab switching without JS: the radio for each tab sits ahead of the bar and the pager (see the .tml),
 * so a sibling selector per position picks the selected button and the visible column. Four positions
 * are covered; no LP has used more than two.
 */
.mp-lp-tab-radio{position:absolute;opacity:0;pointer-events:none}
.mp-lp-tab .mp-lp-tab-button{background-color:var(--mp-lp-tab-color);color:var(--mp-lp-text-color)}
.mp-lp-pager .mp-lp-column{display:none}
#mp-lp-tab-0:checked~.mp-lp-tab .mp-lp-tab-button:nth-of-type(1){background-color:var(--mp-lp-active-tab-color);font-weight:700}
#mp-lp-tab-0:checked~.mp-lp-pager .mp-lp-column:nth-child(1){display:grid}
#mp-lp-tab-1:checked~.mp-lp-tab .mp-lp-tab-button:nth-of-type(2){background-color:var(--mp-lp-active-tab-color);font-weight:700}
#mp-lp-tab-1:checked~.mp-lp-pager .mp-lp-column:nth-child(2){display:grid}
#mp-lp-tab-2:checked~.mp-lp-tab .mp-lp-tab-button:nth-of-type(3){background-color:var(--mp-lp-active-tab-color);font-weight:700}
#mp-lp-tab-2:checked~.mp-lp-pager .mp-lp-column:nth-child(3){display:grid}
#mp-lp-tab-3:checked~.mp-lp-tab .mp-lp-tab-button:nth-of-type(4){background-color:var(--mp-lp-active-tab-color);font-weight:700}
#mp-lp-tab-3:checked~.mp-lp-pager .mp-lp-column:nth-child(4){display:grid}