.price-hero {
  padding: 83px 30px 30px;

  @media (width < 640px) {
    padding: 32px 15px 18px;
  }

  .price-hero__title {
    color: var(--c-gray);
    max-width: 673px;
    margin-bottom: 88px;
    text-wrap: balance;

    @media (width < 640px) {
      margin-bottom: 150px;
    }
  }

  .price-hero__links-list {
    display: flex;
    gap: 10px;

    @media (width < 640px) {
      flex-direction: column;

      .price-hero__link {
        width: fit-content;
      }
    }

    .price-hero__link > a {
      padding: 14px;

      @media (width < 640px) {
        padding-block: 10px;
      }
    }
  }
}


.price-list-download {
  display: flex;
  gap: 20px 15px;
  align-items: center;

  @media (width < 640px) {
    flex-direction: column;
    align-items: unset;
  }

  p {
    margin-bottom: 0;
  }
  .price-list-download__link {
    flex: 0 0 230px;

    @media (width < 640px) {
      flex: unset;
      width: 100%;
      padding-block: 10px;
    }
  }
  .price-list-download__notice {
    max-width: 400px;
    font-weight: 700;
  }
}


.price-tables-toc__list {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;

  .price-tables-toc__item > a {
    padding-inline: 25px;
  }
}


.price-group__table-wrap {
  overflow-x: auto;

  &:not(:first-child) {
    margin-top: 50px;

    @media (width < 640px) {
      margin-top: 40px;
    }
  }

  & > table {
    width: 100%;
  }
}
.price-group__footer {
  margin-top: 50px;

  @media (width < 640px) {
    margin-top: 20px;
  }
}
.price-group__link {
  max-width: 403px;
  margin-inline: auto;

  @media (width < 640px) {
    margin-top: 20px;
    padding-inline: 15px !important;
  }
}

