html:not(.popup) body {
    overflow-x: clip;
     overflow-y: initial;
}

html.filters-visible #column-left:has(.module-filter) {
   position: sticky;
   top: 100px;
   align-self: flex-start;
}

@layer theme {
   .breadcrumbs {
      order: initial;
   }

   .grid-list {
      display: none;
   }

   #column-left:has(.module-filter) {
      width: 0px;
      overflow: hidden;
      transition: 0.35s ease width;
   }

   #column-left:has(.module-filter) + #content {
      width: 100%;
      transition: 0.35s ease all;
   }

   html.filters-visible #column-left:has(.module-filter) {
      width: 300px;
      display: block !important;
      padding-right: 2rem;
   }

   html.filters-visible #column-left:has(.module-filter) + #content {
      width: calc(100% - 300px);
   }

   .breadcrumb {
      text-align: center !important;
      display:flex;
      align-items: center;
      justify-content: center;
      gap: 7px;
   }

   .breadcrumb li {
      display: flex;
   }

   .breadcrumb li::before {
      display: none;
   }

   .page-title {
      background-color: #f5f5f5;
      margin-bottom: 30px;
      padding: 30px 0;
   }

   .pagination li {
      width: 40px;
      height: 40px;
      border: 2px solid transparent;
   }

   .pagination li.active {
      border-color: var(--color-primary, #222);
   }

   .mobile-filter-container {
      width: 375px;
   }

   .mobile-filter-trigger {
      height: 45px;
      font-weight: 500;
      color: var(--color-primary, #222);
      z-index: 1;
      background-color: #fff !important;
      padding: 4px 8px;
      border: 1px solid var(--color-border);
      transform: none;
   }

   .module-filter .module-title {
      display: none;
   }

   .products-filter {
      position: sticky;
      top: 2rem;
      z-index: 9;
      flex-direction: row;
   }

   .products-filter label {
      font-weight: 500;
   }

   .products-filter .grid-list {
      margin-left: 25px;
   }

   .panel-group .panel:not(:only-child):not(:last-child)::after {
      border-bottom: 1px solid var(--color-border);
   }

   .mobile-filter-container .mobile-wrapper-header .reset-filter {
      width: 100%;
      justify-content: flex-start;
      margin-left: 10px;
   }

   .mobile-filter-container .x {
      position: absolute;
      right: 8px;
      top: 4px;
   }

   .mobile-filter-trigger #filters-count {
      display: none !important;
   }

   @media only screen and (max-width: 1024px) {
      .products-filter {
         flex-direction: row;
      }

      .products-filter .results {
         display: none;
      }

      .products-filter .grid-list {
         display: none;
      }

      #product-search .search-form,
      #product-search .buttons.clearfix,
      .products-filter label,
      .products-filter .per-page {
            display: none !important;
         }
      #product-search .search-products-title {
         display: none;
      }
   }

   @media only screen and (max-width: 767px) {
      .products-filter .select-group {
         gap: 15px;
      }

      .products-filter .select-group .sort-by label {
         display: none;
      }

      .products-filter .select-group .sort-by {
         margin: 0 !important;
      }
   }

   @media only screen and (max-width: 600px) {
      .products-filter .select-group .input-group .form-control {
         max-width: 100%;
      }

      .mobile-filter-trigger span {
         display: none;
      }
   }

   @media only screen and (max-width: 320px) {
      .products-filter .select-group {
         margin-inline-start: unset;
      }
   }
}