.store-search {
  display:flex;
  gap:20px;
  align-items:flex-start;
  flex-wrap:wrap;
}

.results-wrapper {
  width:calc(50% - 10px);
}

.results-wrapper {
  width:calc(50% - 10px);  
}

.store-search__map {
  border-radius:15px;
  overflow:hidden;
  min-height:700px;
  height:700px;
}


.store-search__results {
  display:flex;
  grid-column-gap: 20px;
  grid-row-gap: 27px;
  background:white;
  overflow-y:auto;
  scrollbar-width: none;    /* Firefox */
  -ms-overflow-style: none;
  flex-wrap: wrap;
  max-height:700px;
}
.store-search__results::after{
  content: "";
  position: absolute;
  bottom: 0;
  right:0;
  width: calc( 50% - 10px);
  
  height: 40px;
  pointer-events: none;
  background: linear-gradient(1deg, rgb(255 255 255) 12.51%, rgba(255, 255, 255, 0) 180.71%);
}

.store-search__results::-webkit-scrollbar {
  display: none;
}

.store-card {
  border-radius:15px;
  padding:20px;
  display:flex;
  flex-direction:column;
  background:white;
  border-radius: 10px;
  border: 1px solid rgba(0, 0, 0, 0.10);
  width:calc(50% - 10px);
  gap:24px;
}

.store-card.active-card{
  border-color:var(--primary-1);
}

.store-card__header {
  /* padding:0px 0px 16px 0px;
  border-bottom:1px solid #d9d9d9; */
}

.store-card__header p.store-card__name {
  font-weight:500;
  font-size:18px;
  margin-bottom:0px;
}

.store-card__header p.store-card__location {
  font-weight:500;
  font-size:14px;
  margin-bottom:0px;
}

.store-search-result-products-wrapper {
  flex-grow:1;
}

.store-search-result-products {
  margin:16px 0px 32px 0px;
  width:100%;
  display: flex;
  flex-wrap:wrap;
  column-gap:8px;
}

.store-search-result-product {
  background: var(--primary-1);
  border-radius:100px;
  margin-bottom: 8px;
  font-size:12px;
  font-weight:700;
  padding:4px 16px;
  width: fit-content;
}
a.button--small.button {
  display: flex;
  font-size: 14px;
  line-height: 1;
  padding: 12px;
  gap:5px;
}

.store-card__cta-wrapper {
  display: flex;
  gap: 15px;
  margin-top: auto;
  flex-wrap:wrap;
}

@media screen and (max-width: 1440px) {
  .results-wrapper,.results-wrapper {
    /* padding: 60px 100px; */
  }
}

@media screen and (max-width: 1200px) {
  .results-wrapper,.results-wrapper {
    /* padding: 60px 80px; */
  }
}

@media screen and (max-width: 1024px) {
  .store-search {
    flex-direction:column;
    align-items:center;
  }
  .results-wrapper,.results-wrapper {
    /* padding: 60px 80px; */
    max-width:100%;
    width:100%;
  }
  .results-wrapper {
    height:calc((100vh - 116px)/2);
    padding:0px !important;;
  }
  .js-map-key {
    min-height:calc((100vh - 116px)/2) !important;
  }
  .results-wrapper {
    margin-top:40px; 
    padding: 0px;
  }
  input#keyword_filter,select#category-filter,.clear_filter_wrapper {
    max-width:100%;
    width:100% !important;
  }
}

@media screen and (max-width: 768px) {
  .results-wrapper {
    height:calc((80vh - 116px)/2);
    padding:0px !important;
    position: sticky;
    top: 120px;
    z-index:20;
  }
  .js-map-key {
    min-height:calc((80vh - 116px)/2) !important;
  }

  .store-search-results-wrapper {
    grid-template-columns: auto;
    margin-right:0px;
  }
  .store-search-results-wrapper {
    row-gap:25px;
  }
}

@media screen and (max-width: 425px) {
  .results-wrapper,.results-wrapper {
    padding: 40px;
  }
  .results-wrapper {
    margin-top: 0px;
    padding:30px 0 0 0;
  }
  .store-search-result-info {
    padding:0px;
  }
  .store-search-result {
   
  }
  .store-search-results-wrapper {
    row-gap:15px;
  }
  .store-search-result-info p.store-card__name {
    font-size:17px;
  }
  .store-search-result-products {
    column-gap: 15px;
    row-gap: 5px;
    margin: 16px 0 16px;
  }

}

@media (min-width: 1024px) and (max-width: 1562px) {
  .store-search-results-wrapper {
    grid-template-columns:auto
  }
  .store-search-result {
  
  }
}

/*
//////////////////////////////////////////
Google Map Module Styles
//////////////////////////////////////////
*/

.js-map-key {
  height:100%;
  /* max-height:850px; */
  min-height:850px;

}

.gm-style iframe + div { border:none!important; } /* hides focus border */

.store-search__google-map {
  border-radius: 0;
  height: 100%;
  min-height: 100%;
}

.store-search__google-map button::before {
  content:none;
}


.map__locations--hidden {
  display: none;
}

.map__infowindow-wrapper {
  word-wrap: break-word;
  max-height: 100%;
  padding: 0 0 16px 16px;
  display: flex;
  flex-direction: column;
  gap: 16px;
  justify-content: flex-start;
  position: relative;
  z-index: 0;
  min-width: 200px;
  margin-right: 20px;
}

.map__infowindow-direction a {
    margin-top: 0;
}

.map__infowindow-title {
  font-weight: 800;
  width: 90%;
  text-decoration: none;
  font-size: 1rem;
  text-transform: uppercase;
  line-height: 1.1;
  
}

.map__infowindow-body {
   
  margin-bottom: auto;
    
}

.map__infowindow-operatingHours {
   
  margin-bottom: auto;
    
}


.poi-info-window div, 
.poi-info-window a {
   
}

.map__infowindow-cta-container {
  margin-top: 24px;
  display: flex;
  flex-direction: column;
  gap: 8px;
}

/* override google maps infowindow class styling */
.gm-style-iw {
  padding: 0px !important;
  max-width: 280px !important;
}
  
.gm-style-iw-d {
  padding: 0px !important;
}
  
.gm-ui-hover-effect {
  background-color: #000000 !important;
  min-height: 20px !important;
  height: 20px !important;
  min-width: 20px !important;
  width: 20px !important;
  right: 16px !important;
  top: 16px !important;
}

.gm-ui-hover-effect>span {
  background-color: #ffffff !important;
  margin: auto !important;
  width: 20px !important;
  height: 20px !important;
}

.gm-control-active {
  min-height: auto !important;
  min-width: auto !important;
}

.poi-info-window.gm-style {
  padding: 16px 24px 16px 16px;
}

.map__infowindow-email a, .map__infowindow-phone a {
  text-decoration:none;
  color: var(--primary-1) !important;
}

.filter-counter-container {
  padding:20px 0px;
}

.js-store-card.perfect-match {
    border: 2px solid #0d2ea0;
}

#js-filters-results,#js-filters-total {
  font-weight:bold;
}