.search-box {
  position: relative;
  z-index: 2;
  transform: scale(1);
  transform-origin: left center;
  transition: transform 240ms cubic-bezier(.22, .75, .25, 1),
    border-color 240ms ease, box-shadow 240ms ease;
}

.search-box:focus-within {
  transform: scale(1.06);
  border-color: #83a06a;
  box-shadow: 0 10px 28px rgb(43 96 71 / 10%), 0 0 0 4px rgb(138 167 103 / 10%);
}

.popular-searches {
  margin-top: 19px;
  gap: 14px;
  row-gap: 8px;
  flex-wrap: wrap;
  font-size: 11px;
  line-height: 1.7;
}

.popular-searches button {
  font-size: 11px;
  line-height: 1.7;
}

@media (max-width: 650px) {
  .search-box { transform-origin: center center; }
  .search-box:focus-within { transform: scale(1.03); }
  .popular-searches { gap: 11px; row-gap: 7px; font-size: 10px; }
  .popular-searches button { font-size: 10px; }
}

@media (prefers-reduced-motion: reduce) {
  .search-box:focus-within { transform: none; }
}