.promo-banner{background:var(--bg-color, #f5f3ee);padding:0 var(--side-padding-desktop, 40px)}@media(max-width:749px){.promo-banner{padding:0 var(--side-padding-mobile, 0)}}.promo-banner__inner{position:relative;max-width:var(--max-width, 1600px);margin:0 auto}.promo-banner--full-width .promo-banner__inner{max-width:none}.promo-banner__media{width:100%;height:var(--image-height-desktop, 460px);overflow:hidden;position:relative}@media(max-width:749px){.promo-banner__media{height:var(--image-height-mobile, 360px)}}.promo-banner__media img,.promo-banner__placeholder svg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;display:block}.promo-banner__card{position:relative;width:var(--card-width-desktop, 62%);margin-top:calc(var(--card-overlap, 85px) * -1);padding:var(--card-padding-v-desktop, 56px) var(--card-padding-h-desktop, 48px);background:var(--card-bg, #e3ddd0);display:flex;flex-direction:column;align-items:center;gap:var(--content-gap, 16px);text-align:center;z-index:2}.promo-banner__card.horizontal-left{margin-left:0;margin-right:auto}.promo-banner__card.horizontal-center{margin-left:auto;margin-right:auto}.promo-banner__card.horizontal-right{margin-left:auto;margin-right:0}.promo-banner__heading{margin:0;font-size:var(--fs-mobile, 20px);line-height:1.2}.promo-banner__heading.is-italic{font-style:italic}.promo-banner__body{margin:0;max-width:var(--body-max-width, 620px);line-height:1.65;font-size:var(--fs-mobile, 13px)}.promo-banner__body p{margin:0}.promo-banner__button{display:inline-block;text-decoration:none;text-transform:uppercase;letter-spacing:.12em;font-size:var(--fs-mobile, 12px)}.promo-banner__button.has-underline{border-bottom:1px solid currentColor;padding-bottom:2px}@media(min-width:750px){.promo-banner__heading{font-size:var(--fs-desktop, 28px)}.promo-banner__body{font-size:var(--fs-desktop, 15px)}.promo-banner__button{font-size:var(--fs-desktop, 13px)}}@media(max-width:749px){.promo-banner__card{width:100%;margin-top:0}.promo-banner--overlap-mobile .promo-banner__card{margin-top:calc(var(--card-overlap, 85px) * -1)}}
/*# sourceMappingURL=/cdn/shop/t/42/assets/promo-banner-card.css.map */