@media (max-width: 1100px) {
  .site-nav {
    display: none;
  }

  .mobile-toggle {
    display: inline-flex;
    width: 68px;
    height: 68px;
    border-radius: 20px;
  }

  .site-header .btn--primary {
    display: none;
  }

  .site-header__outer {
    padding: 1.95rem 0;
  }

  .site-header__inner {
    min-height: 126px;
    padding: 0 1.75rem;
    border-radius: 30px;
  }

  .site-logo img {
    width: 198px;
  }

  .site-header.is-scrolled .site-header__outer {
    padding: 0;
  }

  .site-header.is-scrolled .site-header__inner {
    min-height: 126px;
  }
}

@media (max-width: 767px) {
  .site-header__outer {
    padding: 1.55rem 0;
  }

  .site-header__inner {
    min-height: 114px;
    padding: 0 1.3rem;
    border-radius: 26px;
    gap: 1rem;
  }

  .site-logo img {
    width: 178px;
  }

  .mobile-toggle {
    width: 64px;
    height: 64px;
    border-radius: 19px;
  }

  .mobile-toggle i {
    font-size: 1.12rem;
  }

  .mobile-panel__content {
    width: min(92vw, 360px);
    padding: 1.25rem;
    gap: 1.2rem;
  }

  .mobile-panel__title {
    font-size: 1.12rem;
  }

  .mobile-panel__close {
    width: 48px;
    height: 48px;
    border-radius: 15px;
  }

  .mobile-nav a {
    padding: 1rem 1rem;
    border-radius: 14px;
    font-size: 0.98rem;
  }

  .mobile-panel .btn--block {
    min-height: 56px;
  }

  .site-header.is-scrolled .site-header__outer {
    padding: 0;
  }

  .site-header.is-scrolled .site-header__inner {
    min-height: 118px;
  }
}

@media (max-width: 575px) {
  .site-header__outer {
    padding: 1.25rem 0;
  }

  .site-header__inner {
    min-height: 104px;
    padding: 0 1.05rem;
    border-radius: 24px;
  }

  .site-logo img {
    width: 164px;
  }

  .mobile-toggle {
    width: 60px;
    height: 60px;
    border-radius: 18px;
  }

  .mobile-toggle i {
    font-size: 1.05rem;
  }

  .mobile-panel__content {
    width: 100%;
    max-width: 100%;
    padding: 1rem;
  }

  .mobile-nav a {
    padding: 0.95rem 0.95rem;
    font-size: 0.96rem;
  }

  .site-header.is-scrolled .site-header__inner {
    min-height: 110px;
  }
}