/* Lion Cash Buyers shared identity assets. The compact lion-under-roof mark is
   used anywhere the detailed emblem would lose legibility. */
.lcb-logo-mark{
  display:inline-block;
  width:24px;
  height:24px;
  object-fit:contain;
  border-radius:6px;
  vertical-align:middle;
  flex:0 0 auto;
}
.lcb-logo-mark--small{width:18px;height:18px;border-radius:4px}
.lcb-logo-mark--medium{width:32px;height:32px;border-radius:8px}
.lcb-logo-mark--large{width:48px;height:48px;border-radius:50%}
.lcb-logo-emblem{
  display:block;
  width:112px;
  max-width:32vw;
  height:auto;
  margin:0 auto;
}
.topbar .logo,
.card-header .brand,
.offer-header .brand,
.received-header .brand,
.gate-card h2{
  display:flex;
  align-items:center;
  gap:8px;
}
.gate-card h2{justify-content:center}
.brand .mark .lcb-logo-mark{width:21px;height:21px;border-radius:5px}
.lcb-brand .lcb-logo-mark{width:20px;height:20px;border-radius:5px}
.topbar .logo .lcb-logo-mark{width:22px;height:22px;border-radius:5px}
.gate-card h2 .lcb-logo-mark{width:28px;height:28px;border-radius:7px}
.card-header .brand .lcb-logo-mark,
.offer-header .brand .lcb-logo-mark,
.received-header .brand .lcb-logo-mark{width:22px;height:22px;border-radius:5px}
.cmp th .lcb-logo-mark,
.compare-table th .lcb-logo-mark{
  width:16px;
  height:16px;
  border-radius:4px;
  margin-right:5px;
  vertical-align:-4px;
}
.pulse-ring .lcb-logo-mark{width:48px;height:48px;border-radius:50%}
.received-icon .lcb-logo-emblem{width:112px;margin:0 auto}
.feed-item .ico .lcb-logo-mark{width:18px;height:18px;border-radius:4px}
.brand-line .lcb-logo-mark{width:22px;height:22px}
/* Match the main site's desktop header treatment on the estimator, legal,
   CRM, deal-desk and buyer-facing toolbars. These variants have only 12–24px
   of outer padding, so the mark moves safely to that padding edge instead of
   using the main header's larger negative offset and clipping off-screen. */
@media screen and (min-width:761px){
  .topbar > .logo > .lcb-logo-mark{
    position:static;
    transform:none;
    width:48px;
    height:48px;
    border-radius:10px;
    margin-left:-12px;
  }
  .lcb-head .lcb-brand > span{
    position:static;
    transform:none;
    width:48px;
    height:48px;
    line-height:1;
    margin-left:-12px;
    flex:0 0 48px;
  }
  .lcb-head .lcb-brand > span > .lcb-logo-mark{
    width:48px;
    height:48px;
    border-radius:10px;
  }
}
@media screen and (max-width:760px){
  .brand .mark .lcb-logo-mark{width:19px;height:19px}
  .lcb-brand .lcb-logo-mark{width:20px;height:20px}
}