:root{--ck-brand-red:#d82329;--ui-red:#d82329}
.app-shell.compact-shell,.co-app,.auth{--ui-red:#d82329;--red:#d82329}
.ck-logo-slot{font-size:0!important;gap:0!important;line-height:1!important}
.ck-brand-logo{display:block;width:96px!important;height:auto!important;max-width:100%;max-height:none!important;object-fit:contain;flex:none;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important}
.auth-story .ck-brand-logo{width:128px!important}.co-home-button .ck-brand-logo,.co-parent-brand .ck-brand-logo{width:96px!important}.co-footer-brand .ck-brand-logo,.legal-brand .ck-brand-logo{width:88px!important}
.ck-loading-icon{display:block;width:56px;height:62px;object-fit:contain;flex:none;animation:ck-loading-pulse 1.5s ease-in-out infinite}
.loading{gap:16px}.idle-product-brand.ck-logo-slot .ck-brand-logo{width:112px!important}.pickup-card-brand.ck-logo-slot .ck-brand-logo{width:88px!important}
@keyframes ck-loading-pulse{0%,100%{opacity:1}50%{opacity:.45}}
@media(prefers-reduced-motion:reduce){.ck-loading-icon{animation:none}}
@media(max-width:850px){.app-home-brand.ck-logo-slot>.ck-brand-logo{width:88px!important}.co-home-button.ck-logo-slot>.ck-brand-logo,.co-parent-brand.ck-logo-slot>.ck-brand-logo{width:88px!important}}

/* Keep sidebar brands compact, including the central mobile override. */
.sidebar .brand>.ck-brand-logo,.sidebar .app-brand>.ck-brand-logo{width:96px!important}
.login-emblem img.ck-brand-logo{width:112px!important}

/* Align brands to the navigation icon column; compact mobile headers. */
.app-shell.compact-shell .sidebar .app-brand{padding-left:12px!important;justify-content:flex-start!important;box-sizing:border-box}
.sidebar .brand:not(.app-brand){padding-left:14px!important;box-sizing:border-box;justify-content:flex-start!important}
@media(max-width:850px){.sidebar .brand>.ck-brand-logo,.sidebar .app-brand>.ck-brand-logo{width:88px!important}.app-home-brand.ck-logo-slot>.ck-brand-logo{width:88px!important}}

@media(max-width:850px){.sidebar .brand:not(.app-brand){padding-left:10px!important}}

html:has(#app>.loading),body:has(#app>.loading){background:#fff!important}
#app>.loading{position:fixed!important;inset:0!important;width:100%!important;height:100dvh!important;min-height:100dvh!important;max-height:none!important;box-sizing:border-box;display:flex!important;flex-direction:column;align-items:center!important;justify-content:center!important;gap:16px;margin:0!important;padding:24px!important;background:#fff!important;z-index:1000;text-align:center}