.tab-panel {
  display: none;
}

.tab-panel.active {
  display: block;
}

.tab-link {
  color: #685c55;
  transition: color 0.2s ease, border-color 0.2s ease, font-weight 0.2s ease;
}

.tab-link.active {
  color: #6e5c3e;
  border-color: #6e5c3e;
  font-weight: 700;
}

html {
  scroll-behavior: smooth;
}

body {
  margin: 0;
  font-family: "Hanken Grotesk", sans-serif;
}

a {
  text-decoration: none;
}

button,
input,
select {
  font: inherit;
}

/* Stock status styling */
.buy-btn[data-stock="out"] {
  background-color: #bdbdbd !important;
  color: #757575 !important;
  cursor: not-allowed;
  opacity: 0.7;
}

.buy-btn[data-stock="out"]:hover {
  background-color: #bdbdbd !important;
}