.price-tabs {
  margin-bottom: 50px;
  flex-wrap: wrap; }
  .price-tabs__item {
    margin-bottom: -1px; }
  .price-tabs-select {
    width: calc(50% - 10px);
    margin-right: 20px; }

.price-sub-tabs {
  display: none; }
  .price-sub-tabs__item {
    margin-bottom: 19px;
    cursor: pointer;
    user-select: none; }
    .price-sub-tabs__item_active, .price-sub-tabs__item:hover {
      font-weight: bold; }
  .price-sub-tabs-select {
    display: none;
    width: calc(50% - 10px); }

.price-selects {
  display: none;
  margin-bottom: 20px; }

.price-table {
  width: 100%;
  text-align: left;
  border-collapse: collapse;
  border: 1px solid var(--color-accent); }
  .price-table_hidden {
    display: none; }
  .price-table td, .price-table th {
    border: 1px solid var(--color-accent);
    text-align: left;
    padding: 10px 20px;
    font-weight: normal; }
  .price-table th {
    border: 1px solid var(--color-accent);
    background-color: var(--color-accent);
    color: #fff; }
    .price-table th:last-child {
      white-space: nowrap; }
    .price-table th:not(:last-child) {
      border-right-color: #fff; }
  .price-table td {
    border: 1px solid var(--color); }
    .price-table td:last-child {
      white-space: nowrap; }

@media (max-width: 991px) {
  .price-tabs {
    display: none; }
  .price-selects {
    display: flex; } }

@media (max-width: 767px) {
  .price-tabs-select {
    width: 100%;
    margin-right: 0;
    font-size: 18px;
    padding-left: 10px;
    margin-bottom: 10px; }
  .price-sub-tabs-select {
    width: 100%;
    font-size: 18px;
    padding-left: 10px;
    margin-bottom: 10px; }
  .price-selects {
    flex-wrap: wrap; }
  .price-table {
    font-size: 16px; }
    .price-table td, .price-table th {
      padding: 10px; } }