.f-search-popup--wrapper {
  position: relative;
}

.f-search-popup [data-close-search] {
  align-items: center;
  background: #f8f3ef;
  border: 1px solid rgba(96, 65, 83, 0.42);
  color: #3f2937;
  display: flex;
  height: 44px;
  justify-content: center;
  width: 44px;
}

.f-search-popup [data-close-search]:focus-visible,
[data-open-search-popup]:focus-visible {
  outline: 2px solid #604153;
  outline-offset: 3px;
}

[data-open-search-popup] {
  align-items: center;
  justify-content: center;
  min-height: 44px !important;
  min-width: 44px !important;
}

@media (min-width: 768px) {
  .f-search-popup--header {
    display: flex !important;
    justify-content: flex-end;
    position: absolute;
    right: 20px;
    top: 16px;
    width: auto;
    z-index: 4;
  }

  .f-search-popup--header h3 {
    display: none;
  }
}