.ui-autocomplete .ui-autocomplete-category.autocomplete-section {
  font-weight: 400;
    font-size: 17px;
    position: relative;
    color: #1d1d1a;
    padding: 10px 0px;
    line-height: 15px;
    opacity: 100%;
    margin: 0;
     border-bottom: 1px solid #e5e5e5 !important;
  }
.ui-autocomplete .ui-autocomplete-category.autocomplete-section::after {
  content: "";
    display: block;
    text-align: left;
    width: 65px;
    position: absolute;
    bottom: -1px;
    border-bottom: 2px solid #ffc107;
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
  
}


.ui-autocomplete .autocomplete-thumbnail {
  width: 40px;
  height: 40px;
  object-fit: cover;
  margin-right: 8px;
  vertical-align: middle;
}

.ui-autocomplete li a .product,
.ui-autocomplete li a .category {
  vertical-align: middle;
}

/* Styl dla linku "Zobacz wszystkie wyniki" */
.ui-autocomplete .see-all {
  border-top: 1px solid #ddd;
  margin-top: 5px;
  padding-top: 5px;
  text-align: center;
}

.ui-autocomplete .see-all a {
  font-weight: bold;
  color: #ffc107;
  display: block;
  padding: 6px;
}

.ui-autocomplete .see-all a:hover {
  background: #f8f9fa;
  text-decoration: underline;
}

/* Podświetlanie frazy */
.ui-autocomplete .highlight {
  font-weight: bold;
  color: #ffc107;
}

/* Grid na pojedynczym UL */
.ui-autocomplete.two-cols-grid {
  display: grid;
  grid-template-columns: 1fr 1fr; /* lewa/prawa kolumna */
  column-gap: 16px;
  padding: 8px 10px;

  /* kluczowe: kategorie/brands zaczną od góry obok produktów */
  grid-auto-flow: row dense;
  align-items: start;
}

/* Domyślnie wszystko w lewej; klasy przesuwają lub rozciągają */
.ui-autocomplete.two-cols-grid > li {
  border-bottom: none !important;
  grid-column: 1;
  list-style: none;
}
.ui-autocomplete.two-cols-grid > li.col-right {
  grid-column: 2;
}
.ui-autocomplete.two-cols-grid > li.col-span-2 {
  grid-column: 1 / -1;
}

/* Upiększenia */
.ui-autocomplete .autocomplete-thumbnail {
  width: 40px;
  height: auto;
  margin-right: 6px;
  vertical-align: middle;
}

.ui-autocomplete .highlight {
  font-weight: 700;
  color: #d63384;
}

.ui-autocomplete .seeall-wrapper,
.ui-autocomplete .see-all {
  text-align: center;
}

.ui-autocomplete .see-all {
  border-top: 1px solid #e5e5e5;
  margin-top: 8px;
  padding-top: 8px;
}

.ui-autocomplete .see-all a {
  font-weight: 600;
  color: #007bff;
}

/* 📱 Responsywność: poniżej 966px jedna kolumna */
@media (max-width: 966px) {
  .ui-autocomplete.two-cols-grid {
    grid-template-columns: 1fr; /* tylko jedna kolumna */
  }
  .ui-autocomplete.two-cols-grid > li,
  .ui-autocomplete.two-cols-grid > li.col-right,
  .ui-autocomplete.two-cols-grid > li.col-span-2 {
    grid-column: 1; /* wszystkie w jednej kolumnie */
  }
}