/** Shopify CDN: Minification failed

Line 452:0 Unexpected "{"
Line 452:1 Expected identifier but found "%"
Line 454:2 Unexpected "{"
Line 454:3 Expected identifier but found "%"

**/
.header__search {
  margin-right: -10px;
}
details[open] .search-modal .modal-overlay {
  display: none;
}
/* Trending Searches Container */
.custom-trending-heading {
  margin:0px;
  width: 100%;
  padding: 0rem 0rem .75rem !important;
  color: #7c7c7c;
  font-size: 16px;
  letter-spacing: 0;
  font-weight: 600;
}
/* .template-search__header .empty-search-collection h2 {
  text-align:center;
} */
.trending-searches ul {
  list-style: none;
  margin: 0;
  /* padding:10px 0px 0px 0px; */
  padding:5px 0px 0px 0px;
}
.trending-searches li a {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-bottom: 10px;
    /* padding-bottom: 8px; */
    text-decoration: none;
    gap:10px;
}
.trending-searches li a .keyword {
  flex: 1;
  font-family: var(--font-body-family);
  color: #1f1f1f;
  font-weight: 500;
  font-size: 14px;
}
/* .keyword {
  font-family: var(--font-body-family);
  font-size: 13px;
} */

.trending-searches .search-icon {
  line-height: 0;
}

.trending-searches .search-icon svg {
  width: 1.7rem;
  height: 1.7rem;
  color: rgba(var(--color-foreground), 0.5);
  transition: color 0.2s;
}

.trending-searches .arrow-icon {
  line-height: 0;
}

.trending-searches .arrow-icon svg {
  width: 1.7rem;
  height: 1.7rem;
  color: rgba(var(--color-foreground), 0.5);
  transition: color 0.2s;
}

header .header__search .search-initial-content .predictive-search__heading {
  margin: 0;
}

header .header__search .predictive-search__heading {
  margin:0 1rem;
}

/* trending search end */ 
 .template-search__header main-search {
    position:relative;
  }
.search-initial-state .card__content {
  padding-top: 1rem;
  text-align: left;
}
/* .recent-text {
  font-family: var(--font-body-family);
  font-size: 13px;
} */
.search-initial-state .card__heading { font-size: 1.3rem; }
.search-initial-state .price { font-size: 1.4rem; font-weight: bold; color: #ff0000; }
.recent-search-item-wrapper {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0.8rem 0;
  border-bottom: 0.1rem solid rgba(var(--color-foreground), 0.03);
}
.recent-search-main-link {
  display: flex;
  align-items: center;
  text-decoration: none;
  color: inherit;
  flex-grow: 1;
}
.predictive-search.predictive-search--header {
  box-shadow: rgba(33, 35, 38, 0.1) 0px 10px 10px -10px;
}
.predictive-search {
  top: calc(100% + .1rem);
}
.recent-icon {
  width: 1.6rem;
  height: 1.6rem;
  margin-right: 1.2rem;
  color: rgba(var(--color-foreground), 0.5);
}
.recent-search-text {
  margin: 0;
  font-weight: 500;
  font-size: 1.5rem;
}
#clear-recent-searches {
  background: none; border: none; text-decoration: underline; cursor: pointer;
  color: rgba(var(--color-foreground), 0.5); font-size: 1.2rem;
}
.recent-search-item-wrapper {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0.8rem 0;
  border-bottom: 0.1rem solid rgba(var(--color-foreground), 0.03);
}
.recent-search-main-link {
  display: flex;
  align-items: center;
  text-decoration: none;
  color: rgb(var(--color-foreground));
  flex-grow: 1;
}
.recent-icon {
  width: 1.6rem;
  height: 1.6rem;
  margin-right: 1.2rem;
  color: rgba(var(--color-foreground), 0.5);
}
.recent-search-text {
  margin: 0;
  font-weight: 500;
  font-size: 1.5rem;
}
.search__input:focus {
  border: none;
  box-shadow: none !important;
}
.template-search__header .field__input:focus, .template-search__header .field__input:not(:placeholder-shown), .template-search__header .field__input:-webkit-autofill, .template-search__header .customer .field input:focus, .template-search__header .customer .field input:not(:placeholder-shown), .template-search__header .customer .field input:-webkit-autofill {
  margin:0px;
}
.template-search__search .field {
 display:block;
}
.recommended-container h2 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 1.6rem;
  font-weight: 700;
  color: #000;
  margin-bottom: 1.5rem;
  text-transform: none;
}
.clear-recent-searches {
  background: none;
  border: none;
  text-decoration: underline;
  cursor: pointer;
  color: rgba(var(--color-foreground), 0.5);
  font-size: 12px;
  white-space: pre;
  margin: 0px;
  padding: 0px;
}
#search-initial-state.hidden, #search-initial-state-search.hidden {
  display: none !important;
}

