:root{--cat-banner-overlay:rgba(10,10,10,0.45);--cat-banner-text:#fff;--cat-banner-subtle:#eaeaea;--cat-banner-font-lg:42px;--cat-banner-font-md:30px;--cat-banner-font-sm:24px}.cat-banner-wrapper{width:100%;min-height:320px;background-size:cover;background-position:50%;position:relative;display:flex;align-items:center;justify-content:center;padding:60px 20px;margin-top:80px}.cat-banner-overlay{position:absolute;inset:0;background:var(--cat-banner-overlay)}.cat-banner-content{position:relative;text-align:center;color:var(--cat-banner-text);width:100%;padding:0 20px;max-width:900px}.cat-banner-title{font-size:var(--cat-banner-font-lg);font-weight:700;margin:0 0 10px;line-height:1.2}.cat-banner-subtitle{font-size:18px;font-weight:400;opacity:.9;margin-bottom:10px}.cat-banner-breadcrumbs{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;font-size:15px}.cat-banner-crumb a{color:var(--cat-banner-text);text-decoration:none;font-weight:500;transition:.25s}.cat-banner-crumb a:hover{color:var(--brand-orange)}@media (max-width:900px){.cat-banner-wrapper{padding:50px 20px;min-height:260px}.cat-banner-title{font-size:var(--cat-banner-font-md)}.cat-banner-subtitle{font-size:16px}}@media (max-width:640px){.cat-banner-wrapper{padding:40px 15px;min-height:120px}.cat-banner-title{font-size:var(--cat-banner-font-sm)}.cat-banner-subtitle{font-size:14px}.cat-banner-breadcrumbs{font-size:13px;gap:4px}}@media (max-width:400px){.cat-banner-title{font-size:20px}.cat-banner-subtitle{font-size:13px}}