@media screen and (max-width: 1000px) {

  :root {
    --pad1: 40px 70px;
    --pad2: 10px 70px;
  }

  h1 {
    font-size: 60px;
  }

  body.lock {
    overflow: hidden;
  }

}


@media screen and (max-width: 540px) {

  /* ===== Глобальный сброс для мобилок ===== */
  html,
  body {
    overflow-x: hidden;
    /* ← убираем горизонтальный скролл */
    width: 100%;
    max-width: 100%;
    margin: 0;
    padding: 0;
  }

  p,
  li,
  summary {
    font-size: 16px;
  }

  :root {
    --pad1: 20px 30px;
    --pad2: 10px 30px;
  }

  h1 {
    font-size: 40px;
  }

  details {
    padding: 10px 20px;
  }

  details[open]>summary {
    padding-bottom: 10px;
  }

  table,
  thead,
  tbody,
  tr {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
  }

  #hero {
    align-items: flex-start;
  }

  .tabs-nav {
    margin-bottom: 5px;
    border: none;
  }

  .tabs-nav .tab-label,
  .tabs-nav .tab-label.active {
    flex-grow: 1;
    margin: 0;
    border-radius: 0;
  }

  .videos div,
  .videos iframe {
    width: 100%;
  }

  .feedback_inner>div {
    width: 100%;
  }

}