body {
    --theme-colour-primary: #000 /*{theme-primary-colour}*/;
	--theme-colour-secondary: #5b5b5b /*{theme-secondary-colour}*/;
}
.aa-InputWrapperSuffix {
    display: none;
  }

  .aa-Form {
    display: flex;
  }

  .aa-InputWrapperPrefix {
    order: 1;
  }

  .aa-InputWrapper {
    flex: 1;
  }

  .aa-InputWrapperPrefix .aa-Label {
    margin: 0;
    height: 100%;
  }

  .aa-SubmitButton {
    appearance: none;
    background: var(--theme-colour-primary);
    color: white;
    height: 100%;
    width: 34px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 0;
    border-radius:0;
  }

  .aa-SubmitIcon {
    width: 16px;
    height: 16px;
  }

  .aa-Input {
    width: 100%;
    height: 34px;
    background: white;
    color: black;
    padding-inline: 12px;
    border: 1px solid #eee;
    border-radius: 0;
  }

  #search-wrapper {
    background: white;
    padding: 8px;
    position: absolute;
    z-index: 999;
    top:36px;
    right: 15px;
    width: 1000px;
    max-height: 85vh;
    overflow: auto;
    border-radius: 4px;
    box-shadow: 0 2px 2px 0 rgba(0,0,0,.1), -2px -2px 2px 0 rgba(0,0,0,.1);
    display: none;
  }

  .search-footer {
    margin-top: 24px;
    display: flex;
    gap: 24px;
  }

  #pagination {
    flex: 1;
  }

  #close-hits-wrapper {
    display: none;
  }

  #view-hits-wrapper {
    text-align: right;
  }

  .ais-Hits-list {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 8px;
  }

  .ais-Hits-item {
    border: 1px solid #ddd;
    button{
      height: auto!important;
    }
  }

  .ais-Pagination-item {
    margin-right: 2px;
  }

  .ais-Pagination-item--selected .ais-Pagination-link {
    background-color: #292929;
    color: white;
  }

  .ais-Pagination-item--disabled .ais-Pagination-link {
    opacity: .5;
  }

  .ais-Pagination-link {
    padding: 10px 16px;
    line-height: 1;
    background-color: #f2f2f2;
    display: block;
    text-decoration: none !important;
    color: black;
  }

  #view-hits {
    padding: 10px 16px;
    line-height: 1;
    background-color: #f2f2f2;
    display: inline-block;
    text-decoration: none !important;
    color: black;
  }

  .aa-product {
    padding: 8px 4px;
    display: flex;
    flex-direction: column;
    height: 100%;
  }

  .aa-product img {
    max-width: 100%;
    height: auto;
    margin-bottom: 10px;
  }

  .aa-product h3 {
    font-size: 15px;
    line-height: 1.4;
    margin: 0 0 10px;
    flex: 1;
  }

  .aap-sku {
    font-size: 12px;
    color: #777;
    margin-bottom: 4px;
  }

  .aap-price {
    display: flex;
    gap: 8px;
    align-items: center;
    font-size: 16px;
    margin-bottom: 12px;
    text-align: center;
    font-weight: bold;
    justify-content: center;
  }

  .aap-price-rrp {
    color: #777777;
  }

  .aap-price-rrp:empty {
    display: none;
  }

  .aap-actions {
    display: flex;
    margin-top: auto;
    gap: 4px;
    flex-direction: column;

  }

  .aap-actions .addtocart {
    flex: 1;
    background: var(--theme-colour-primary);
    border-color: var(--theme-colour-primary);
  }

  .aap-actions .addtocart:hover,
  .aap-actions .addtocart:focus {
    background: var(--theme-colour-secondary);
    border-color: var(--theme-colour-secondary);
  }

  .aap-actions .wishlist_toggle {
    background: #f2f2f2;

  }

  .search-overlay:before {
    content: '';
    background: rgba(0,0,0,.8);
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 99;
  }

  .search-overlay .wrapper-header {
    z-index: 99;
    position: relative;
  }

  .ais-SearchBox-loadingIndicator,
  .ais-SearchBox-submit {
    display: none;
  }

  .ais-SearchBox-form {
    position: relative;
    border: 1px solid #eee;
  }

  .ais-SearchBox-input {
    width: 100%;
    padding: 8px 48px 8px 12px;
    background: white;
    border: none;
    border-radius: 4px;
  }

  .ais-SearchBox-reset {
    appearance: none;
    background: white;
    height: auto;
    width: 34px;
    align-items: center;
    justify-content: center;
    border: 0;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    display: none;
  }

  .ais-SearchBox-resetIcon {
    width: 14px;
    height: 14px;
  }

  #search-page-searchbox {
    margin-bottom: 24px;
  }

  .ais-InfiniteHits {
    text-align: center;
  }

  .ais-InfiniteHits-list {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 8px;
    text-align: left;
  }

  .ais-InfiniteHits-list .aa-product {
    padding: 0;
  }

  #search-page .ais-InfiniteHits-loadMore {
    background: var(--theme-colour-primary);
    color: white;
    padding: 12px 24px;
    text-transform: uppercase;
    font-weight: 500;
    letter-spacing: .4px;
    font-size: 14px;
    margin-top: 32px;
  }

  #search-page .ais-InfiniteHits-loadMore--disabled {
    display: none;
  }

  .aa-SubmitButton * {
    pointer-events: none;
  }

  @media (min-width: 380px) {
    .ais-Hits-list {
      grid-template-columns: repeat(2, 1fr);
    }
    .ais-InfiniteHits-list {
      grid-template-columns: repeat(2, 1fr);
    }
  }

  @media (min-width: 580px) {
    .ais-Hits-list {
      grid-template-columns: repeat(3, 1fr);
    }
    .ais-InfiniteHits-list {
      grid-template-columns: repeat(3, 1fr);
    }
  }

  @media (min-width: 680px) {
    #search-wrapper {
      padding: 16px;
    }
    .ais-Hits-list {
      gap: 16px
    }
    .ais-InfiniteHits-list {
      gap: 16px
    }
  }

  @media (min-width: 992px) {
    .ais-InfiniteHits-list {
      gap: 32px
    }
  }

  @media (max-width: 991px) {
    #search-wrapper {
      width: 100%;
      left: 0;
    }
  }

  @media (min-width: 1200px) {
    .ais-InfiniteHits-list {
      grid-template-columns: repeat(3, 1fr);
    }
  }


  .col-main:has(#search-page) > hr,
  .col-main:has(#search-page) > .sort_container,
  .col-main:has(#search-page) > #_filters,
  .col-main:has(#search-page) > .row,
  .col-main:has(#search-page) > .thumb-grid {
    display: none;
  }

  /* Query Suggestions */
  #query-suggestions {
    display: none;
    margin-bottom: 24px;

    .aa-Item {
      margin-bottom: 10px;
      cursor: pointer;
    }

    .aa-Item:last-child {
      margin-bottom: 0;
    }

    .aa-List {
      list-style: none;
      margin: 0;
      padding: 0;
    }

    .aa-ItemIcon {
      width: 18px;
      height: 18px;
    }

    .aa-ItemWrapper {
      display: flex;
      align-items: center;
      gap: 8px;
    }

    .aa-ItemLink {
      display: flex;
      align-items: center;
      gap: 8px;
      flex: 1;
      color: black;
    }

    .aa-ItemContent {
      display: flex;
      align-items: center;
      gap: 8px;
      flex: 1;
    }

    .aa-ItemActionButton {
      margin: 0;
      padding: 0;
      background: transparent;
      border: 0;
      display: flex;
      align-items: center;
      justify-content: center;
    }

    .aa-ItemActionButton svg {
      width: 18px;
      height: 18px;
    }

    .aa-ItemContentBody {
      font-size: 16px;
    }
  }

  @media (min-width:992px) {
    #query-suggestions {
       display: block;
    }
  }
  .i-166538, .i-166539, .i-166540 {
    display: none;
  }
  .wl-icon {
    width: 27px;
    margin: 0 !important;
  }
  .search-overlay{
    .wrapper-header .menu-section{
        filter: grayscale(1);
        pointer-events: none;
    }
    #header-cart, #header-call{

        filter: grayscale(1);
    }
    .wrapper-header .navbar .navbar-nav .nav-link{
        filter: grayscale(1);
    }

  }

  @media (max-width:767px) {
    .search-overlay{
    .logo-section {
      opacity: 0.1;
      pointer-events: none;
    }
    #podium-website-widget{
      display: none;
    }
  }

  }
  .ais-Highlight-highlighted, .aa-ItemContentTitle mark { padding: 0; }

  @media (min-width:992px)  and (max-width:1099px) {

      #search-wrapper {
        width: 800px;
    }

  }
  @media (min-width:1100px) {

    .ais-Hits-list {
      grid-template-columns: repeat(4, 1fr);
    }

  }
  @media (max-width:991px) {
    .btn-group{
      flex-direction: column;
    }
    .wl-icon {
      width: 20px;
  }
  }