.price-table {
  --price-table-border: 1px solid var(--c-gray-border);
  --price-table-cell-padding-inline: 10px;
  --price-table-manufacturer-logo-width: 112px;
  --price-table-manufacturer-logo-height: 40px;
  --price-table-manufacturer-flag-width: 28px;
  --price-table-manufacturer-flag-height: 21px;
  --price-table-manufacturer-min-width: calc(var(--price-table-manufacturer-logo-width) + 10px + var(--price-table-manufacturer-flag-width));
  --price-table-manufacturer-cell-min-width: calc(var(--price-table-manufacturer-min-width) + var(--price-table-cell-padding-inline) * 2);

  table-layout: auto;
  border-collapse: collapse;

  @media (width < 480px) {
    --price-table-manufacturer-logo-width: 80px;
    --price-table-manufacturer-logo-height: 28px;
    --price-table-manufacturer-min-width: calc(var(--price-table-manufacturer-logo-width) + 27px);
  }

  &.price-table--additional :is(th, td) {
    padding-block: 17px;
  }
  &.price-table--additional th {
    min-width: max-content;

    &:first-child {
      width: 60%;
    }
    &:last-child {
      width: 12%;
    }
  }
  &.price-table--additional tfoot {
    border: var(--price-table-border);

    td {
      border: none;
      font-weight: 700;

      &:last-child {
        text-align: end;
      }
    }
  }

  caption {
    caption-side: top;
    margin-bottom: 36px;
  }
  th, td {
    border: var(--price-table-border);
    padding-inline: var(--price-table-cell-padding-inline);
    vertical-align: middle;
  }
  th {
    background-color: var(--c-red);
    padding-block: 15px;
    color: #fff;
    font-weight: inherit;

    &:first-child {
      width: 33%;
      min-width: var(--price-table-manufacturer-cell-min-width);
    }
    &:last-child {
      width: 12%;
      min-width: max-content;
    }
  }
  td {
    padding-block: 7px;

    &.price-table__manufacturer {
      min-height: 90px;
      position: relative;
      padding-block: 10px;

      &.price-table__manufacturer--grandex > a {
        background-image: url(/assets/img/price/grandex.png), url(/assets/img/price/korea.jpg);

        &::before {
          content: "Ю. Корея";
        }
      }
      &.price-table__manufacturer--hanex > a {
        background-image: url(/assets/img/price/hanex.png), url(/assets/img/price/korea.jpg);

        &::before {
          content: "Ю. Корея";
        }
      }
      &.price-table__manufacturer--neomarm > a {
        background-image: url(/assets/img/price/neomarm.png);

        &::before {
          content: "Китай";
        }
      }
      &.price-table__manufacturer--pluton > a {
        background-image: url(/assets/img/price/pluton.png), url(/assets/img/price/korea.jpg);

        &::before {
          content: "Ю. Корея";
        }
      }
      &.price-table__manufacturer--hi-macs > a {
        background-image: url(/assets/img/price/hi-macs.png), url(/assets/img/price/korea.jpg);

        &::before {
          content: "Ю. Корея";
        }
      }
      &.price-table__manufacturer--staron > a {
        background-image: url(/assets/img/price/staron.png), url(/assets/img/price/korea.jpg);

        &::before {
          content: "Ю. Корея";
        }
      }
      &.price-table__manufacturer--corian > a {
        background-image: url(/assets/img/price/corian.png);

        &::before {
          content: "США";
        }
      }
      &.price-table__manufacturer--primax > a {
        background-image: url(/assets/img/price/primax.png), url(/assets/img/price/korea.jpg);

        &::before {
          content: "Ю. Корея";
        }
      }
      &.price-table__manufacturer--durasein > a {
        background-image: url(/assets/img/price/durasein.png);

        &::before {
          content: "Китай";
        }
      }
      &.price-table__manufacturer--avant > a {
        background-image: url(/assets/img/price/avant.png);

        &::before {
          content: "Китай";
        }
      }
      &.price-table__manufacturer--avarus > a {
        background-image: url(/assets/img/price/avarus.png);

        &::before {
          content: "Россия";
        }
      }
      &.price-table__manufacturer--caesarstone > a {
        background-image: url(/assets/img/price/caesarstone.png);

        &::before {
          content: "Израиль";
        }
      }
      &.price-table__manufacturer--cirrus > a {
        background-image: url(/assets/img/price/cirrus.png), url(/assets/img/price/korea.jpg);

        &::before {
          content: "Ю. Корея";
        }
      }
      &.price-table__manufacturer--noblle > a {
        background-image: url(/assets/img/price/noblle.png);

        &::before {
          content: "Китай";
        }
      }
      &.price-table__manufacturer--radianz > a {
        background-image: url(/assets/img/price/radianz.png), url(/assets/img/price/korea.jpg);

        &::before {
          content: "Ю. Корея";
        }
      }
      &.price-table__manufacturer--technistone > a {
        background-image: url(/assets/img/price/technistone.png);

        &::before {
          content: "Чехия";
        }
      }
      &.price-table__manufacturer--viatera > a {
        background-image: url(/assets/img/price/viatera.png), url(/assets/img/price/korea.jpg);

        &::before {
          content: "Ю. Корея";
        }
      }
      &.price-table__manufacturer--vicostone > a {
        background-image: url(/assets/img/price/vicostone.png);

        &::before {
          content: "Вьетнам";
        }
      }

      & > a {
        display: block;
        width: 100%;
        min-width: var(--price-table-manufacturer-min-width);
        height: calc(var(--price-table-manufacturer-logo-height) + var(--price-table-manufacturer-flag-height) + 10px);
        margin-block: auto;
        align-content: end;
        text-decoration: none;
        background-position: top left, bottom right;
        background-size: var(--price-table-manufacturer-logo-width) var(--price-table-manufacturer-logo-height), var(--price-table-manufacturer-flag-width) var(--price-table-manufacturer-flag-height);
        background-repeat: no-repeat;

        &::after {
          content: "";
          position: absolute;
          inset: 0;
        }
      }
    }
    &:last-child {
      font-weight: 700;
    }
  }
}