.scrollbar-hidden {
  -ms-overflow-style: none; /* IE and Edge */
  scrollbar-width: none;     /* Firefox */
}
.scrollbar-hidden::-webkit-scrollbar {
  display: none;
}


.thumb {
  box-shadow: 0 10px 20px rgba(0,0,0,.08), 0 3px 8px rgba(0,0,0,.04);
  position: relative;
  overflow: hidden;
}


.filter-btn {
  @apply px-3 py-1.5 rounded-full border border-gray-200 text-sm text-gray-700 hover:bg-gray-50;
}
.filter-btn.active {
  @apply bg-purple text-white border-purple;
}


.carousel-track {
  transition: transform .35s ease;
}


button:focus-visible {
  outline: 2px solid #3b82f6; /* blue-500 */
  outline-offset: 2px;
}

.thumb-media {
  position: absolute;
  inset: 0;
  background-size: cover;
  background-position: center;
}
.thumb-title {
  position: absolute;
  left: 0; right: 0; bottom: 0;
  padding: .5rem .6rem;
  font-weight: 700;
  color: #fff;
  text-shadow: 0 1px 2px rgba(0,0,0,.4);
  background: linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,.55) 80%, rgba(0,0,0,.7) 100%);
}


.thumb-media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  display: block;
}