#autocomplete {
    width: 100%;
}
.ais-Highlight-highlighted, .aa-ItemContentTitle mark { padding: 0; }

#desktop-search, #tablet-search, #mobile-search {
  width: 100%;
}
@media (max-width:1023px) {
  #search-wrapper {
    top: 66px;
    padding-bottom: 60px;
  }
}
.search-overlay .animated-teaser {
  display: none;
}
.ais-Highlight-highlighted, .aa-ItemContentTitle mark { padding: 0; }

.ais-Highlight{
  margin-left: 0!important;
  font-weight: bold!important;
  text-align: center;
  display: block;
  span{
    margin-left: 0!important;
    font-weight: bold!important;
    text-align: center;
  }
}

.aa-product{
  position:relative;
  button {
    margin-bottom: 0!important;
    font-weight: bold!important;
  }
}
.ais-badge-box {
  position:absolute;
  display:flex;
  flex-grow:1;
  width:100%;

  justify-content:space-between;
  left:0;
  div{
    width:50%;

  }
  .wl-holder{
    text-align:right;
    margin-right:10px;
    button{
      border:none;
    }
  }
}
.ais-Highlight-highlighted, .aa-ItemContentTitle mark {
  color: var(--theme-colour-primary);
}

#search-page-hits {

  .ais-Highlight {
    color: var(--theme-colour-primary);
  }
  .oos-btn {
    padding: 14px;


  }
}

.oos-btn {
  padding: 8px;
  border: none;
  background: #ca4b04;
  color: #fff;

}
@media (max-width:991px) {

  .search-overlay {
    .needsclick{
     display: none!important;
    }
  }
}