body {
    --theme-colour-primary: rgba(23, 3, 124, 1) /*{theme-primary-colour}*/; 
	--theme-colour-secondary: rgba(240, 17, 17, 1) /*{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;
  }
  
  .aa-SubmitButton {
    appearance: none;
    background: var(--theme-colour-primary);
    color: white;
    height: 34px;
    width: 34px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 0;
    border-radius: 0 4px 4px 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;
    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;
  }
  
  .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;
  }
  
  .aap-price-rrp {
    color: #777777;
  }
  
  .aap-price-rrp:empty {
    display: none;
  }
  
  .aap-actions {
    display: flex;
    margin-top: auto;
    gap: 4px;
    display: none;
  }
  
  .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;
  }
  
  .ais-SearchBox-input {
    width: 100%;
    padding: 8px 48px 8px 12px;
    background: white;
    border: 2px solid #ddd;
    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;
  }
  }