.mt-sale-banner{display:block;position:relative;isolation:isolate;overflow:hidden;background:#173d30;color:#fff}
.mt-sale-banner::before{content:"";position:absolute;inset:0;z-index:-2;background:radial-gradient(ellipse at 58% 35%,#2c5140 0,transparent 68%),linear-gradient(110deg,#102f27,#173d30 62%,#183a30);pointer-events:none}
.mt-sale-banner__backdrop{position:absolute;inset:0;z-index:-1;width:100%;height:100%;object-fit:cover;object-position:center;pointer-events:none;user-select:none}
.mt-site #MainContent .mt-sale-banner__inner{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(250px,1fr);align-items:center;gap:56px;padding-top:44px;padding-bottom:48px}
.mt-site #MainContent .mt-sale-banner__eyebrow{display:inline-block;margin:0 0 20px;padding:8px 15px;border:1px solid #c9ee7c;border-radius:3px;color:#d9fa9a;font-size:13px;font-weight:800;line-height:1.2;letter-spacing:.2em;text-transform:uppercase}
.mt-site #MainContent .mt-sale-banner__heading{margin:0;color:#fff;font-family:'MT Condensed',Impact,sans-serif;font-size:clamp(64px,8.5vw,122px);font-weight:800;line-height:.94;letter-spacing:-.025em;text-transform:uppercase}
.mt-sale-banner__heading span{display:block}
.mt-sale-banner__heading span+span{margin-top:9px;color:#d9fa9a}
.mt-sale-banner__offer{position:relative;justify-self:center;width:min(100%,310px);transform:rotate(-5deg)}
.mt-site #MainContent .mt-sale-banner__discount{display:grid;grid-template-columns:auto auto;align-items:center;justify-content:center;column-gap:12px;row-gap:3px;margin:0;padding:36px 24px 30px;border:2px solid #173d30;outline:2px solid #ffad82;outline-offset:7px;border-radius:12px;background:#ffad82;color:#173d30;box-shadow:13px 15px 0 #0b251c;line-height:1}
.mt-sale-banner__amount,.mt-sale-banner__off{font-family:'MT Condensed',Impact,sans-serif;font-weight:800;letter-spacing:-.035em}
.mt-sale-banner__amount{font-size:clamp(82px,8vw,110px)}
.mt-sale-banner__off{font-size:clamp(38px,4vw,52px)}
.mt-sale-banner__scope{grid-column:1/-1;margin-top:9px;text-align:center;font-size:17px;font-weight:800;letter-spacing:.09em;line-height:1.3}
.mt-sale-banner__spark{position:absolute;top:-53px;right:-28px;color:#d9fa9a;font-size:85px;line-height:1;transform:rotate(14deg);text-shadow:2px 3px #173d30}
@media(prefers-reduced-motion:no-preference){
  .mt-sale-banner.is-entering .mt-sale-banner__copy{animation:mt-sale-copy-in .8s cubic-bezier(.22,1,.36,1) both}
  .mt-sale-banner.is-entering .mt-sale-banner__offer{animation:mt-sale-offer-in .9s .12s cubic-bezier(.22,1,.36,1) both}
}
@keyframes mt-sale-copy-in{from{opacity:.15;translate:-54px 0}to{opacity:1;translate:0 0}}
@keyframes mt-sale-offer-in{from{opacity:.15;translate:54px 0}to{opacity:1;translate:0 0}}
@media(max-width:989px){
  .mt-site #MainContent .mt-sale-banner__inner{gap:36px}
  .mt-sale-banner__offer{width:min(100%,255px)}
  .mt-site #MainContent .mt-sale-banner__discount{padding:30px 16px 24px;column-gap:8px}
  .mt-sale-banner__scope{font-size:14px}
}
@media(max-width:749px){
  .mt-site #MainContent .mt-sale-banner__inner{grid-template-columns:minmax(0,1fr);gap:36px;padding-top:32px;padding-bottom:42px;text-align:center}
  .mt-site #MainContent .mt-sale-banner__eyebrow{margin-bottom:18px;font-size:11px;letter-spacing:.18em}
  .mt-site #MainContent .mt-sale-banner__heading{font-size:clamp(56px,17vw,100px);line-height:.96}
  .mt-sale-banner__heading span+span{margin-top:6px}
  .mt-sale-banner__offer{width:min(75%,290px);transform:rotate(-4deg)}
  .mt-site #MainContent .mt-sale-banner__discount{padding:18px 12px 17px;column-gap:12px}
  .mt-sale-banner__amount{font-size:76px}
  .mt-sale-banner__off{font-size:38px}
  .mt-sale-banner__scope{margin-top:3px;font-size:13px}
  .mt-sale-banner__spark{top:-31px;right:-24px;font-size:60px}
}