/* User-approved vertical logo, 2026-10-23. */
.hl-official-logo{display:block!important;width:126px!important;height:126px!important;max-width:100%!important;object-fit:contain!important;flex:none!important;background:#fff;border-radius:3px}
.logo-wrap:has(>.hl-official-logo),.brand:has(>.hl-official-logo),.logo:has(>.hl-official-logo),.fBrand:has(>.hl-official-logo),.f-logo:has(>.hl-official-logo),.f-name:has(>.hl-official-logo),.hl-price-brand:has(>.hl-official-logo){display:inline-flex!important;flex-direction:row!important;align-items:center!important;gap:0!important;line-height:1!important;min-width:0!important}
.header-inner:has(.hl-official-logo),.navrow:has(.hl-official-logo),.header>.nav:has(.hl-official-logo),nav:has(>.logo-wrap>.hl-official-logo),nav:has(>.brand>.hl-official-logo),.topbar:has(>.brand>.hl-official-logo){height:auto!important;min-height:134px!important}
.logo-mark:has(>.hl-official-logo){width:auto!important;height:auto!important;background:none!important;border-radius:0!important;margin-left:auto;margin-right:auto}
footer .hl-official-logo,.footer .hl-official-logo{width:150px!important;height:150px!important}
@media(max-width:768px){.hl-official-logo{width:108px!important;height:108px!important}.header-inner:has(.hl-official-logo),.navrow:has(.hl-official-logo),.header>.nav:has(.hl-official-logo),nav:has(>.logo-wrap>.hl-official-logo),nav:has(>.brand>.hl-official-logo),.topbar:has(>.brand>.hl-official-logo){min-height:116px!important}.mobile-menu.open{top:116px!important}}
@media(max-width:900px){body.hl-ms-ready{padding-top:124px!important}#hl-ms-header{height:124px!important;min-height:124px!important;padding-top:4px!important;padding-bottom:4px!important}#hl-ms-brand .hl-official-logo{width:116px!important;height:116px!important}#hl-ms-drawer{top:124px!important}#hl-ms-drawer-panel{max-height:calc(100dvh - 124px)!important}}

/* Full company name beside the approved logo. */
.hl-company-name{display:block;color:#10364a;font-family:Arial,"Microsoft YaHei",sans-serif;font-weight:700;line-height:1.45;letter-spacing:0;white-space:normal;text-transform:none}
:is(a,div):has(>.hl-official-logo+.hl-company-name){display:inline-flex!important;flex-direction:row!important;align-items:center!important;gap:16px!important;text-decoration:none;flex-shrink:0}
@media(max-width:768px){:is(a,div):has(>.hl-official-logo+.hl-company-name){gap:8px!important;flex-shrink:1}.hl-company-name{font-size:14px!important;max-width:170px!important;line-height:1.5!important}.hl-official-logo:has(+.hl-company-name){width:86px!important;height:86px!important}#hl-ms-brand{max-width:calc(100% - 82px)}#hl-ms-brand .hl-official-logo{width:82px!important;height:82px!important}#hl-ms-brand .hl-company-name{max-width:155px!important;font-size:13px!important;white-space:normal!important}}
@media(max-width:360px){.hl-company-name{font-size:12px!important;max-width:145px!important}#hl-ms-brand .hl-company-name{font-size:11px!important;max-width:118px!important}#hl-ms-brand .hl-official-logo{width:72px!important;height:72px!important}}

.hl-company-name{font-size:18px;max-width:205px}
@media(min-width:901px){body>nav:has(>.logo-wrap>.hl-company-name){padding-left:max(24px,calc((100% - 1200px)/2))!important;padding-right:max(24px,calc((100% - 1200px)/2))!important;gap:16px!important;justify-content:space-between!important}body>nav:has(>.logo-wrap>.hl-company-name)>.logo-wrap{gap:12px!important}body>nav:has(>.logo-wrap>.hl-company-name)>.logo-wrap>.hl-official-logo{width:108px!important;height:108px!important}body>nav:has(>.logo-wrap>.hl-company-name)>.nav-links{gap:14px!important;margin-left:auto!important}body>nav:has(>.logo-wrap>.hl-company-name)>.nav-links>a{font-size:12px!important;white-space:nowrap}body>nav:has(>.logo-wrap>.hl-company-name)>.nav-cta{font-size:12px!important;padding:12px 14px!important;white-space:nowrap;flex-shrink:0}}
@media(min-width:901px) and (max-width:1250px){body>nav:has(>.logo-wrap>.hl-company-name){gap:12px!important}body>nav:has(>.logo-wrap>.hl-company-name)>.logo-wrap>.hl-official-logo{width:92px!important;height:92px!important}.logo-wrap>.hl-company-name{font-size:15px;max-width:170px}body>nav:has(>.logo-wrap>.hl-company-name)>.nav-links{gap:9px!important}body>nav:has(>.logo-wrap>.hl-company-name)>.nav-links>a{font-size:11px!important}body>nav:has(>.logo-wrap>.hl-company-name)>.nav-cta{font-size:11px!important;padding:11px 12px!important}}
