.bfcm-banner{position:relative;display:block;overflow:hidden;background:#130f0c;color:var(--bfcm-banner-color, #f4f0ed)}.bfcm-banner__media{aspect-ratio:var(--bfcm-banner-ratio, 16 / 9)}.bfcm-banner__media img{display:block;width:100%;height:100%;object-fit:cover}.bfcm-banner__overlay,.bfcm-banner__content{position:absolute;top:0;right:0;bottom:0;left:0}.bfcm-banner__overlay{background:rgba(0,0,0,var(--bfcm-banner-overlay, .1));pointer-events:none}.bfcm-banner__content{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;padding:40px 24px;text-align:center}.bfcm-banner--bottom .bfcm-banner__content{justify-content:flex-end;padding-bottom:48px}.bfcm-banner__copy{display:flex;flex-direction:column;align-items:center;gap:8px;max-width:720px}.bfcm-banner__title,.bfcm-banner__subtitle{margin:0}.bfcm-banner__title{font-family:var(--FONT-STACK-HEADING);font-size:40px;font-weight:700;letter-spacing:-.4px;line-height:1.15}.bfcm-banner__subtitle{font-size:20px;font-weight:500;line-height:1.5}.bfcm-banner__actions{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:12px}.bfcm-banner__button{display:inline-flex;align-items:center;justify-content:center;min-height:43px;padding:12px 24px;border-radius:900px;background:#f4f0ed;color:#130f0c;font-size:16px;font-weight:700;line-height:1;text-decoration:none;transition:all .3s}.bfcm-banner__button:focus{color:#130f0c}.bfcm-banner__button:hover{background:var(--COLOR-PRIMARY);color:var(--COLOR-PRIMARY-OPPOSITE)}.bfcm-banner__button--white{background:#fff}.bfcm-banner__button--dark{background:#130f0c;color:#f4f0ed}.bfcm-banner:not(:has(img)){min-height:320px}@media screen and (max-width:767px){.bfcm-banner__media{aspect-ratio:var(--bfcm-banner-ratio-mobile, var(--bfcm-banner-ratio, 3 / 2))}.bfcm-banner--gradient-mobile .bfcm-banner__overlay{background:linear-gradient(180deg,#0000 20%,#0006)}.bfcm-banner--bottom-mobile .bfcm-banner__content{justify-content:flex-end;padding-bottom:40px}.bfcm-banner--center-mobile .bfcm-banner__content{justify-content:center;padding-bottom:40px}.bfcm-banner__title{font-size:var(--bfcm-banner-title-mobile, 27px)}.bfcm-banner__subtitle{font-size:var(--bfcm-banner-subtitle-mobile, 18px)}.bfcm-banner__actions{gap:8px}}@media screen and (max-width:380px){.bfcm-banner__subtitle{font-size:16px}.bfcm-banner__button{padding:10px 16px;min-height:38px}}
/*# sourceMappingURL=/cdn/shop/t/32/assets/section-2026-bfcm-banner.css.map */
