.tabs {
  display: flex;
  justify-content: center;
  margin-bottom: 20px;
}

.tab {
  padding: 10px 20px;
  margin: 0 5px;
  border: 1px solid #ddd;
  border-radius: 5px;
  cursor: pointer;
  background-color: #f2f2f2;
}

.tab.active {
  background-color: #fff;
  border-bottom-color: transparent;
}

.tab-content {
  display: flex;
  justify-content: center;
}

.tab-pane {
  display: none;
  margin: 0 10px;
}

.tab-pane.active {
  display: block;
  width: 100%;
}

/* Таблица во всю ширину */
.full-width {
  width: 100%;
}

/* Красные заголовки таблицы */
.red-header th {
  color: #BD1134;
}

/* Чередование фона строк */
.striped tr:nth-child(even) {
  background-color: #f2f2f2; /* Серый фон */
}

.striped tr:nth-child(odd) {
  background-color: #fff; /* Белый фон */
}

/* Группировка вкладок */
.tab-container {
  display: flex;
  flex-direction: column; /* Сделайте вкладки вертикальными */
}

/* Кнопка заказать */
.order-button {
  padding: 4px 8px; /* Еще меньше padding */
  background-color: #BD1134; /* Красный цвет */
  color: white;
  border: none;
  border-radius: 5px;
  cursor: pointer;
  font-size: 12px; /* Еще меньше размер шрифта */
}

/* Эффект наведения */
.order-button:hover {
  background-color: white;
  border: 2px solid #BD1134;
  color: #BD1134;
}

/* Увеличение расстояния между строками */
.striped tr {
  padding-top: 10px; /* Верхний отступ */
  padding-bottom: 10px; /* Нижний отступ */
}

/* Выравнивание кнопок по центру */
.striped td {
  text-align: left;
}