/* Shared brand treatment; page layouts remain Royal, Materio and the customer app. */
.kingfisher-logo { display: block; width: 100%; height: 100%; object-fit: contain; }
.navbar .logo_h img { width: 120px; height: 88px; object-fit: contain; }
.admin-brand .kingfisher-logo { width: 66px; height: 54px; flex: 0 0 66px; }
.admin-brand > span > strong { font-size: 19px; letter-spacing: .025em; }
.brand-mark.kingfisher-brand-mark { width: 88px; height: 68px; border-radius: 0; background: none; box-shadow: none; }
.app-brand--legacy img { width: 100px; height: 66px; max-width: 100px; object-fit: contain; }
.app-brand--legacy .kingfisher-brand-label { display: grid; font-size: 14px; font-weight: 900; line-height: 1.2; color: #073c4c; }
.kingfisher-brand-label small { font-size: 10px; letter-spacing: .08em; }
.brand-hero-logo { display: block; width: 190px; height: 143px; object-fit: contain; margin: 0 auto 12px; }
.banner_area .banner_content .brand-hero-logo { margin-top: 14px; }
.app-legacy-promo img { object-fit: contain; background: #fff; }
.brand-receipt-logo { display: block; width: 120px; height: 90px; object-fit: contain; margin-bottom: 12px; }
@media (max-width: 480px) {
    .app-brand--legacy { gap: 5px; }
    .app-brand--legacy img { width: 79px; max-width: 79px; height: 59px; }
    .app-brand--legacy .kingfisher-brand-label { font-size: 12px; }
    .navbar .logo_h img { width: 100px; height: 74px; }
}