/* Общие стили */
    body {
      font-family: Arial, sans-serif;
      padding: 20px;
      background-color: #f9f9f9;
      margin: 0;
    }

    h2, p {
      text-align: center;
    }

    /* Контейнер с горизонтальной прокруткой */
    .table-wrapper {
      display: block;
      width: 100%;
      max-width: 100%;
      overflow-x: auto !important;
      overflow-y: hidden;
      -webkit-overflow-scrolling: touch;
      -ms-overflow-style: -ms-autohiding-scrollbar;
      touch-action: pan-x;
      overscroll-behavior-x: contain;
      white-space: normal;
      margin: 0 auto;
    }

    table {
      min-width: 800px;
      width: auto;
      max-width: none;
      display: inline-block;
      border-collapse: collapse;
      background-color: white;
      margin: 0;
    }

    th:not(:first-child), td:not(:first-child) {
      min-width: 120px;
    }

    th, td {
      border-bottom: 1px solid #ddd;
      padding: 12px;
      padding-bottom: 8px !important;
      padding-top: 8px !important;
      font-size: 15px;
      text-align: left;
      white-space: nowrap;
    }

    th {
      background-color: #21396f;
      color: white;
    }

    tr:nth-child(even) {
      background-color: #f9f9f9;
    }

    .btn {
      padding: 7px 12px;
      background-color: #ff0000;
      color: white;
      text-decoration: none;
      border-radius: 4px;
      font-size: 14px;
      border: none !important;
      outline: none !important;
      box-shadow: none !important;
      cursor: pointer;
    }

    .btn:hover {
      background-color: #c82333;
    }

    .scroll-hint {
      text-align: center;
      font-style: italic;
      color: #777;
      margin-top: 10px;
      display: none;
    }

    /* Карточки (мобильная версия) */
    .cards-view { 
      display: none; 
    }

    .card-list { 
      display: grid; 
      gap: 12px; 
    }

    .card {
      background: #fff;
      border: 1px solid #e5e5e5;
      border-radius: 8px;
      padding: 12px;
      box-shadow: 0 1px 2px rgba(0,0,0,0.03);
      scroll-margin-top: 80px;
    }

    .card .row { 
      display: flex; 
      justify-content: space-between; 
      margin-bottom: 6px; 
    }

    .card .label { 
      color: #666; 
      font-size: 13px; 
      margin-right: 8px; 
    }

    .card .value { 
      color: #222; 
      font-size: 14px; 
    }

    .card .actions { 
      margin-top: 8px; 
      display: flex; 
      justify-content: flex-end; 
    }

    /* Специфические стили для Tilda */
    .tn-elem__12199590261752523694887,
    #rec1219959026 .tn-elem[data-elem-id="1752523694887"]{
      top: 0 !important;
      left: 0 !important;
      right: 0 !important;
      width: 100% !important;
    }

    #rec1219959026 .tn-elem[data-elem-id="1752523694887"] .tn-atom{
      width: 100% !important;
    }

    .h3_container_glavn{
      font-size: 14px;
      margin-top: 12px;
      margin-bottom: 2px;
      color: #272727;
    }

    /* Медиа-запросы */
    @media (max-width: 768px) {
      .scroll-hint {
        display: block;
      }
    }

    @media (min-width: 800px) {
      .table-wrapper{
        margin-left: 1.8% !important;
      }
    }

    @media (min-width:700px) and (max-width: 1260px) {
      .table-wrapper{
        width: 100% !important;
        max-width: 100vw !important;
      }
    }

    @media (min-width:540px) and (max-width: 700px) {
      .table-wrapper{
        width: 100% !important;
      }
    }

    @media (min-width:0px) and (max-width: 540px) {
      .table-wrapper{
        width: 100% !important;
        max-width: 100vw !important;
      }
    }

    @media (max-width: 1260px) {
      .table-wrapper{
        width: 100% !important;
        overflow-x: auto !important;
        margin: 0 auto !important;
      }

      .tn-elem__11693608311752523694887{
        top: 0 !important;
        left: 0 !important;
        display: flex;
        justify-content: center !important;
        width: 100% !important;
      }
    }

    /* Переключение представлений: до 767px показываем карточки, прячем таблицу */
    @media (max-width: 767px) {
      .table-wrapper { 
        display: none !important; 
      }
      .cards-view { 
        display: block !important; 
        padding: 10px;
      }
    }

    /* Для якорных ссылок */
    tr, .card {
      scroll-margin-top: 80px;
    }