/* hide scrollbar but preserve scroll/snap */
.scrollbar-hidden {
  -ms-overflow-style: none; /* IE/Edge */
  scrollbar-width: none;    /* Firefox */
}
.scrollbar-hidden::-webkit-scrollbar {
  display: none;            /* Chrome/Safari */
}
body {
  font-family: 'Inter', sans-serif;
}

svg {
  fill: currentColor;
}

.input {
  padding: 0.5rem 1rem;
  background-color: #1a1a1a;
  color: white;
  border-radius: 0.375rem;
}

.submit-btn {
  background-color: white;
  color: black;
  padding: 0.5rem 1rem;
  border-radius: 0.375rem;
  font-weight: 600;
  transition: background 0.3s;
}
.submit-btn:hover {
  background-color: #e5e5e5;
}

.vm-btn {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  background-color: black;
  color: white;
  padding: 0.75rem 1.5rem;
  border-radius: 0.375rem;
  font-size: 0.875rem;
  font-weight: 500;
  border: 1px solid rgba(255, 255, 255, 0.1);
  transition: border 0.3s;
  width: 280px;
  justify-content: center;
}
.vm-btn:hover {
  border-color: rgba(255, 255, 255, 0.6);
}
.main-content {
  padding-top: 8rem;
  text-align: center;
}


#carousel-track {
  will-change: transform;
}

.os-slide { flex: 0 0 auto; }
#os-track { position: relative; z-index: 0; }
#os-prev, #os-next { position: absolute; z-index: 10; }

.os-slide.fade-out {
  opacity: 0;
  pointer-events: none;
}