.recent-search-row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  /* padding-top: 1rem; */
  padding-top: 0;
}
.header__search .search-initial-state {
    top: 47px;
}
.search-initial-state {
  display: none;
  position: absolute;
  top: 42px;
  left: 0;
  width: 100%;
  z-index: 10;
  max-height: 741.5px;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  overscroll-behavior: contain;
  box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 6px -1px, rgba(0, 0, 0, 0.06) 0px 2px 4px -1px;
}
.recent-searches-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.recent-searches-container {
  display: block; 
  padding: 0rem;
  /* margin-bottom:2rem; */
  margin-bottom: 12px;
}
.recent-searches-container.hidden {
  display: none !important;
}
.recent-searches-container-search {
  display: block; 
  padding: 0rem;
  margin-bottom:1rem;
}
.recent-searches-container-search.hidden {
  display: none !important;
}
#search-initial-state, #search-initial-state-search {
  /* padding: 2rem; */
  /* padding: 1rem; */
  padding: 1rem 1.3rem;
  background: rgb(var(--color-background));
}
.delete-single-item { 
    background: none; 
    border: none; cursor: 
    pointer; color: rgba(var(--color-foreground), 0.3); 
    padding: 0rem; 
}
.delete-single-item svg { 
    width: 1.7rem;
    height: 1.7rem;
    color: rgba(var(--color-foreground), .5);
    transition: color .2s;
}

.recent-searches-container .recent-searches-list {
  padding: 5px 0px 0px 0px;
}

.recent-searches-container .recent-searches-list li:last-child .recent-search-link {
  padding-bottom: 0;
}

.recent-search-link {
  text-decoration: none;
  font-weight: 700; 
  font-size: 1.5rem;
  /* padding: 0.5rem 0; */
  padding: 0 0 .75rem;
  color: rgb(var(--color-foreground));
  display: flex;
  align-items: center;
  text-decoration: none;
  color: #333;
  font-size: 1.4rem;
  flex-grow: 1;
}
.clock-icon {
    width: 1.5rem;
    height: 1.5rem;
    margin-right: 1rem;
    color: #666;
}
.custom-recent-heading {
  margin:0px;
  width: 100%;
  padding: 0rem 0rem .75rem !important;
  color: #7C7C7C;
  font-size: 16px;
  letter-spacing: 0;
  font-weight: 600;
}
.recent-search-link p {
  font-size: calc(var(--font-heading-scale) * 1.3rem);
  margin: 0;
  font-family: var(--font-heading-family);
  font-style: var(--font-heading-style);
  font-weight: var(--font-heading-weight);
  letter-spacing: calc(var(--font-heading-scale) * .06rem);
  color: rgb(var(--color-foreground));
  line-height: calc(1 + .3 / max(1, var(--font-heading-scale)));
  word-break: break-word;
}
.empty-search-collection .predictive-serach-heading {
    font-size: 16px;
    line-height: 1.6;
    margin-bottom: 10px;
    font-weight: 700;
    letter-spacing: .05em;
    /* color: #1f1f1f; */
    color: #7c7c7c;
    text-transform: uppercase;
    font-family: Space Grotesk, sans-serif !important;
    /* margin: 0 auto 1.5rem; */
    margin: 0 auto 1rem;
    padding: 0rem !important;
}
/* 
.empty-search-collection {
   padding: 1.3rem 2rem; 
  padding-top: 1rem;
  padding-bottom: 2rem;
} */
.collection .you-may-also-like:first-child {
  border-left: 1px solid;
}
.collection .you-may-also-like .full-unstyled-link {
  font-size:14px;
}
.collection .you-may-also-like .full-unstyled-link span {
  font-size:13px;
}
.collection .you-may-also-like .price-and-variant .price-item {
  font-size: 14px;
}
.collection .you-may-also-like .card__information .title-price {
  align-items: baseline;
}
.collection .you-may-also-like .card__information .title-price .card__heading {
  width: calc(100% - 70px);
}
.collection .you-may-also-like .card__information .price-and-variant {
  width:70px;
}
.search__input.field__input {
  background: #f6f6f6;
  height: 4rem;
  box-shadow: unset !important;
  padding: 1.2rem 3.8rem 1.2rem 4rem;
  font-weight: 500;
}
.predictive-search__item{
  padding: 1rem 1.3rem;
}

