.df-banner{position:relative;width:100%;min-height:var(--df-banner-height,240px);display:flex;align-items:center;justify-content:center;overflow:hidden;margin-top:var(--df-header-height, 84px)}
.df-banner__bg{position:absolute;inset:0;z-index:0;background:var(--df-banner-bg,#1f2937)}
.df-banner__bg::after{content:"";position:absolute;inset:0;background:rgba(0,0,0,var(--df-banner-overlay,.25))}
.df-banner[style*="--df-banner-bg-gradient"] .df-banner__bg{background:var(--df-banner-bg-gradient)}
.df-banner[style*="--df-banner-bg-image"] .df-banner__bg{background-image:var(--df-banner-bg-image);background-size:cover;background-position:center}
.df-banner__inner{position:relative;z-index:1;width:100%;max-width:1200px;padding:24px 20px;text-align:center;min-height:var(--df-banner-height,240px);display:flex;flex-direction:column;justify-content:center}
.df-banner[style*="--df-banner-align: left"] .df-banner__inner{text-align:left}
.df-banner[style*="--df-banner-align: right"] .df-banner__inner{text-align:right}
.df-banner__title{margin:0;color:#fff;font-size:28px;line-height:1.3;font-weight:700}
.df-banner__subtitle{margin-top:6px;color:#e5e7eb;font-size:14px}
.df-banner__breadcrumb{margin-top:10px;color:#d1d5db;font-size:12px}