.banner-product{width:100%;height:520px;margin:24px 0}@media(max-width:990px){.banner-product{height:520px}}.banner-product .banner-content{position:relative;display:block;margin:0;padding:0;width:100%;height:100%}.banner-product .banner-content:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:#00000059;z-index:1}.banner-product .banner-content__image{width:100%;height:100%;max-width:100%;max-height:100%;-o-object-fit:cover;object-fit:cover}.banner-product .banner-content__image--desktop{display:block}@media(max-width:990px){.banner-product .banner-content__image--desktop{display:none}}.banner-product .banner-content__image--mobile{display:none}@media(max-width:990px){.banner-product .banner-content__image--mobile{display:block}}.banner-product .banner-content__caption{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:2}@media(max-width:990px){.banner-product .banner-content__caption{width:100%;max-width:100%;padding:16px 16px 24px;bottom:0;left:0;top:inherit;transform:inherit;background:linear-gradient(180deg,#0f0f1000,#0f0f10 98.96%)}}.banner-product .banner-content__caption .content{display:flex;flex-direction:column;align-items:center}@media(max-width:990px){.banner-product .banner-content__caption .content{align-items:flex-start}}.banner-product .banner-content__caption .content .hgroup{display:flex;flex-direction:column-reverse;gap:8px;max-width:800px}.banner-product .banner-content__caption .content .hgroup .title{overflow:hidden;color:var(--text-text-primary-inverted, #fff);text-align:center;text-overflow:ellipsis;font-family:Poppins,sans-serif;font-size:64px;font-style:normal;font-weight:700;line-height:64px;letter-spacing:.5px;text-transform:uppercase;margin:0}@media(max-width:990px){.banner-product .banner-content__caption .content .hgroup .title{font-size:28px;line-height:1;text-align:left}}.banner-product .banner-content__caption .content .hgroup .subtitle{overflow:hidden;color:var(--text-text-primary-inverted, #fff);text-align:center;text-overflow:ellipsis;font-family:Poppins,sans-serif;font-size:28px;font-style:normal;font-weight:600;line-height:24px;letter-spacing:1.5px;text-transform:uppercase;margin:0}@media(max-width:990px){.banner-product .banner-content__caption .content .hgroup .subtitle{font-size:16px;line-height:16px;text-align:left}}.banner-product .banner-content__caption .price{overflow:hidden;color:var(--text-text-primary-inverted, #fff);text-align:center;text-overflow:ellipsis;font-family:Poppins,sans-serif;font-size:36px;font-style:normal;font-weight:700;line-height:34px;letter-spacing:.75px;text-transform:uppercase;margin:8px 0 0}@media(max-width:990px){.banner-product .banner-content__caption .price{font-size:18px;line-height:1}}.banner-product .banner-content__caption .container-btns{display:flex;flex-direction:column;gap:4px;margin-top:24px}@media(max-width:990px){.banner-product .banner-content__caption .container-btns{flex-direction:row}}.banner-product .banner-content__caption .container-btns .btn-cta{display:inline-flex;padding:16px 32px 12px;align-items:center;justify-content:center;gap:4px;border-radius:4px;border:1px solid var(--base-brand, #010102);background:var(--base-brand, #010102);color:var(--text-text-primary-inverted, #fff);text-align:center;font-family:Poppins,sans-serif;font-size:16px;font-style:normal;font-weight:500;line-height:20px;letter-spacing:.5px;text-transform:uppercase;text-decoration:none;transition:all .3s ease}.banner-product .banner-content__caption .container-btns .btn-cta:hover{filter:brightness(.8)}.banner-product .banner-content__caption .container-btns .btn-cta--transparent{background:transparent;border:1px solid #fff;color:var(--text-text-primary-inverted, #fff)}.banner-product .banner-content__caption .container-btns .btn-cta--transparent:hover{background:#fff;color:#010102;filter:none}@media(max-width:990px){.banner-product .banner-content__caption .container-btns .btn-cta{padding:10px 16px 8px;font-size:14px;line-height:1}}@media(max-width:990px){.banner-product--text-only .banner-content__caption{width:100%;max-width:80%}}@media(max-width:990px){.banner-product--text-only .banner-content__caption .content .hgroup .title{font-size:36px;line-height:36px}}@media(max-width:990px){.banner-product--text-only .banner-content__caption .content .hgroup .subtitle{font-size:16px;line-height:16px}}@media(max-width:990px){.banner-product--text-only .banner-content__caption .content .btn-cta{padding:10px 16px 8px;font-size:18px;line-height:1}}@media(max-width:990px){.banner-product--large-image .banner-content__caption{width:100%;max-width:100%;padding:16px 16px 24px;bottom:0;left:0;top:inherit;transform:inherit}}@media(max-width:990px){.banner-product--large-image .banner-content__caption .content{align-items:flex-start}}@media(max-width:990px){.banner-product--large-image .banner-content__caption .content .hgroup .title{font-size:28px;line-height:1;text-align:left}}@media(max-width:990px){.banner-product--large-image .banner-content__caption .content .hgroup .subtitle{font-size:16px;line-height:16px;text-align:left}}@media(max-width:990px){.banner-product--large-image .banner-content__caption .content .btn-cta{padding:10px 16px 8px;font-size:18px;line-height:1}}
/*# sourceMappingURL=/cdn/shop/t/127/assets/bf-banner-product.css.map */