.site-header {
  position: sticky;
  top: 0;
  height: 64px;
  z-index: 100;
  box-shadow: 0 8px 24px rgba(24, 18, 58, .08);
}

.site-header .brand-full-logo {
  width: 190px;
  max-height: 40px;
}

.brand-mobile-mark {
  display: none;
}

.site-header .nav-shell {
  min-height: 64px;
}

.admin-area .admin-page {
  min-height: calc(100vh - 64px);
}

@media (max-width: 720px) {
  .site-header {
    height: 58px;
  }

  .site-header .nav-shell {
    min-height: 58px;
  }

  .site-header .brand-full-logo {
    display: none;
  }

  .brand-mobile-mark {
    display: block;
    flex: 0 0 auto;
    width: 29px;
    height: 29px;
  }

  .brand-mobile-mark img {
    width: 100%;
    height: 100%;
    object-fit: contain;
  }

  .site-header .main-nav {
    top: 58px;
  }

  .admin-area .admin-page {
    min-height: calc(100vh - 120px);
  }
}