.mobile-brand { display: none; }
@media (max-width: 767px) {

  .site-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    min-height: 72px;
    padding: 12px 20px;
    border-bottom: 1px solid #e0e9e5;
    background: #fff;
  }
  .site-header .site-logo { display: none; }
  .mobile-brand { display: flex; flex-direction: column; gap: 3px; color: #173e32; text-decoration: none; }
  .mobile-brand__insurer { font-size: 13px; line-height: 1.3; font-weight: 500; letter-spacing: .04em; color: #52645b; }
  .mobile-brand__name { font-size: 22px; line-height: 1.25; font-weight: 750; letter-spacing: .04em; }
  .site-header .menu-toggle { position: relative; inset: auto; transform: none; width: 44px; height: 44px; padding: 10px; border: 1px solid #e0e9e5; border-radius: 10px; background: #fff; }
  .menu-toggle img { visibility: hidden; }
  .menu-toggle::before { content: ""; position: absolute; top: 13px; left: 10px; width: 22px; height: 2px; background: #173e32; box-shadow: 0 7px #173e32, 0 14px #173e32; }
}