/* Design wise */
@media (width > 768px) {
  /* .home-products-swiper .swiper-slide-prev {
    transition: all 0.3s ease;
    visibility: hidden;
  }

  .home-products-swiper .swiper-slide-active {
    padding-left: 2rem;
  }

  .home-products-swiper .swiper-slide-next {
    padding-inline: 1rem;
  }

  .home-products-swiper .swiper-slide-active + * + * {
    padding-right: 2rem;
  }

  .home-products-swiper .swiper-slide-active + * + * + * {
    transition: all 0.3s ease;
    visibility: hidden;
  }

  .home-products-swiper .swiper-wrapper {
    margin-bottom: 30px;
  }

  .home-products-pagination {
    margin-top: unset;
  } */
}

/* Selectize design reset */
.selectize-input {
  height: 49px;
}

.selectize-input .select-one,
.selectize-input input {
  line-height: 2.5 !important;
}

.selectize-input.focus {
  border-color: none !important;
  box-shadow: none !important;
}

.selectize-input .item {
  line-height: 2.5 !important;
}

/* Dropify design reset */
.dropify-wrapper {
  border-radius: 5px;
  border-width: 1px;
  height: 140px;
}

.cities-filters {
  height: 310px;
  overflow-y: auto;
}
  
/* ==========================================================================
   Product / Service category tabs overflow handling
   - Desktop: wrap into rows, vertical (y-axis) scroll when they exceed
   - Mobile:  3-row grid (9 visible), horizontal (x-axis) scroll for the rest
   ========================================================================== */
.home-products-tabs {
  flex-wrap: nowrap;
  align-items: flex-start;
  max-height: none;
  overflow-x: auto;
  overflow-y: hidden;
  padding-bottom: 10px;
  scrollbar-width: thin;
  scrollbar-color: #ffda76 transparent;
}

.home-products-tabs button {
  flex: 0 0 auto;
}

.home-products-tabs::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}

.home-products-tabs::-webkit-scrollbar-track {
  background: rgba(255, 255, 255, 0.15);
  border-radius: 10px;
}

.home-products-tabs::-webkit-scrollbar-thumb {
  background: #ffda76;
  border-radius: 10px;
}

@media (max-width: 767px) {
  .home-products-tabs {
    display: grid;
    grid-auto-flow: column;
    grid-template-columns: none;
    grid-template-rows: repeat(3, auto);
    grid-auto-columns: calc((100% - 24px) / 3);
    gap: 14px 12px;
    max-height: none;
    overflow-x: auto;
    overflow-y: hidden;
    padding: 0 0 10px;
    scroll-snap-type: x proximity;
    -webkit-overflow-scrolling: touch;
  }

  .home-products-tabs button {
    width: 100%;
    scroll-snap-align: start;
  }

  .home-products-tabs::-webkit-scrollbar {
    height: 6px;
  }
}