/* The independent product mark uses approved concept 05; the institutional emblem stays intact. */
.brand{gap:10px;min-width:0}
.brand .brand-official{display:grid;place-items:center;flex:none;padding-inline-end:10px;border-inline-end:1px solid #dce7e0}
.brand .brand-official img{width:55px;height:55px;object-fit:contain}
.brand .adala-mark{display:inline-flex;align-items:center;gap:3px;white-space:nowrap}
.brand .adala-mark img{width:42px;height:42px;object-fit:contain}
.brand .adala-mark strong{display:block;color:#005951;font-size:27px;line-height:1.2;letter-spacing:-.025em}
.brand .brand-note{margin-inline-start:4px}
.portal-emblem .adala-card-lockup{display:grid;place-items:center;transform:translateX(8px)}
.portal-emblem .adala-card-lockup img{width:58px;height:58px;margin:0;object-fit:contain;transition:transform .22s}
.portal-card:hover .adala-card-lockup img,.portal-card:focus-visible .adala-card-lockup img{transform:scale(1.08)}
.footer-identity{display:flex;align-items:center;gap:7px;margin-bottom:9px}
.footer-identity .footer-official-logo{width:47px;height:47px;object-fit:contain;padding-inline-end:8px;border-inline-end:1px solid #d5e4da}
.footer-identity .footer-adala-icon{width:37px;height:37px;object-fit:contain}
.footer-identity strong{color:#005951;font-size:24px;line-height:1.2}

@media(max-width:1180px){
  .brand .brand-note{display:none}
  .brand .brand-official img{width:47px;height:47px}
  .brand .adala-mark img{width:38px;height:38px}
  .brand .adala-mark strong{font-size:24px}
}
@media(max-width:680px){
  .brand{gap:5px}
  .brand .brand-official{padding-inline-end:5px}
  .brand .brand-official img{width:36px;height:36px}
  .brand .adala-mark{gap:1px}
  .brand .adala-mark img{width:33px;height:33px}
  .brand .adala-mark strong{font-size:19px}
  .portal-emblem .adala-card-lockup img{width:43px;height:43px}
}
@media(max-width:375px){
  body{min-width:0}
  .brand .adala-mark{display:inline-flex}
  .brand .adala-mark img{width:29px;height:29px}
  .brand .adala-mark strong{display:block;font-size:18px}
  .brand .brand-official{display:grid}
  .brand .brand-official img{width:42px;height:36px}
  .header-actions>.icon-btn{display:none}
  .portal-emblem .adala-card-lockup img{width:35px;height:35px}
}
