@media(max-width:1100px) {
  .main-nav {
    gap: 12px
  }

  .header-inner {
    gap: 16px
  }

  .brand-name {
    font-size: 24px
  }

  .brand-mark {
    display: none
  }
}

@media(max-width:900px) {
  .header-inner {
    min-height: 78px
  }

  .brand {
    margin-right: auto
  }

  .menu-toggle {
    display: block;
    order: 2
  }

  .cart-trigger {
    order: 1
  }

  .main-nav {
    display: none;
    position: absolute;
    left: 0;
    right: 0;
    top: 100%;
    margin: 0;
    background: var(--cream);
    border-bottom: 1px solid var(--line);
    padding: 16px 24px;
    box-shadow: 0 16px 24px #39214f12
  }

  .main-nav.is-open {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 4px 20px
  }

  .main-nav a {
    font-size: 15px;
    min-height: 44px
  }

  .preview-strip {
    font-size: 10px
  }

  .preview-strip span {
    margin: 0 5px
  }
}

@media(max-width:420px) {
  .preview-strip {
    font-size: 9px;
    letter-spacing: 0
  }

  .cart-trigger {
    padding: 7px 10px
  }
}