.product-media-tabs-wrapper {
  margin-top: 1rem;
  border-top: 1px solid #eee;
  padding-top: 1rem;
}

.media-tab-nav {
  list-style: none;
  padding-left: 0;
  display: flex;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}

.media-tab-nav li {
  background: #f1f1f1;
  padding: 0.5rem 1rem;
  border-radius: 4px;
  cursor: pointer;
  font-size: 0.9rem;
  transition: background 0.3s;
}

.media-tab-nav li:hover {
  background: #ddd;
}

.media-tab-nav li.active {
  background: #ccc;
  font-weight: bold;
}

.tab-content-area .tab-content {
  display: none;
}

.tab-content-area .tab-content.active {
  display: block;
}