.banner-categories{display:flex;gap:24px}@media (max-width: 990px){.banner-categories{flex-direction:column;gap:4px}}.banner-categories .banner-category{width:100%;max-width:748px;height:480px;margin:0;padding:0;position:relative}@media (max-width: 990px){.banner-categories .banner-category{max-width:100%}}.banner-categories .banner-category__image{display:block;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.banner-categories .banner-category__caption{position:absolute;left:0;right:0;bottom:0;z-index:1;display:flex;flex-direction:column;justify-content:flex-end;height:100%;padding:32px 24px;background:linear-gradient(180deg,#0f0f1000,#0f0f10 98.96%)}@media (max-width: 990px){.banner-categories .banner-category__caption{padding:16px}}.banner-categories .banner-category__caption .hgroup{display:flex;flex-direction:column;gap:4px}.banner-categories .banner-category__caption .hgroup .title{overflow:hidden;color:var(--text-text-primary-inverted, #fff);text-overflow:ellipsis;font-family:Teko;font-size:48px;font-style:normal;font-weight:700;line-height:48px;letter-spacing:.5px;text-transform:uppercase;margin:0}@media (max-width: 990px){.banner-categories .banner-category__caption .hgroup .title{font-size:28px;line-height:1}}.banner-categories .banner-category__caption .hgroup .subtitle{overflow:hidden;color:var(--text-text-primary-inverted, #fff);text-overflow:ellipsis;font-family:Teko;font-size:24px;font-style:normal;font-weight:700;line-height:20px;letter-spacing:.75px;text-transform:uppercase;margin:0}@media (max-width: 990px){.banner-categories .banner-category__caption .hgroup .subtitle{font-size:18px;line-height:1}}.banner-categories .banner-category__caption .container-btns{display:flex;gap:12px;margin-top:16px}.banner-categories .banner-category__caption .container-btns .btn-cta{display:flex;padding:12px 16px 10px 20px;justify-content:center;align-items:center;gap:4px;flex:1 0 0;border-radius:4px;background:var(--base-brand, #fe8a34);color:var(--text-text-primary, #1b1b1b);text-align:center;font-family:Teko;font-size:22px;font-style:normal;font-weight:700;line-height:20px;letter-spacing:.5px;text-transform:uppercase;text-decoration:none;transition:all .3s ease}.banner-categories .banner-category__caption .container-btns .btn-cta:hover{filter:brightness(.8)}@media (max-width: 990px){.banner-categories .banner-category__caption .container-btns .btn-cta{padding:8px 12px 6px 16px;font-size:20px;line-height:18px}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/bf-banner-categories.css.map */