/* Static polyfill: Squarespace UserItemsListCarousel never initializes offline */

.user-items-list-carousel__slides {
  opacity: 1 !important;
  display: flex !important;
  flex-wrap: nowrap !important;
  align-items: flex-start !important;
  gap: 20px !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
  overflow-x: auto !important;
  overflow-y: hidden !important;
  scroll-snap-type: x mandatory;
  scroll-behavior: smooth;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: none;
}

.user-items-list-carousel__slides::-webkit-scrollbar {
  display: none;
}

.user-items-list-carousel__slides--initialized {
  opacity: 1 !important;
}

.user-items-list-carousel__slide {
  transform: none !important;
  pointer-events: auto !important;
  user-select: auto !important;
  flex: 0 0 calc((100% - 60px) / 4) !important;
  width: calc((100% - 60px) / 4) !important;
  max-width: calc((100% - 60px) / 4) !important;
  min-width: 0 !important;
  aspect-ratio: 1 / 1 !important;
  height: auto !important;
  max-height: none !important;
  align-self: flex-start !important;
  grid-column: auto !important;
  grid-row: auto !important;
  scroll-snap-align: start;
  box-sizing: border-box !important;
  overflow: hidden !important;
}

.user-items-list-carousel__slide .list-item-content {
  height: 100% !important;
  display: flex !important;
  flex-direction: column !important;
  min-height: 0 !important;
  overflow: hidden !important;
}

.user-items-list-carousel__slide .list-item-content__text-wrapper {
  flex: 1 1 auto !important;
  min-height: 0 !important;
  overflow: hidden !important;
  display: flex !important;
  flex-direction: column !important;
}

.user-items-list-carousel__slide .list-item-content__description {
  flex: 1 1 auto !important;
  min-height: 0 !important;
  overflow: hidden !important;
}

.user-items-list-carousel__slides-revealer {
  overflow: hidden !important;
}

/* Keep Squarespace responsive arrow behavior: one control set only */
.user-items-list-carousel .mobile-arrows {
  display: none !important;
}

.user-items-list-carousel .desktop-arrows {
  display: flex !important;
  justify-content: center;
}

.user-items-list-carousel__arrow-button,
.user-items-list-carousel .mobile-arrow-button {
  cursor: pointer;
  opacity: 1 !important;
  pointer-events: auto !important;
}

@media screen and (max-width: 1024px) {
  .user-items-list-carousel__slide {
    flex: 0 0 calc((100% - 20px) / 2) !important;
    width: calc((100% - 20px) / 2) !important;
    max-width: calc((100% - 20px) / 2) !important;
  }
}

@media screen and (max-width: 575px) {
  .user-items-list-carousel__slide {
    flex: 0 0 100% !important;
    width: 100% !important;
    max-width: 100% !important;
  }

  .user-items-list-carousel .desktop-arrows {
    display: none !important;
  }

  .user-items-list-carousel .mobile-arrows {
    display: flex !important;
    justify-content: center;
  }
}
