/* Category title background, layered below the existing title and description. */
.catalogue-hero-v3.has-category-banner{isolation:isolate;background:#071a31}
.category-banner-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;z-index:0}
.category-banner-shade{position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,rgba(4,16,30,.91),rgba(4,16,30,.65) 55%,rgba(4,16,30,.3))}
.has-category-banner .catalogue-hero-copy-v3{z-index:2;max-width:780px}
.has-category-banner .catalogue-hero-copy-v3 h1{color:#fff;text-shadow:0 2px 18px rgba(0,0,0,.3);overflow-wrap:anywhere}
.has-category-banner .catalogue-hero-copy-v3>p:not(.kicker){color:#eef2f6}
.has-category-banner .kicker{color:#f1d18a}
/* Category management. */
.category-banner-list{display:grid;gap:18px}
.category-banner-card{padding:16px;border:1px solid var(--border);border-radius:14px;min-width:0}
.category-banner-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}
.category-banner-heading small{display:block;margin-top:5px;font-size:12px;color:var(--muted)}
.category-banner-preview{position:relative;aspect-ratio:16/5;overflow:hidden;border-radius:10px;margin-bottom:16px;background:#071a31}
.category-banner-preview img{width:100%;height:100%;object-fit:cover}
.category-banner-preview:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(4,16,30,.8),rgba(4,16,30,.2))}
.category-banner-preview span{position:absolute;left:18px;top:50%;transform:translateY(-50%);z-index:1;color:#fff;font-size:20px;font-weight:700;max-width:80%;overflow-wrap:anywhere}
.category-banner-form{display:grid;gap:12px}
.category-banner-form>label:not(.category-banner-remove){display:grid;gap:8px;font-size:13px;font-weight:700}
.category-banner-form input[type=file]{width:100%;min-width:0;padding:10px;border:1px solid var(--border);border-radius:9px;background:var(--card);color:var(--text)}
.category-banner-form small{font-weight:400;font-size:12px;color:var(--muted)}
.category-banner-remove{display:flex;gap:8px;align-items:center;font-size:12px}
.category-banner-actions{display:flex;gap:10px;flex-wrap:wrap}
@media(max-width:760px){.category-banner-shade{background:linear-gradient(90deg,rgba(4,16,30,.84),rgba(4,16,30,.64))}.catalogue-hero-v3.has-category-banner{min-height:300px}.category-banner-heading{align-items:flex-start}.category-banner-preview span{font-size:16px}}