/* Universal breakpoints */
#search-overlay {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.6);
  display: none;
  justify-content: center;
  align-items: center;
  /* MKPL fix - for new header */
  z-index: 101; }
  #search-overlay.is-open {
    display: flex; }
    @media (min-width: 992px) {
      #search-overlay.is-open {
        display: none; } }
  @media (min-width: 992px) {
    #search-overlay {
      display: none; } }
     /* .grid-cell{
        scroll-margin-top:50px;
      }*/

#search-modal {
  box-sizing: border-box;
  background-color: white;
  padding: 20px 24px;
  border-radius: 8px;
  width: 100vw;
  max-height: calc(100vh - 40px);
  overflow: auto;
  display: flex;
  flex-direction: column;
  /* Scrollbar styles */ }
  #search-modal::-webkit-scrollbar {
    width: 12px;
    height: 12px;
    cursor: pointer; }
  #search-modal::-webkit-scrollbar-track {
    background: #e8e9ec;
    opacity: 0.7;
    border-radius: 12px; }
  #search-modal::-webkit-scrollbar-thumb {
    border-radius: 12px;
    background: #62657b; }
  #search-modal::-webkit-scrollbar-thumb:hover {
    background: #62657b; }
  /*ADA fix*/
  .close-filter-icon {
    padding: 0;
    background: transparent;
    border: none;
    height: 16px;
  }
  .close-filter-icon:focus-visible {
    border-radius: 15px;
  }
  .close-filter-icon img {
    max-width: 100%;
  }
  /*End of ADA fix*/

  @media (max-width: 991px) {
    #search-modal {
      max-width: 600px; } }
  #search-modal #title-bar {
    display: flex;
    justify-content: space-between;
    margin-bottom: 30px; }
    #search-modal #title-bar .close-icon {
      width: 32px;
      height: 32px;
      cursor: pointer; }
  #search-modal #modal-filtered-by {
    display: flex;
    justify-content: space-between; }
    #search-modal #modal-filtered-by h3 {
      font-size: 14px; }
    #search-modal #modal-filtered-by button {
      border: none;
      background: none;
      text-decoration: underline; }
  #search-modal #brands-filter-sub-content-modal {
    max-height: 612px;
    overflow-y: auto;
    /* Scrollbar styles */ }
    #search-modal #brands-filter-sub-content-modal::-webkit-scrollbar {
      width: 12px;
      height: 12px;
      cursor: pointer; }
    #search-modal #brands-filter-sub-content-modal::-webkit-scrollbar-track {
      background: #e8e9ec;
      opacity: 0.7;
      border-radius: 12px; }
    #search-modal #brands-filter-sub-content-modal::-webkit-scrollbar-thumb {
      border-radius: 12px;
      background: #62657b; }
    #search-modal #brands-filter-sub-content-modal::-webkit-scrollbar-thumb:hover {
      background: #62657b; }
  #search-modal .active-filters-wrap {
    display: flex;
    margin-bottom: 40px;
    flex-wrap: wrap;
    gap: 10px; }
    #search-modal .active-filters-wrap span {
      margin-right: 5px; }
    #search-modal .active-filters-wrap .close-icon {
      width: 16px;
      height: 17px; }

.collapsing-filter {
  align-items: center;
  margin-bottom: 16px;
  border-bottom: 1px solid #a0a8b7;
  align-items: center;
  margin-bottom: 16px;
  border-bottom: 1px solid #a0a8b7;
  box-sizing: border-box; }
  .collapsing-filter ul,
  .collapsing-filter div {
    display: none; }
  .collapsing-filter.is-open ul {
    overflow-y: auto;
    display: block;
    }
  .collapsing-filter.is-open div {
    display: block; }
    .collapsing-filter.is-open div[data-load-more-button-container] {
      display: flex; }
      .collapsing-filter.is-open div[data-load-more-button-container] [data-load-more-button] {
        padding-top: 12px;
        padding-bottom: 12px;
        font-size: 14px; }
  .collapsing-filter.is-open .category-filter-sub-content {
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    gap: 20px;
    margin-bottom: 40px;
    padding-left: 10px;
    width: 100%; }
    .collapsing-filter.is-open .category-filter-sub-content .category-label {
      margin-bottom: 0; }
  .collapsing-filter .filter-list-header {
    width: 100%;
    align-items: center;
    margin-bottom: 20px;
    padding-left: 10px;
    text-align: left; }

.filter-list-items .filter-list-item {
  margin: 0 0 14px;
  padding: 5px;
  cursor: pointer; }
  .filter-list-items .filter-list-item .close-icon {
    display: none; }
  .filter-list-items .filter-list-item.active {
	  /*ADA fixes*/
    border: 2px solid #3b3b43;
    border-radius: 4px;
    justify-content: space-between; }
    .filter-list-items .filter-list-item.active .close-icon {
      display: block;
      width: 16px;
      height: 17px; }

