/* Keep the search available while the customer browses products. */
#mall > .header {
  position: sticky;
  top: 0;
  z-index: 40;
  background: #fff;
  box-shadow: 0 3px 12px rgb(55 48 39 / 8%);
}

#mall > .category-strip {
  background: #fff;
  border-bottom: 1px solid var(--line);
}

@media (max-width: 760px) {
  #mall > .header {
    top: var(--search-sticky-top, -69px);
  }
}

@media (max-width: 900px) {
  .customer-dock {
    flex-direction: column;
    align-items: stretch;
    gap: 4px;
  }
  .customer-dock:not(.expanded) button {
    width: 70px;
    min-height: 52px;
  }
}