/* r2: original-artwork correction; smaller radar. Crop transparent margins with CSS to keep text at the previous visible size. */
/* Approved radar wordmark. Mobile keeps source colors; desktop uses an exact cyan mask. */
.brand-wordmark{display:block;position:relative;overflow:hidden;flex:none;width:176px;aspect-ratio:1779 / 538;line-height:0;background-color:#16BCFE;-webkit-mask:url("/assets/shop/bibihao-logo-20261001-r2.png") 57.289003% 50.802139% / 121.978640% 134.758364% no-repeat;mask:url("/assets/shop/bibihao-logo-20261001-r2.png") 57.289003% 50.802139% / 121.978640% 134.758364% no-repeat}
.brand-wordmark img{position:absolute;display:block;left:-12.591343%;top:-17.657993%;width:121.978640%;height:134.758364%;max-width:none;object-fit:contain;visibility:hidden}
.header .logo,.footer-brand .logo,.catalog-mobile-header .cm-brand{gap:0;margin-right:0;line-height:0}
.footer-brand .brand-wordmark{width:156px}
@media(max-width:1150px) and (min-width:761px){.header .brand-wordmark{width:152px}}
@media(max-width:760px){
 .brand-wordmark{width:124px;background-color:transparent;-webkit-mask:none;mask:none}
 .brand-wordmark img{visibility:visible}
 .catalog-mobile-header .cm-brand{min-height:44px}
 .catalog-mobile-header .brand-wordmark{width:128px}
 .footer-brand .brand-wordmark{width:140px}
}
@media(max-width:359px){.catalog-mobile-header .brand-wordmark,.header .brand-wordmark{width:112px}}
@media(forced-colors:active){.brand-wordmark{background-color:transparent;-webkit-mask:none;mask:none}.brand-wordmark img{visibility:visible}}

/* Footer wordmark and tagline share one row. */
.footer-inner{align-items:center;flex-wrap:wrap}
.footer-brand{display:flex;align-items:center;gap:18px}
.footer-brand .logo{flex-shrink:0}
.footer-brand p{margin:0;white-space:nowrap;line-height:1.5}
@media(max-width:760px){.footer-brand{gap:12px}}
@media(max-width:359px){.footer-brand .brand-wordmark{width:120px}}