$autocomplete-bg: $body-bg !default;
$autocomplete-box-shadow: 0 16px 17px rgba(0, 0, 0, .08) !default;

@import "@css[shared]/components/_autocomplete";

.autocomplete {
   > .container {
      padding: 10px calc(#{$grid-gutter-width} / 2);
      max-width: 1008px;
   }

   .h4 {
      font-weight: $font-weight-semibold;
   }

   &.opened {
      max-height: calc(100vh - 160px);
   }
}

.autocomplete-wrapper {
   border-right: 0;
   padding-right: 0;
}

.autocomplete-products {
   .autocomplete-product-item {
      text-align: left;
      border-radius: $border-radius-base;

      .img {
         padding: 10px;
         margin-bottom: 10px;
         border-bottom: 1px solid $border-color;
      }

      .text {
         padding: 0 10px;
      }

      .title {
         font-weight: normal;
         padding: 0;
      }

      .price {
         font-weight: $font-weight-semibold;
         font-family: $font-family-heading;
         font-size: $font-size-base;
      }

      .delivery {
         font-size: $font-size-smaller;
      }
   }
}

