.sale-banner{position:relative;display:flex;width:100%;background-color:var(--sb-bg, #f5f1e9);aspect-ratio:var(--sb-ratio-mobile, auto);min-height:var(--sb-min-h-mobile, 0px)}.sale-banner__media{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden}.sale-banner__media img{display:block;width:100%;height:100%;object-fit:contain;object-position:center}.sale-banner__stretched-link{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;display:block!important}.sale-banner__content{position:relative;z-index:1;width:100%;display:flex;flex-direction:column;gap:1.25rem;justify-content:center;align-items:var(--sb-align-mobile, center);text-align:var(--sb-text-align-mobile, center);padding:clamp(1.5rem,5vw,3rem) clamp(1.25rem,4vw,4rem)}.sale-banner__text{display:flex;flex-direction:column;gap:.5rem;max-width:70ch}.sale-banner__eyebrow{margin:0;font-family:var(--font-body-family, "Work Sans", sans-serif);font-size:clamp(16px,1.67vw,24px);font-weight:400;line-height:1.25;letter-spacing:normal;text-transform:uppercase;color:var(--sb-eyebrow-color, #ffffff)}.sale-banner__title{margin:0;font-family:var(--font-heading-family, "Work Sans", sans-serif);font-size:clamp(30px,3.75vw,54px);font-weight:600;line-height:1.05;color:var(--sb-title-color, #ffffff)}.sale-banner__subtitle{margin:0;font-family:var(--font-body-family, "Work Sans", sans-serif);font-size:clamp(1.1rem,1.6vw,1.6rem);font-weight:500;line-height:1.3;color:var(--sb-subtitle-color, #ffffff)}.sale-banner__promo{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap;justify-content:var(--sb-align-mobile, center);margin-block:.25rem}.sale-banner__promo-label{font-size:clamp(.85rem,1vw,1.05rem);font-weight:500;color:var(--sb-promo-color, #ffffff)}.sale-banner__promo-code{display:inline-flex;align-items:center;gap:.5rem;padding:.4em 1.1em;border-radius:999px;border:1px dashed var(--sb-promo-color, #ffffff);background-color:var(--sb-promo-bg, transparent);color:var(--sb-promo-color, #ffffff);font-size:clamp(.85rem,1vw,1.05rem);font-weight:700;letter-spacing:.12em;text-transform:uppercase;cursor:pointer;transition:opacity .2s ease}.sale-banner__promo-code:hover{opacity:.85}.sale-banner__promo-code:focus-visible{outline:2px solid var(--sb-promo-color, #ffffff);outline-offset:3px}.sale-banner__promo-code svg{flex-shrink:0}.sale-banner__promo-feedback{font-size:clamp(.8rem,.95vw,1rem);font-weight:600;color:var(--sb-promo-color, #ffffff)}.sale-banner__description{font-family:var(--font-body-family, "Work Sans", sans-serif);font-size:clamp(15px,1.25vw,18px);font-weight:400;line-height:1.4;color:var(--sb-description-color, #ffffff)}.sale-banner__description p{margin:0;color:inherit}.sale-banner__actions{position:relative;z-index:3;display:flex;align-items:center}.sale-banner__cta{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:.78em 2.25em;border-radius:50px;border:none;font-family:var(--font-body-family, "Work Sans", sans-serif);font-size:clamp(15px,1.25vw,18px);font-weight:600;line-height:normal;letter-spacing:normal;text-transform:uppercase;text-decoration:none;cursor:pointer;white-space:nowrap;color:var(--sb-cta-color, #2a2a2a);background-color:var(--sb-cta-bg, #ffffff);transition:transform .2s ease,opacity .2s ease}.sale-banner__cta:hover{opacity:.9;transform:translateY(-1px);color:var(--sb-cta-color, #2a2a2a)}.sale-banner__cta:focus-visible,.sale-banner__stretched-link:focus-visible{outline:2px solid var(--sb-cta-bg, #ffffff);outline-offset:3px}@media(min-width:768px){.sale-banner{aspect-ratio:var(--sb-ratio-tablet, auto);min-height:var(--sb-min-h-desktop, 0px)}.sale-banner__content{align-items:var(--sb-align, center);text-align:var(--sb-text-align, center)}.sale-banner__promo{justify-content:var(--sb-align, center)}.sale-banner--cta-side .sale-banner__content{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;column-gap:2rem}.sale-banner--cta-side .sale-banner__text{grid-column:2;max-width:none}.sale-banner--cta-side .sale-banner__actions{grid-column:3;justify-self:end}}@media(min-width:1024px){.sale-banner{aspect-ratio:var(--sb-ratio-desktop, auto)}}@media(min-width:1920px){.sale-banner{aspect-ratio:var(--sb-ratio-wide, auto)}}@media(prefers-reduced-motion:reduce){.sale-banner__cta{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/353/assets/section-sale-banner.css.map */