.replacements-header {
   margin: 0 auto 40px;
   max-width: 750px;
   padding-top: 30px;

   .pos-rel::before {
      @include fonticon;

      content: $icons_search;
      color: $black;
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: 22px;
      position: absolute;
      left: 0;
      top: 0;
      width: 50px;
      bottom: 0;
   }

   input {
      padding-left: 50px;
   }

   .autocomplete {
      left: 0;
      right: 0;
      width: auto;

      &.opened {
         display: block;
      }
   }

   .autocomplete-products {
      max-width: none;
      padding: 10px;
      width: 100%;

      li {
         display: flex;
         align-items: center;
         padding: 4px 10px 4px 0;
         width: 100%;

         img {
            width: 90px;
            margin-right: 15px;
         }

         &:last-child {
            border-bottom: 0;
         }
      }

      ul {
         max-height: 500px;
         flex-wrap: wrap;
         overflow: auto;
         margin: 0;
      }

      .btn {
         flex-shrink: 0;
         margin-left: 12px;
         min-width: 0;
      }

      .title-wrapper {
         flex-grow: 1;
      }

      .price {
         color: $text-dark;
         display: block;
         font-weight: $font-weight-bold;
      }

      @media screen and (min-width: 420px) {
         .title-wrapper {
            display: flex;
            align-items: center;
            justify-content: space-between;
         }

         .price {
            flex-shrink: 0;
            padding-left: 12px;
         }
      }
   }

   .autocomplete-noresult p {
      padding: 16px 32px;
      margin: 0;
   }
}
