header.vto-modern-header .site-header .search {
  overflow: visible;
}

header.vto-modern-header .site-header .search form {
  overflow: hidden;
  border-radius: inherit;
}

header.vto-modern-header .vto-search-suggestions {
  position: absolute;
  top: calc(100% + 7px);
  right: 0;
  left: 0;
  z-index: 30;
  max-height: 260px;
  margin: 0;
  padding: 6px;
  overflow-y: auto;
  border: 1px solid #dce2eb;
  border-radius: 12px;
  background: rgba(255, 255, 255, 0.94);
  -webkit-backdrop-filter: blur(8px);
  backdrop-filter: blur(8px);
  box-shadow: 0 10px 28px rgba(16, 24, 40, 0.16);
  list-style: none;
}

header.vto-modern-header .vto-search-suggestions[hidden] {
  display: none;
}

header.vto-modern-header .vto-search-suggestion {
  position: relative;
  margin: 0;
  padding: 10px 12px 10px 37px;
  border-radius: 8px;
  color: #1d2939;
  font-size: 14px;
  line-height: 1.3;
  text-align: left;
  cursor: pointer;
}

header.vto-modern-header .vto-search-suggestion:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 12px;
  width: 15px;
  height: 15px;
  background: #e4002b;
  transform: translateY(-50%);
  -webkit-mask: var(--vto-icon-search) center / contain no-repeat;
  mask: var(--vto-icon-search) center / contain no-repeat;
}

header.vto-modern-header .vto-search-suggestion.is-event:before {
  -webkit-mask: var(--vto-icon-calendar) center / contain no-repeat;
  mask: var(--vto-icon-calendar) center / contain no-repeat;
}

header.vto-modern-header .vto-search-suggestion.is-venue:before,
header.vto-modern-header .vto-search-suggestion.is-location:before {
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2a7 7 0 0 0-7 7c0 5.25 7 13 7 13s7-7.75 7-13a7 7 0 0 0-7-7Zm0 9.5A2.5 2.5 0 1 1 12 6a2.5 2.5 0 0 1 0 5.5Z'/%3E%3C/svg%3E") center / contain no-repeat;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2a7 7 0 0 0-7 7c0 5.25 7 13 7 13s7-7.75 7-13a7 7 0 0 0-7-7Zm0 9.5A2.5 2.5 0 1 1 12 6a2.5 2.5 0 0 1 0 5.5Z'/%3E%3C/svg%3E") center / contain no-repeat;
}

header.vto-modern-header .vto-search-suggestion.is-active,
header.vto-modern-header .vto-search-suggestion:hover {
  background: #f5f7fa;
  color: #c91531;
}

header.vto-modern-header .vto-search-suggestion.is-all {
  margin-top: 5px;
  padding-top: 11px;
  border-top: 1px solid #e4e7ec;
  border-radius: 0 0 8px 8px;
  font-weight: 800;
}

@media screen and (max-width: 820px) {
  header.vto-modern-header .site-header .search {
    z-index: 25;
  }

  header.vto-modern-header .vto-search-suggestions {
    top: calc(100% + 6px);
    max-height: 220px;
    border-radius: 10px;
  }

  header.vto-modern-header .vto-search-suggestion {
    padding-top: 9px;
    padding-bottom: 9px;
    font-size: 13px;
  }
}