.footer-brand,
.page-footer__brand {
  display: inline-flex;
  align-items: center;
  justify-content: flex-start;
  min-height: 88px;
  padding: 0;
  border-radius: 0;
  background: transparent !important;
}

.footer-brand img,
.page-footer__brand img {
  display: block;
  width: 180px;
  height: 88px;
  object-fit: cover;
  object-position: center center;
}

.footer-instagram {
  display: inline-grid;
  place-items: center;
  width: 32px;
  height: 32px;
  border: 1px solid rgba(16, 43, 26, .14);
  border-radius: 50%;
  color: #08743c;
  transition: transform .18s ease, background .18s ease;
}

.footer-instagram:hover { background: #e9f8ed; transform: translateY(-2px); }
.footer-instagram svg { width: 16px; height: 16px; }

.mobile-menu-toggle,
.mobile-menu { display: none; }

@media (max-width: 850px) {
  .page-links,
  .nav-links,
  .page-actions,
  .nav-actions { display: none !important; }

  .mobile-menu-toggle {
    display: inline-grid;
    place-content: center;
    gap: 4px;
    flex: 0 0 40px;
    width: 40px;
    height: 40px;
    margin-left: 2px;
    padding: 0;
    border: 1px solid rgba(255, 255, 255, .33);
    border-radius: 50%;
    background: rgba(255, 255, 255, .08);
    color: #fff;
  }

  .mobile-menu-toggle span {
    display: block;
    width: 16px;
    height: 1.5px;
    border-radius: 99px;
    background: currentColor;
    transition: transform .18s ease, opacity .18s ease;
  }

  .mobile-menu-toggle.is-open span:nth-child(1) { transform: translateY(5.5px) rotate(45deg); }
  .mobile-menu-toggle.is-open span:nth-child(2) { opacity: 0; }
  .mobile-menu-toggle.is-open span:nth-child(3) { transform: translateY(-5.5px) rotate(-45deg); }

  .mobile-menu {
    position: absolute;
    z-index: 60;
    top: calc(100% + 8px);
    right: 16px;
    left: 16px;
    gap: 3px;
    padding: 10px;
    border: 1px solid rgba(255, 255, 255, .2);
    border-radius: 19px;
    background: rgba(10, 52, 31, .98);
    box-shadow: 0 18px 42px rgba(5, 28, 14, .26);
    backdrop-filter: blur(18px);
  }

  .mobile-menu:not([hidden]) { display: grid; }
  .mobile-menu a {
    min-height: 43px;
    padding: 0 14px;
    border-radius: 12px;
    color: #fff;
    font: 500 13px/43px Sora, sans-serif;
  }
  .mobile-menu a:hover,
  .mobile-menu a.is-current { background: rgba(255, 255, 255, .12); color: #c9f5d2; }
  .mobile-menu .page-signin,
  .mobile-menu .nav-signin,
  .mobile-menu .mobile-menu__login {
    margin-top: 5px;
    border: 1px solid rgba(255, 255, 255, .3);
    text-align: center;
  }
  .mobile-menu .page-join,
  .mobile-menu .nav-join,
  .mobile-menu .mobile-menu__join {
    justify-content: center;
    margin-top: 4px;
    background: var(--green);
    color: #fff;
    text-align: center;
  }
}

@media (max-width: 540px) {
  .footer-brand,
  .page-footer__brand { min-height: 76px; }
  .footer-brand img,
  .page-footer__brand img { width: 156px; height: 76px; }
  .mobile-menu-toggle { flex-basis: 37px; width: 37px; height: 37px; }
}