.ui-menu{
  max-width: calc( 100VW - 462px);
  width: 100%!important;

}

.ui-menu{
  border-radius: 5px!important;
  border: 1px solid var(--btn-secondary-bg-color) !important;
  padding: 0!important;
  overflow: hidden;
}

.search-item a{
  background: unset!important;
  border: none!important;
  padding: 1px 1em!important;
  cursor: pointer;
}

.ui-state-focus,
.ui-widget-content .ui-state-focus{
  background: unset!important;
  border: none!important;
  border-top: 1px solid var(--btn-secondary-bg-color)!important;
  border-bottom: 1px solid var(--btn-secondary-bg-color)!important;
  cursor: pointer;
  padding: 0 .5em!important;
  margin: 0px!important;
  transition: padding-left .15s ease-out, padding-right .15s ease-out;
}


.search-item:first-child .ui-state-focus{
  border-top: none!important;
  padding-top: 1px!important;
}


.search-item:last-child .ui-state-focus{
  border-bottom: none!important;
  padding-bottom: 1px;
}

.ui-widget-content{
  background: var(--color-grey-header)!important;
}
.price__striped {
  position: relative;
}

.price__striped:before {
  content: "";
  width: 95%;
  position: absolute;
  height: 2px;
  background: var(--btn-secondary-bg-color);
  top: 50%;
  transform: translateY(-50%);
}



.search-item a{
  display: grid!important;
  grid-template-columns: 100px 4fr 1fr 1fr 1fr;
  gap: 20px;
  align-items: center;
  text-align: center;
  color: white;
}

.search-item a span{
  color: white!important;
  transition: all .15s ease-out;
}

.search-item .ui-state-focus span{
  color: var(--btn-secondary-bg-color)!important;
}

.search-item .ui-state-focus span .price__striped:before {
  background: white;
}

.search-item .image{
  grid-column: 1;
  text-align: left;
}

.search-item >a .product{
  grid-column: 2;
  text-align: left;
}

.search-item >a .manufacturer{
  grid-column: 3;
}

.search-item >a .category{
  grid-column: 4;
}


.search-item >a .price{
  grid-column: 5;
  text-align: right;
}

/*RESPONSIVE*/




/*mobile and tablet*/

@media (max-width: 1200px) {
  .ui-menu{
    max-width: calc( 100% - (var(--container-margin-primary)*2)  );
    left: var(--container-margin-primary)!important;
  }
}


/*phone*/
@media (max-width: 767px) {

  .ui-menu li a{
    padding: 20px 1rem!important;
    border-bottom: 1px solid rgba(255,255,255,.2)!important;
  }

  .ui-state-focus,
  .ui-widget-content .ui-state-focus{
    padding: 20px 1rem!important;
    margin-top: -1px!important;
  }

  .search-item:first-child .ui-state-focus{
    padding-top: 20px!important;
    margin-top: 0px!important;
  }


  .search-item:last-child .ui-state-focus{
    padding-bottom: 20px;
    margin-bottom: 1px!important;
  }

  .ui-menu li:first-child a{
    /*
    //padding-top: 0;
    */
  }

  .ui-menu li{
    padding-bottom: 0;
    border-bottom: none;
  }
  .search-item a{
    grid-template-columns: minmax(100px,1fr) 2fr minmax(100px,1fr);
    font-size: .9em;
  }

  .search-item .image{
    grid-column: 1;
    text-align: left;
  }

  .search-item >a .product{
    grid-column: 2/4;
    text-align: center;
  }

  .search-item >a .manufacturer{
    grid-column: 1;
    grid-row: 2;
    text-align: center;
  }

  .search-item >a .category{
    grid-column: 2;
    grid-row: 2;
    text-align: center;
  }


  .search-item >a .price{
    grid-column: 3;
    grid-row: 2;
    text-align: right;
  }
}

/*RESPONSIVE*/