.predictive-search #predictive-search-results #predictive-search-results-queries-list .predictive-search__item {
  padding: 0 1rem 8px 1rem;
}

.predictive-search #predictive-search-results #predictive-search-results-queries-list li:last-child .predictive-search__item {
  padding-bottom: 0;
}

.predictive-search .predictive-search__result-group #predictive-search-results-queries-list {
  padding-top: 5px;
}

/* .predictive-search__heading{
  margin: 0 1.3rem;
} */
.predictive-search__item-heading{
  font-family: var(--font-body-family);
  color: #1f1f1f;
  font-weight: 500;
  font-size: 14px;
}
.header__search .search__button{
  left: 0;
  right: auto;
  z-index: 1;
}
.header__search .field__button>svg {
  height: 1.5rem;
  width: 1.5rem;
}
.header__search .search-modal__form .field:after,
.header__search .search-modal__form .field:before{
  display: none;
}
.header__search .field .field__button{
  width: 4rem;
  height: 4rem;
}
/* .header__search button.search__button.field__button:after {
  content: '';
  position: absolute;
  top: 48%;
  bottom: 0;
  right: 0;
  background: #000000;
  width: 1px;
  height: 65%;
  transform: translateY(-50%);
  left: auto;
} */
.header__search .modal__close-button.link {
  height: 4rem;
  width: 4rem;
}
.header__search .search-modal__close-button{
  right: 1.3rem;
}
.header__search .modal__close-button .icon {
  width: 1.5rem;
  height: 1.5rem;
}
header .header__search .predictive-search__heading{
  color: #7c7c7c;
  font-size: 16px;
  letter-spacing: 0;
  font-weight: 600;
  border-bottom: 0;
}

#predictive-search-results .predictive-serach-heading {
    font-size: 16px;
    line-height: 1.5;
    margin-bottom: 10px;
    font-weight: 700;
    letter-spacing: .05em;
    color: #7C7C7C;
    text-transform: uppercase;
    font-family: Space Grotesk, sans-serif !important;
    margin: 0 auto 1.5rem;
    padding: 0rem;
}
#predictive-search-results .empty-search-collection {
  /* padding: 1.3rem 2rem; */
  padding: 1.3rem 1rem;
  padding-top: 1rem;
  padding-bottom: 2rem;
}
.search-modal .product-grid-container #product-grids .grid__item:nth-last-child(3),
.search-modal .product-grid-container .card-wrapper,
.search-modal .product-grid-container #product-grids .grid__item:nth-last-child(2),
.search-modal .product-grid-container #product-grids .grid__item:nth-last-child(1){
  border: none;
}
{% comment %} #predictive-search-results .collection .you-may-also-like:first-child {
  border-left: 1px solid;
} {% endcomment %}
.search-modal .collection .you-may-also-like .full-unstyled-link {
  font-size:14px;
}
.search-modal .collection .you-may-also-like .full-unstyled-link span {
  font-size:13px;
}
.search-modal .collection .you-may-also-like .price-and-variant .price-item {
  font-size: 14px;
}
.search-modal .collection .you-may-also-like .card__information .title-price {
  align-items: baseline;
}
.search-modal .collection .you-may-also-like .card__information .title-price .card__heading {
  width: calc(100% - 70px);
}
.search-modal .collection .you-may-also-like .card__information .price-and-variant {
  width:70px;
}
/* .search-modal .empty-search-collection .card__content,
.card__content{
  display: none;
} */

