.universal-search {
  display: flex;
  align-items: stretch;
  flex: 1 1 320px;
  width: min(100%, 430px);
  max-width: 430px;
  min-height: 42px;
  margin: 0 auto;
  overflow: hidden;
  border: 1px solid rgba(194, 154, 97, 0.5);
  border-radius: 999px;
  background: #fffdf9;
  box-shadow: 0 7px 22px rgba(76, 29, 51, 0.08);
}

.universal-search__label {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
  white-space: nowrap;
  border: 0;
}

.universal-search__input {
  min-width: 0;
  flex: 1 1 auto;
  border: 0;
  outline: 0;
  padding: 10px 14px;
  color: #271d1b;
  background: transparent;
  font: 600 0.82rem "Montserrat", "Inter", system-ui, sans-serif;
}

.universal-search__input:focus {
  box-shadow: inset 0 0 0 2px rgba(107, 47, 73, 0.25);
}

.universal-search__button {
  flex: 0 0 auto;
  border: 0;
  border-left: 1px solid rgba(194, 154, 97, 0.52);
  padding: 9px 15px;
  cursor: pointer;
  color: #fff;
  background: linear-gradient(145deg, #6b2f49, #4c1d33);
  font: 750 0.76rem "Montserrat", "Inter", system-ui, sans-serif;
}

.universal-search__button:hover,
.universal-search__button:focus-visible {
  background: linear-gradient(145deg, #7c3b58, #3f1529);
}

.site-header-inner {
  max-width: 1180px !important;
  flex-wrap: wrap;
}

.site-header-inner .universal-search {
  order: 2;
}

.site-header-inner .back-link {
  order: 3;
}

@media (max-width: 980px) {
  .top__inner,
  .legal-header-inner {
    flex-wrap: wrap;
  }

  .top__inner .universal-search,
  .legal-header-inner .universal-search {
    order: 3;
    flex-basis: 100%;
    max-width: none;
  }
}

@media (max-width: 640px) {
  .universal-search {
    width: 100%;
    max-width: none;
    min-height: 40px;
  }

  .universal-search__input {
    font-size: 0.78rem;
  }

  .universal-search__button {
    padding-inline: 12px;
    font-size: 0.72rem;
  }

  .site-header-inner .universal-search {
    order: 3;
    flex-basis: 100%;
  }
}