.swiper .filterSwiper .filter-slider-wrapper {
         padding: 14px !important;
      }

      /* Buttons inside swiper */
      .filterSwiper .swiper-slide {
         width: auto !important;
         display: inline-flex !important;
      }

      .filterSwiper .swiper-slide button {
         padding: 10px 20px !important;
         border: none;
         background: #83a17e;
         color: #fff;
         font-size: 1rem;
         white-space: nowrap;
         cursor: pointer;
         transition: 0.3s;
      }

      .filterSwiper .swiper-slide button:hover {
         background: #83a17e;
      }

      /* Arrows */
      .filterPrev,
      .filterNext {
         width: 40px;
         height: 40px;
         background: #83a17e;
         border-radius: 50%;
         display: flex;
         justify-content: center;
         align-items: center;
         position: absolute;
         /* top: 50%; */
         transform: translateY(-50%);
         z-index: 10;
         cursor: pointer;
         color: #fff;
         margin: 35px -50px;
      }

      .filterPrev {
         left: 0;
      }

      .filterNext {
         right: 0;
      }

      .filterPrev:hover,
      .filterNext:hover {
         background: #83a17e;
      }

      /* Mobile Fix */
      @media (max-width: 600px) {
         .filter-slider-container {
            padding: 10px 35px;
         }

         .filterPrev {
            left: 20px !important;
         }

         .filterNext {
            right: 20px !important;
         }
      }


      .gallery {
         column-count: 3;
         column-gap: 10px;
      }

      .gallery-items {
         width: 100%;
         margin-bottom: 10px;
         display: inline-block;
         break-inside: avoid;
      }

      .gallery-items img {
         width: 100%;
         display: block;
      }

      @media (max-width: 768px) {
         .gallery {
            column-count: 2;
         }

         .filter-buttons button {
            padding: 8px 14px;
            font-size: 1rem;
         }
      }

      @media (max-width: 480px) {
         .gallery {
            column-count: 1;
         }
      }

      .pageHero.-type-2 {
         position: relative;
         display: flex;
         align-items: center;
         height: 70vh;
         z-index: 0;
      }
      /* ---------- Desktop Tabs ---------- */
.filter-tabs-desktop {
  display: flex;
  justify-content: center;
  gap: 12px;
  flex-wrap: wrap;
  margin-bottom: 30px;
   margin-top: 30px;
}

.filter-tabs-desktop button {
  padding: 10px 18px;
  border: 1px solid #ccc;
  background: #83a17e;
  color: #fff;
  cursor: pointer;
  border-radius: 4px;
  font-size: 14px;
}

/* ---------- Hide Swiper on Big Screens ---------- */
@media (min-width: 992px) {
  .filterSwiper,
  .filterPrev,
  .filterNext {
    display: none !important;
  }
}

/* ---------- Mobile Only ---------- */
@media (max-width: 991px) {
  .filter-tabs-desktop {
    display: none;
  }
}