/* .search-modal .empty-search-collection .card__content {
  display: none;
} */

.search-modal .product-grid-container .collection .grid {
  column-gap: 10px;
  row-gap: 10px;
}
#predictive-search-results-products-list {
  display: flex;
  flex-wrap: wrap;
  /* gap: 12px;
  padding: 10px 20px; */
  gap: 10px;
  padding: 6px 1rem 10px;
}
#predictive-search-results-products-list li {
  /* width: 31.44%; */
  width: calc(33.33% - 10px * 2/ 3);
  max-width: calc(33.33% - 10px * 2/ 3);
}
#predictive-search-results-groups-wrapper > .predictive-search__result-group:only-child #predictive-search-results-products-list li,
.empty-search-collection .you-may-also-like{
  /* width: 32.1%; */
  width: calc(33.33% - 10px * 2/ 3);
  max-width: calc(33.33% - 10px * 2/ 3);
}

#predictive-search-results-products-list li .predictive-search__item--link-with-thumbnail{
  display: flex;
  width: 100%;
  flex-direction: column;
  padding: 0;
}
#predictive-search-results-products-list li .predictive-search__item--link-with-thumbnail .predictive-search__image{
  width: 100%;
}
/* #predictive-search-results-products-list .predictive-search__item-content {
  display: none;
} */
.search-modal__form .search_field_clear {
  position: absolute;
  border: none;
  right: 20px;
  top: 47%;
  transform: translateY(-50%);
  color: #6C7280;
  cursor: pointer;
  background: #f6f6f6;
}
.search-modal__form .field__input::placeholder{
  opacity: 1 !important;
  font-size: 14px;
  color: #6C7280;
  font-weight: 500;
}
.search-modal .product-grid .grid__item:nth-last-child(2) .card-wrapper,
.search-modal .product-grid .grid__item:nth-last-child(3) .card-wrapper, 
.search-modal .product-grid-container #product-grids .grid__item:nth-last-child(1) .card-wrapper, 
.search-modal .product-grid-container #product-grids .grid__item:nth-last-child(2) .card-wrapper{
  border: none;
}
.search-modal{
  top: var(--search-modal-top, 85px) !important;
  background-color: transparent !important;
  max-width: var(--page-width) !important;
  padding: 0 5rem;
  height: 54px !important;
  min-height: 54px !important;
  margin: 0 auto;
}
.search-modal__content{
  justify-content: end;
  max-width: 740px !important;
  margin-left: auto !important;
  padding: 0;
  background: #fff;
}
.header__search .modal__close-button.link {
  position: absolute;
  right: 10px;
}
#predictive-search-results-products-list .predictive-search__item-heading.h5{
  font-size: 10px;
  line-height: 1.5;
  text-align: center;
  padding-top: 5px;
}
#predictive-search-results-groups-wrapper > .predictive-search__result-group:only-child #predictive-search-results-products-list .predictive-search__item-heading.h5{
  font-size: 14px;
  line-height: 1.5;
  text-align: center;
  padding-top: 5px;
}
.predictive-search__list-item:hover .predictive-search__item-heading{
  text-decoration: none;
}
.search-modal{
  border: none;
}
.empty-search-collection .product-grid-container .collection .product-grid .grid__item {
  border-bottom: 1px solid;
}
.predictive-search__list-item:hover>*{
  background: transparent !important;
}
@media screen and (min-width: 990px) {
  .custom-search-container .collection #product-grids {
    grid-template-columns: repeat(3, 1fr) !important;
  }
  .search-modal {
    padding: 0 5rem !important;
  }
}