.marketplace-search-main .breadcrumbs .active-page {
  color: #3b3d49; }

.marketplace-search-main .breadcrumbs .active-page-link {
  color: #727377; }

.marketplace-search-main .search-upper {
  background-color: #f3f6f6; }

.marketplace-search-main .searchbar-marketplace {
  width: 445px; }
  @media (max-width: 991px) {
    .marketplace-search-main .searchbar-marketplace {
      width: 100%; } }

.marketplace-search-main .no-results-wrap {
  padding-top: 40px;
  max-width: 760px; }

.marketplace-search-main .no-results-header {
  font-weight: 500;
  font-size: 20px;
  line-height: 28px; }
  @media (min-width: 992px) {
    .marketplace-search-main .no-results-header {
      font-size: 32px;
      line-height: 40px; } }

.marketplace-search-main .mobile-filter-header {
  margin: 0 0 30px 0; }

.marketplace-search-main .filter-by-heading-wrap {
  margin-bottom: 14px; }

.marketplace-search-main .filtered-by-header {
  font-weight: 700;
  font-size: 14px;
  line-height: 24px;
  margin: 0; }

.marketplace-search-main .clear-filters-button {
  text-decoration: underline;
  display: none;
  padding: 0; }
  .marketplace-search-main .clear-filters-button.has-filters {
    display: block; }

.marketplace-search-main .sort-content {
  width: -moz-fit-content;
  width: fit-content;
  z-index: 2;
  margin-right: 16px; }
  @media (max-width: 479px) {
    .marketplace-search-main .sort-content {
      margin-right: 0; } }
  .marketplace-search-main .sort-content .featured-arrow-icon {
    width: 8px; }
  .marketplace-search-main .sort-content .sort-by-text {
    padding: 0 14px; }
    @media (max-width: 479px) {
      .marketplace-search-main .sort-content .sort-by-text {
        padding: 0 8px; } }

@media (max-width: 991px) {
  .marketplace-search-main .active-filters-wrap {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    padding: 0 20px; } }

.marketplace-search-main .active-filters-wrap img {
  align-self: center; }

.marketplace-search-main .active-filters-wrap .filter-list-item {
  margin: 0 0 10px; }
  @media (max-width: 991px) {
    .marketplace-search-main .active-filters-wrap .filter-list-item {
      margin-right: 10px; }
      .marketplace-search-main .active-filters-wrap .filter-list-item span {
        padding-right: 5px; } }

.marketplace-search-main .active-filters-list {
  padding-bottom: 24px; }
  @media (max-width: 991px) {
    .marketplace-search-main .active-filters-list {
      margin: 0 24px 16px; } }
  .marketplace-search-main .active-filters-list .active-filters-wrap {
    padding: 0; }
  .marketplace-search-main .active-filters-list .filter-list-item {
    margin: 0 0 10px; }
    @media (max-width: 991px) {
      .marketplace-search-main .active-filters-list .filter-list-item {
        margin-right: 10px; }
        .marketplace-search-main .active-filters-list .filter-list-item span {
          padding-right: 5px; } }
    .marketplace-search-main .active-filters-list .filter-list-item .close-icon {
      align-self: center;
      cursor: pointer; }

.marketplace-search-main .sort-list {
  z-index: 2;
  background-color: #fff;
  top: 30px;
  right: 0px;
  width: 100%;
  display: none;
  padding: 24px;
  min-width: 200px;
  box-shadow: 0px 12px 30px rgba(45, 46, 53, 0.3);
  max-height: calc(100vh - 235px);
  overflow-y: auto; }
  .marketplace-search-main .sort-list.active {
    display: block; }
  .marketplace-search-main .sort-list ul {
    display: flex;
    flex-direction: column;
    gap: 16px; }
  .marketplace-search-main .sort-list .sort-list-item {
    width: 100%;
    font-size: 18px;
    text-align: left;
    padding: 4px;
    height: 30px;
    color: #3b3d49; }
    .marketplace-search-main .sort-list .sort-list-item::after {
      content: "";
      position: relative;
      top: 7px;
      height: 0;
      width: calc(100% + 10px);
      left: -5px;
      display: block; }
    .marketplace-search-main .sort-list .sort-list-item.active {
      margin: 0 0 16px 0; }
      .marketplace-search-main .sort-list .sort-list-item.active .active-filter-icon {
        display: inline;
        align-self: center; }
      .marketplace-search-main .sort-list .sort-list-item.active::after {
        height: 3px;
        background-color: #fbc600; }
        @media (max-width: 991px) {
          .marketplace-search-main .sort-list .sort-list-item.active::after {
            top: 0px; } }
    .marketplace-search-main .sort-list .sort-list-item .active-filter-icon {
      display: none;
      float: right; }

.marketplace-search-main .marketplace-filter-list {
  margin-right: 30px;
  width: 26%; }
  @media (max-width: 991px) {
    .marketplace-search-main .marketplace-filter-list.desktop {
      display: none; } }

.marketplace-search-main .marketplace-filter-results {
  width: 100%; }
  /* .marketplace-search-main .marketplace-filter-results .deal-tile {
    width: 350px;
    min-width: 350px; } 
    @media (max-width: 991px) {
      .marketplace-search-main .marketplace-filter-results .deal-tile {
         width: 100%; 
    
    } }*/

.marketplace-search-main .sticky {
  position: sticky;
  position: -webkit-sticky;
  background-color: white;
  z-index: 2;
  /* MKPL updated to solve search filter bar position*/
  top: 131px;
  padding: 2px;
  }
  @media (max-width: 1079px) {
    .marketplace-search-main .sticky {
      top: 130px;
      } }

.marketplace-search-main .filter-results-list li {
  display: flex;
  max-width: none; }

.marketplace-search-main .filter-list-items {
  display: none;
  padding-left: 10px;
  max-height: 500px;
  overflow-y: auto;
	/* jhumur.paul, Once user selects the category and brands plus icon the boder line is overlapping */
  padding-top: 10px;
  /* Scrollbar styles */
  }
  .marketplace-search-main .filter-list-items::-webkit-scrollbar {
    width: 12px;
    height: 12px;
    cursor: pointer; }
  .marketplace-search-main .filter-list-items::-webkit-scrollbar-track {
    background: #e8e9ec;
    opacity: 0.7;
    border-radius: 12px; }
  .marketplace-search-main .filter-list-items::-webkit-scrollbar-thumb {
    border-radius: 12px;
    background: #62657b; }
  .marketplace-search-main .filter-list-items::-webkit-scrollbar-thumb:hover {
    background: #62657b; }
  .marketplace-search-main .filter-list-items.open {
    display: block; }
  .marketplace-search-main .filter-list-items .filter-list-item {
    margin: 0 0 14px;
    padding: 5px; }
    .marketplace-search-main .filter-list-items .filter-list-item.active {
      border: 2px solid #3b3c43;
      border-radius: 4px;
      justify-content: space-between; }
      .marketplace-search-main .filter-list-items .filter-list-item.active .close-icon {
        display: block; }
    .marketplace-search-main .filter-list-items .filter-list-item.network {
      border: none; }
    .marketplace-search-main .filter-list-items .filter-list-item .close-icon {
      display: none;
      align-self: center; }
    .marketplace-search-main .filter-list-items .filter-list-item span {
      margin-right: 5px; }

#brands-filter-sub-content {
  box-sizing: border-box; }

/* Customize the label (the container) */
.category-label {
  display: block;
  position: relative;
  padding-left: 35px;
  margin-bottom: 20px;
  cursor: pointer;
  font-size: 14px;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none; }
  .category-label:focus-within {
    border: 2px solid #3b3d49;
    border-radius: 5px; }

/* Hide the browser's default checkbox */
.category-label input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0; }

/* Create a custom checkbox */
.checkmark {
  position: absolute;
  /*top: 0;*/
  left: 0;
  height: 17px;
  width: 17px;
  background-color: #fff;
  border-radius: 4px;
  border: 1px solid #3b3d49; }

/* On mouse-over, add a grey background color */
.category-label:hover input ~ .checkmark {
  background-color: #fff; }

/* When the checkbox is checked, add a blue background */
.category-label input:checked ~ .checkmark {
  background-color: #fbc600;
  border: 1px solid #fbc600; }

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
  content: "";
  position: absolute;
  display: none; }

/* Show the checkmark when checked */
.category-label input:checked ~ .checkmark:after {
  display: block; }

/* Style the checkmark/indicator */
.category-label .checkmark:after {
  left: 6px;
  top: 1px;
  width: 5px;
  height: 10px;
  border: solid #3b3d49;
  border-width: 0 1px 1px 0;
  transform: rotate(45deg); }
 /* MKPL team fix for the Expiry date */
 .tile .expiry-badge {
  z-index: 0 !important;
}
/* MKPL fix */
@media (max-width: 360px) {
  .text-18 {
    padding-right: 5px; } }
    /* ADA fix*/
    .zoom-in-mode #mobile-sticky-search-bar{
      top:0 !important;
    }
    .zoom-in-mode-level-400 .marketplace-search-main .sticky{
      position: relative;
    }
    @media (max-width: 360px) {
      .desktop-mode .global-nav.sticky{
        position: relative !important;
      }
      .desktop-mode .marketplace-search-main .sticky{
        position: relative;
      }
    }
    #marketplace-search ol,#marketplace-search ol li {
      padding: 0;
      display: inline;
      list-style-type: none;
    }
    
    .marketplace-search-main .filter-list-items .filter-list-item button:focus{outline:none !important}
.marketplace-search-main .filter-list-items .filter-list-item button:focus-visible{ border: 2px solid #3b3d49 !important;}