.official-brand{min-height:100px;display:flex;align-items:center;justify-content:center;gap:18px;border-bottom:1px solid var(--line);padding:0 8px 18px}
.brand-tile{width:140px;height:78px;border-radius:14px;background:#fff;display:grid;place-items:center;padding:5px 10px;overflow:hidden}
.brand-tile img{max-width:100%;max-height:100%;object-fit:contain;display:block}
.brand-tile .logo-fmd{width:108px;height:68px}.texaco-tile{width:78px;padding:7px}.texaco-tile .logo-texaco{width:64px;height:64px;border-radius:50%}
.brand-divider{width:1px;height:50px;background:#d9dadd}
.brand-kicker{display:flex;align-items:center;gap:10px;margin-top:16px}.brand-kicker span{width:42px;height:4px;border-radius:4px;background:var(--red)}.brand-kicker b{font-size:10px;letter-spacing:.17em}
.mini-brand{height:42px;border-radius:10px;background:#fff;display:grid;place-items:center;overflow:visible;padding:5px}.mini-brand img{width:100%;height:100%;object-fit:contain}.fmd-mini{width:78px;padding:5px 7px}.texaco-mini{width:42px;border-radius:50%;padding:3px}.texaco-mini img{border-radius:50%}
.sidebar-brand{position:relative}.sidebar-fmd{display:block;width:142px;height:82px;object-fit:contain;margin:auto;filter:brightness(0) invert(1)}.sidebar-brand:after{content:"★";position:absolute;left:50%;top:17px;transform:translateX(-50%);color:#e3071c;font-size:23px;line-height:1}.topbar-fmd{display:none;width:76px;height:57px;object-fit:contain}.topbar-texaco{display:flex;align-items:center;gap:10px;color:#d10b1e;margin-left:auto}.topbar-texaco img{width:46px;height:46px;border-radius:50%;object-fit:cover}.topbar-texaco strong{font-size:21px;letter-spacing:.015em}
@media(max-width:480px){.official-brand{gap:10px}.brand-tile{width:124px;height:72px;padding:5px 9px}.brand-tile .logo-fmd{width:98px;height:62px}.texaco-tile{width:70px}.texaco-tile .logo-texaco{width:56px;height:56px}.brand-divider{height:44px}}
@media(max-width:760px){.topbar-fmd{display:block}.topbar-texaco{margin-left:0}.topbar-texaco img{width:36px;height:36px}.topbar-texaco strong{font-size:14px}.sidebar-fmd{width:118px;height:68px}}
@media(max-width:390px){.topbar-fmd{width:66px}.topbar-texaco img{width:32px;height:32px}.topbar-texaco strong{font-size:11px}}