@media screen and (min-width: 750px) {
  .search-modal {
    padding: 0 3.2rem;
  }
}
 
@media screen and (max-width: 990px) {
  .you-may-also-like {
    width: 32.2%;
    max-width: 32.2%;
  }
  .search-initial-state .you-may-also-like .q-atc-mob-model-open-btn,
  .predictive-serach-product-card .empty-search-collection .you-may-also-like .q-atc-mob-model-open-btn {
    display: none;
  }
   .predictive-serach-product-card .product-grid-container #product-grids .grid__item:nth-last-child(2) .card-wrapper,
   .predictive-serach-product-card .product-grid .grid__item:nth-last-child(2) .card-wrapper,
   .predictive-serach-product-card .product-grid-container #product-grids .grid__item:nth-last-child(1) .card-wrapper{
    border: none !important;
   }
  .custom-search-container .product-grid .grid__item:nth-last-child(3) .card-wrapper {
    border-bottom: 0px solid !important;
  }
  .collection .you-may-also-like:last-child {
    border-left: none;
  }
  .template-search__header .custom-show-collection .collection .you-may-also-like:last-child {
    border-left: none;
  }
  .custom-show-collection .product-grid-container #product-grids .grid__item:nth-last-child(1) .card-wrapper {
    border-top: 0px solid !important;
  }
  .custom-show-collection .product-grid-container #product-grids .main-serach-product-card:nth-last-child(1) .card-wrapper {
    border-top: none;
  }
} 
/* @media screen and (max-width: 846px) {
  #predictive-search-results-products-list li {
    width: 31%;
  }
} */
@media screen and (max-width: 808px) {
  #predictive-search-results-groups-wrapper>.predictive-search__result-group:only-child #predictive-search-results-products-list li {
      width: 32%;
  }
}
@media screen and (max-width: 760px) {
  #predictive-search-results-groups-wrapper>.predictive-search__result-group:only-child #predictive-search-results-products-list li {
    width: 31.9%;
  }
}
@media screen and (max-width: 749px) {
    /*Search Open Animation START*/
    /* ============================================================
      Search Modal — Full Screen, Slide Up / Slide Down
      ============================================================ */

    /* Override theme's height:88px / top:35px sizing rule */
    /* .header-search-wrapper,
    .search-modal,
    .search-overlay {
      position: fixed !important;
      top: 0 !important;
      left: 0 !important;
      width: 100dvw !important;
      max-width: 100dvw !important;
      height: 100dvh !important;
      min-height: 100dvh !important;
      z-index: 9999 !important;
    } */

    /* Full-screen layout — no !important on visual state (WAAPI must override) */
    /* .search-modal.modal__content {
      inset: 0 !important;
      transition: none !important;
      animation: none !important;
      overflow: hidden !important;
      will-change: transform, opacity;
      backface-visibility: hidden;
      top: 101px !important;

    } */

    /* Hidden/closed state — no !important so WAAPI can override during animation */
    /* .search-modal.modal__content.search-modal--hidden {
      transform: translateY(100%);
      opacity: 0;
      visibility: hidden;
      pointer-events: none;
    } */

    /* Center search input vertically */
    /* .search-modal.modal__content .search-modal__content {
      padding: 1.3rem 1.3rem 0 1.3rem !important;
      align-items: start;
    } */
    /*Search Open Animation END */


    /*Search Open Animation START*/
    /* ============================================================
      Search Modal — Full Screen Slide Up / Slide Down
      FINAL VERSION
    ============================================================ */

    /* ============================================================
      Search Modal — Full Screen Slide Up / Slide Down
    ============================================================ */

    /* 🔥 Override Shopify default animation (VERY IMPORTANT) */
    details[open] > .search-modal {
      animation: none !important;
    }

    /* 🔹 Force full screen */
    .header-search-wrapper,
    .search-modal,
    .search-overlay {
      position: fixed !important;
      top: 0 !important;
      left: 0 !important;
      width: 100vw !important;
      max-width: 100vw !important;
      height: 100vh !important;
      min-height: 100vh !important;
      z-index: 9999 !important;
    }

    /* 🔹 Modal base state */
    .search-modal.modal__content {
      position: fixed !important;
      inset: 0 !important;
      width: 100dvw !important;
      height: 100dvh !important;
      top: 101px !important;
      transform: translateY(100%);
      /* opacity: 0; */
      visibility: hidden;
      pointer-events: none;
      /* transition: transform 0.8s cubic-bezier(0.22, 1, 0.36, 1),
                  opacity 0.8s ease; */
    }

    /* 🔥 THIS IS THE MAIN FIX */
    details[open] > .search-modal.modal__content {
      transform: translateY(0);
      /* opacity: 1; */
      visibility: visible;
      pointer-events: auto;
      padding: 0;
    }
    /* this is close animation */
    details.close_model_animation .search-modal.modal__content {
      transform: translateY(100%);
      /* opacity: 0; */
    }

    /* 🔹 Hidden fallback */
    .search-modal.modal__content.search-modal--hidden {
      transform: translateY(100%);
      /* opacity: 0; */
      visibility: hidden;
      pointer-events: none;
    }

    /* 🔹 Inner spacing */
    .search-modal.modal__content .search-modal__content {
      /* padding: 1.3rem 1.3rem 0 1.3rem !important; */
      padding: 1rem 1rem 0 1rem !important;
      align-items: flex-start;
    }
    /*Search Open Animation END */

  .header__search #search-initial-state, .header__search #search-initial-state-search {
     padding-top:0rem;
  }
   .predictive-serach-heading {
      margin: 0 auto 1rem;
   }
   .collection .you-may-also-like .full-unstyled-link {
      font-size:13px;
    }
    .collection .you-may-also-like .full-unstyled-link span {
      font-size:12px;
    }
    .collection .you-may-also-like .price-and-variant .price-item {
      font-size: 13px;
    }
    .collection .you-may-also-like .card__information .title-price .card__heading {
      width: calc(100% - 55px);
    }
    .collection .you-may-also-like .card__information .price-and-variant {
      width:55px;
    }
    .header__search .search-initial-state {
       top: 100%;
    }
    .search-initial-state {
      /* max-height: calc(100vh - 175px); */
      max-height: calc(100vh - 175px - env(safe-area-inset-bottom)) !important;
      overflow-y: auto;
      -webkit-overflow-scrolling: touch;
      box-shadow: unset;
    }
    /* .search-modal__content{
       overflow: visible;
    } */
    .predictive-search.predictive-search--header {
      /* max-height: 550px !important; */
       max-height: calc(100dvh - 195px - env(safe-area-inset-bottom)) !important;
    }
    .trending-searches, .search-initial-content {
        /* margin-top: 18px; */
        margin-top: 12px;
    }
    .header__search .search-initial-state {
      top: 60px;
    }
    .search-modal .predictive-search {
      top: 70px;
      box-shadow: unset !important;
      border: none;
    }
       #predictive-search-results .predictive-serach-heading {
      margin: 0 auto 1rem;
   }
   #predictive-search-results .collection .you-may-also-like .full-unstyled-link {
      font-size:13px;
    }
    #predictive-search-results .collection .you-may-also-like .full-unstyled-link span {
      font-size:12px;
    }
    #predictive-search-results .collection .you-may-also-like .price-and-variant .price-item {
      font-size: 13px;
    }
    #predictive-search-results .collection .you-may-also-like .card__information .title-price .card__heading {
      width: calc(100% - 55px);
    }
    #predictive-search-results .collection .you-may-also-like .card__information .price-and-variant {
      width:55px;
    }
    .search-modal__form .search_field_clear {
      right: 40px;
    }
    .search-modal__form .field__input::placeholder{
      font-size: 12px;
    }

    header .header__search .predictive-search__heading {
      padding: 0 0 0.75rem;
    }

    .search-modal .product-grid-container .collection .grid {
      column-gap: 5px;
      row-gap: 5px;
    }

    #predictive-search-results-groups-wrapper > .predictive-search__result-group:only-child #predictive-search-results-products-list li,
    .empty-search-collection .you-may-also-like{
      /* width: 32.1%; */
      width: calc(33.33% - 5px * 2/ 3);
      max-width: calc(33.33% - 5px * 2/ 3);
    }

    #predictive-search-results-products-list {
      gap: 5px;
      row-gap: 12px;
    }
    #predictive-search-results-groups-wrapper > .predictive-search__result-group:only-child #predictive-search-results-products-list .predictive-search__item-heading.h5 {
        font-size: 11px;
        line-height: 1.5;
        text-align: center;
        padding-top: 5px;
    }
    #predictive-search-results-products-list li {
      width: calc(33.33% - 5px * 2 / 3);
      max-width: calc(33.33% - 5px * 2 / 3);
    }

    .predictive-search__results-groups-wrapper:not(.predictive-search__results-groups-wrapper--no-suggestions) {
      gap: 1.5rem;
    }
    .search__input.field__input {
      font-size: 14px;
    }
    }
    @media screen and (max-width: 626px) {
      .you-may-also-like {
        width: 32%;
        max-width: 32%;
      }
    }
    @media screen and (max-width: 598px) {
      #predictive-search-results-groups-wrapper>.predictive-search__result-group:only-child #predictive-search-results-products-list li {
        width: 31.2%;
      }

      #predictive-search-results-groups-wrapper > .predictive-search__result-group:only-child #predictive-search-results-products-list li, 
      .empty-search-collection .you-may-also-like {
        width: 49%;
        max-width: 49%;
      }
    }
    @media screen and (max-width: 539px) {
      .you-may-also-like {
        width: 32.2%;
        max-width: 32.2%;
      }
      #predictive-search-results .product-grid-container .collection .grid {
        column-gap: 5px;
        row-gap: 5px;
      }
    }
    
  @media screen and (max-width: 500px) {
    .collection .you-may-also-like .card__information .title-price .card__heading {
      width: calc(100% - 45px);
    }
    .collection .you-may-also-like .card__information .price-and-variant {
      width:45px;
    }
     .collection .you-may-also-like .full-unstyled-link {
      font-size:12px;
    }
    .collection .you-may-also-like .full-unstyled-link span {
      font-size:11px;
    }
    .collection .you-may-also-like .price-and-variant .price-item {
      font-size: 12px;
    }
    #predictive-search-results .collection .you-may-also-like .card__information .title-price .card__heading {
      width: calc(100% - 45px);
    }
    #predictive-search-results .collection .you-may-also-like .card__information .price-and-variant {
      width:45px;
    }
     #predictive-search-results .collection .you-may-also-like .full-unstyled-link {
      font-size:12px;
    }
    #predictive-search-results .collection .you-may-also-like .full-unstyled-link span {
      font-size:11px;
    }
    #predictive-search-results .collection .you-may-also-like .price-and-variant .price-item {
      font-size: 12px;
    }
    #predictive-search-results-products-list {
      gap: 5px;
      row-gap: 12px;
    }
    #predictive-search-results-products-list li {
      /* width: 32%; */
      width: calc(33.33% - 5px * 2/ 3);
    }
  }
    @media screen and (max-width: 414px) {
    #predictive-search-results-groups-wrapper>.predictive-search__result-group:only-child #predictive-search-results-products-list li {
      width: 32.2%;
    }
  }

  @media screen and (max-width: 339px) {
    .you-may-also-like {
      width: 32%;
      max-width: 32%;
    }
  }
  @media screen and (max-width: 354px) {
    #predictive-search-results-groups-wrapper>.predictive-search__result-group:only-child #predictive-search-results-products-list li {
      width: 31.9%;
    }
  }