
@media (min-width: 991.98px) {
#_desktop_autocomplete.autocomplete .searchbar_autocomplete__wrapper {
  /* align-items: stretch; */
  display: flex;
}
}

div.searchbar.header__top {
  position: absolute;
  left: 0;
  right: 0;
  background-color: #fff;
  margin-top: 1px;
}

/* Twój kontener */
#searchbar_products {
  position: relative;
  display: block;
}

/* Lista autocomplete */
#searchbar_products .mmeili-products {
  display: flex !important;
  flex-direction: row;
  border: none;
  position: unset !important;
  overflow: hidden;
  margin-left: -15px;
  margin-right: -15px; /* cannot use .row */
}

#searchbar_autocomplete ul>li.autocomplete-item:nth-child(n+6) {
  display: none !important;
}

li.autocomplete-item span>em {
  font-weight: 600;
}

li.autocomplete-item span:hover {
  text-decoration: underline;
  color: var(--primary);
}

/* mobile  */
@media (max-width: 991.98px) {
  .searchbar_autocomplete__wrapper > #searchbar_autocomplete {
    padding-inline: 0 !important;
  }

  #searchbar_products .mmeili-products {
    padding: 0px;
    display: flex;
    gap: 10px;
    flex-direction: column;
    margin: 0;
  }

  #searchbar_products .mmeili-products>li.ui-menu-item {
    display: block;
    max-width: unset;
    padding-left: 0;
    padding-right: 0;
  }

  #searchbar_products .mmeili-products>li.ui-menu-item .product-miniature__wrapper {
    display: grid;
    grid-template-areas: 'auto auto';
    grid-template-columns: 50% calc(50% - 10px);
    align-items: center;
    grid-gap: 10px;
  }

  #searchbar_products .mmeili-products>li.ui-menu-item .card-body {
    padding: .25rem;
    border: unset !important;
  }

  #searchbar_products .mmeili-products>li.ui-menu-item .card-body .product-title{
    font-size: .9rem;
  }

  #searchbar_products .mmeili-products>li.ui-menu-item .card-body .productdeliverytabs {
    order: 3;
    margin-bottom: unset;
  }

  #searchbar_products_wraper:has(> div:last-child.d-none) {
    display: none !important;
  }

  body:has(#_desktop_autocomplete:not(.d-none)) {
    overflow: hidden;
  }

  #header:has(#_desktop_autocomplete:not(.d-none)) {
    height: 100vh;
  }

  div.searchbar.header__top {
    margin-top: 0px;
    display: block;
    border: 0;
    max-height: stretch;
    overflow-y: auto;
  }

  div.searchbar.header__top:has(#_desktop_autocomplete:not(.d-none)) {
    border-top: 1px solid transparent; /* without - stock header border gone after mobile scroll */
  }

  #header:has(#_desktop_autocomplete:not(.d-none)) .close-autocomplete {
    display: block;
  }
}

button.close.close-autocomplete {
  display: none;
  width: 3rem;
  height: 3rem;
  background-color: #fff;
  position: absolute;
  z-index: 1;
  right: 0;
}

.searchbar.backdrop {
  background-color: rgba(0, 0, 0, .4);
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -999;
  opacity: 0;
  transition: all 0.45s ease-in-out 0s, z-index 0s linear 0.45s;
}

.searchbar.backdrop.visible {
  opacity: 1;
  z-index: 1020;
  transition: all 0.45s ease-in-out 0s, z-index 0s linear 0s;
  pointer-events: auto;
}

.searchbar.header__top:has(#_desktop_autocomplete:not(.d-none))::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  outline: solid #ffffff;
  z-index: -10;
}

.product-top.product-miniature {
  flex: 0 0 100%;
  max-width: 100%;
}
