/* Updates tabs only. Header/navigation/catalog are intentionally untouched. */
.upd_cate li[data-tab] {
  width: fit-content;
  height: 30px;
  display: block;
  line-height: 30px;
  text-align: center;
  font-size: 12px;
  color: var(--color-black);
  border-radius: 3px;
  padding: 0 1em;
  cursor: pointer;
  transition: .4s all;
  user-select: none;
}
.upd_cate li[data-tab]:hover {
  color: var(--color-white);
  background-color: var(--color-2nd);
}
.upd_cate li[data-tab].upd_selected {
  color: var(--color-white);
  background-color: var(--color-1st);
}
.upd_panels, .upd_panel {
  width: 100%;
      margin-bottom: 30px;
}
.upd_panel {
  display: none;
}

.upd_panel.is-active {
  display: block;
}
@media screen and (max-width: 768px) {
  .upd_cate li[data-tab] {
    flex: 0 0 calc((100% - 2% * 2) / 3);
    margin-bottom: 10px;
  }
}