/* ===== СТРАНИЦА «ПОДАТЬ ЗАЯВКУ» ===== */

    /* Чистый светлый фон — без клеточного узора */
    .bg-lines { display: none; }
    body { background: var(--bg-alt); }

    /* Мини-навигация (sticky) */
    .zayavka-nav {
      position: sticky;
      top: 76px;
      z-index: 20;
      display: flex;
      flex-wrap: wrap;
      gap: var(--s2);
      padding: var(--s3) 0;
      margin-bottom: var(--s2);
      background: var(--bg-alt);
    }
    .zayavka-nav__link {
      display: inline-flex;
      align-items: center;
      gap: 6px;
      padding: 8px 16px;
      border-radius: 999px;
      border: 1px solid var(--border);
      background: #fff;
      color: var(--text);
      font-family: var(--font-head);
      font-weight: 600;
      font-size: var(--t-sm);
      text-decoration: none;
      transition: background var(--dur) var(--ease), border-color var(--dur) var(--ease), color var(--dur) var(--ease);
    }
    .zayavka-nav__link:hover { background: var(--accent-light); border-color: var(--accent); color: var(--accent-dark); }

    /* Шаги-инструкция */
    .zayavka-steps {
      display: grid;
      grid-template-columns: 1fr auto 1fr auto 1fr;
      align-items: stretch;
      gap: var(--s3);
      margin-top: var(--s5);
    }
    .zayavka-steps__arrow {
      display: flex;
      align-items: center;
      justify-content: center;
      color: var(--accent);
      flex-shrink: 0;
    }
    .zayavka-step {
      position: relative;
      background: #fff;
      border: 1px solid var(--border);
      border-radius: 16px;
      padding: var(--s5) var(--s4) var(--s4);
      box-shadow: 0 4px 16px rgba(12,46,42,0.06);
    }
    .zayavka-step__num {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      width: 40px;
      height: 40px;
      border-radius: 50%;
      background: var(--accent-light);
      color: var(--accent-dark);
      font-family: var(--font-head);
      font-weight: 700;
      font-size: var(--t-lg);
      margin-bottom: var(--s3);
    }
    .zayavka-step__title {
      font-family: var(--font-head);
      font-weight: 700;
      font-size: var(--t-md);
      color: var(--text);
      margin-bottom: var(--s2);
    }
    .zayavka-step__text {
      font-size: var(--t-base);
      color: var(--text-muted);
      line-height: 1.6;
    }
    .zayavka-step__text a { color: var(--accent-dark); font-weight: 600; }
    /* Шеврон у заголовка группы — только для мобильного аккордеона */
    .zayavka-group__chevron { display: none; }
    /* Подсказка к аккордеону — только на мобиле */
    .zayavka-hint { display: none; }

    /* Группа документов */
    .zayavka-group { margin-top: var(--s7); scroll-margin-top: 140px; }
    .zayavka-group__title {
      font-family: var(--font-head);
      font-weight: 700;
      font-size: var(--t-xl);
      color: var(--text);
      display: flex;
      align-items: center;
      gap: var(--s3);
      margin-bottom: var(--s4);
    }
    .zayavka-group__title svg { color: var(--accent); flex-shrink: 0; }

    /* Сетка карточек документов */
    .doc-grid {
      display: grid;
      grid-template-columns: repeat(auto-fill, minmax(min(280px, 100%), 1fr));
      gap: var(--s4);
    }
    .doc-card {
      position: relative;
      display: flex;
      flex-direction: column;
      background: #fff;
      border: 1px solid var(--border);
      border-top: 3px solid var(--accent);
      border-radius: 14px;
      padding: var(--s4);
      box-shadow: 0 8px 24px rgba(12,46,42,0.10);
      transition: box-shadow var(--dur) var(--ease), transform var(--dur) var(--ease), border-color var(--dur) var(--ease);
    }
    .doc-card:hover {
      box-shadow: 0 16px 40px rgba(12,46,42,0.16);
      transform: translateY(-4px);
      border-color: var(--accent);
      border-top-color: var(--accent);
    }
    .doc-card__icon {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      width: 44px;
      height: 44px;
      border-radius: 10px;
      background: var(--accent-light);
      color: var(--accent-dark);
      margin-bottom: var(--s3);
    }
    .doc-card__title {
      font-family: var(--font-head);
      font-weight: 600;
      font-size: var(--t-base);
      color: var(--text);
      line-height: 1.4;
      margin-bottom: var(--s2);
      overflow-wrap: break-word;
    }
    .doc-card__meta {
      font-size: var(--t-sm);
      color: var(--text-muted);
      margin-bottom: var(--s4);
    }
    .doc-card__btn {
      margin-top: auto;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      gap: var(--s2);
      width: 100%;
      height: 46px;
      border-radius: 10px;
      background: var(--accent-h);
      color: #fff;
      font-family: var(--font-head);
      font-weight: 600;
      font-size: var(--t-base);
      text-decoration: none;
      transition: background var(--dur) var(--ease);
    }
    .doc-card__btn:hover { background: var(--accent-dark); }

    /* Звёздочка-сноска ЕИСОТ */
    .doc-card__star { color: var(--cta); font-weight: 700; }
    .zayavka-note {
      margin-top: var(--s4);
      font-size: var(--t-sm);
      color: var(--text-muted);
    }
    .zayavka-note .doc-card__star { margin-right: 4px; }

    /* Блок «Куда отправить» */
    .send-box {
      margin-top: var(--s8);
      background: linear-gradient(135deg, #134E85 0%, #06756F 52%, #008A7C 100%);
      color: #fff;
      border-radius: 20px;
      padding: var(--s7) var(--s5);
      text-align: center;
    }
    .send-box__title {
      font-family: var(--font-head);
      font-weight: 700;
      font-size: var(--t-2xl);
      margin-bottom: var(--s3);
    }
    .send-box__text {
      font-size: var(--t-md);
      color: rgba(255,255,255,0.88);
      max-width: 560px;
      margin: 0 auto var(--s5);
      line-height: 1.6;
    }
    .send-box__mail-btn {
      display: inline-flex;
      align-items: center;
      gap: var(--s2);
      height: 54px;
      padding: 0 var(--s5);
      border-radius: 12px;
      background: #fff;
      color: var(--accent-dark);
      font-family: var(--font-head);
      font-weight: 700;
      font-size: var(--t-md);
      text-decoration: none;
      transition: transform var(--dur) var(--ease);
    }
    .send-box__mail-btn:hover { transform: translateY(-2px); }
    .send-box__email {
      display: block;
      margin-top: var(--s4);
      font-size: var(--t-md);
    }
    .send-box__email a { color: #fff; text-decoration: underline; }

    /* Мобиль */
    @media (max-width: 767px) {
      /* Навигация по программам: вместо рваного flex-wrap — ровная
         сетка 2×2 на всю ширину. Все 4 видны сразу, ничего не прячется. */
      .zayavka-nav {
        top: 64px;
        display: grid;
        grid-template-columns: 1fr 1fr;
        grid-auto-rows: 1fr;
      }
      .zayavka-nav__link {
        justify-content: center;
        text-align: center;
        min-height: 56px;
        padding: 8px 12px;
        line-height: 1.25;
      }

      /* === Шаги: 3 компактные строки, все видны сразу (без степпера) === */
      .zayavka-steps {
        display: flex;
        flex-direction: column;
        gap: var(--s2);
        margin-top: var(--s4);
      }
      .zayavka-steps__arrow { display: none; }
      .zayavka-step {
        display: flex;
        align-items: flex-start;
        gap: var(--s3);
        padding: var(--s3) var(--s4);
        box-shadow: none;
      }
      .zayavka-step__num {
        width: 32px;
        height: 32px;
        font-size: var(--t-base);
        margin-bottom: 0;
        flex-shrink: 0;
      }
      .zayavka-step__body { min-width: 0; }
      .zayavka-step__title { font-size: var(--t-base); margin-bottom: 2px; }
      .zayavka-step__text { font-size: var(--t-sm); line-height: 1.45; }

      /* Подсказка к аккордеону групп */
      .zayavka-hint {
        display: flex;
        align-items: center;
        gap: var(--s2);
        margin-top: var(--s5);
        font-size: var(--t-sm);
        color: var(--accent-dark);
      }
      .zayavka-hint svg { flex-shrink: 0; color: var(--accent); }

      /* === Группы документов: карточки-аккордеоны в стилистике сайта === */
      .zayavka-group { margin-top: var(--s3); scroll-margin-top: 120px; }
      /* Заголовок группы = карточка: белый фон, скругление, тень, цветная
         плашка-иконка слева, шеврон в кружке справа. */
      .zayavka-group__title {
        cursor: pointer;
        gap: var(--s3);
        align-items: center;
        font-size: var(--t-md);
        line-height: 1.25;
        margin-bottom: 0;
        padding: var(--s3) var(--s4);
        background: #fff;
        border: 1px solid var(--border);
        border-radius: 14px;
        box-shadow: 0 6px 18px rgba(12,46,42,0.08);
        transition: box-shadow var(--dur) var(--ease), border-color var(--dur) var(--ease), border-radius var(--dur) var(--ease);
      }
      .zayavka-group.is-open .zayavka-group__title {
        border-color: var(--accent);
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0;
      }
      /* Плашка-иконка категории */
      .zayavka-group__ic {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        width: 44px;
        height: 44px;
        flex-shrink: 0;
        border-radius: 12px;
        background: var(--accent-light);
        color: var(--accent-dark);
      }
      .zayavka-group__ic svg { width: 24px; height: 24px; }
      /* Шеврон в круглой кнопке справа */
      .zayavka-group__chevron {
        display: block;
        margin-left: auto;
        flex-shrink: 0;
        width: 32px;
        height: 32px;
        padding: 5px;
        border-radius: 50%;
        background: var(--accent-light);
        color: var(--accent-dark);
        transition: transform var(--dur) var(--ease), background var(--dur) var(--ease), color var(--dur) var(--ease);
      }
      .zayavka-group.is-open .zayavka-group__chevron {
        transform: rotate(180deg);
        background: var(--accent-h);
        color: #fff;
      }
      /* Раскрывающийся список файлов — продолжение карточки заголовка */
      .zayavka-group .doc-grid {
        display: none;
        grid-template-columns: 1fr;
        gap: var(--s3);
        padding: var(--s4);
        background: var(--bg-alt);
        border: 1px solid var(--accent);
        border-top: none;
        border-radius: 0 0 14px 14px;
      }
      .zayavka-group.is-open .doc-grid { display: grid; }

      /* Компактная строка вместо просторной карточки: иконка · текст · кнопка-кружок.
         ~64px вместо ~180px на документ. */
      .zayavka-group .doc-card {
        display: grid;
        grid-template-columns: 40px 1fr auto;
        grid-template-areas: "icon title btn" "icon meta btn";
        align-items: center;
        column-gap: var(--s3);
        row-gap: 0;
        padding: var(--s3);
        border: 1px solid var(--border);
        border-top-width: 2px;
        border-radius: 12px;
        box-shadow: none;
      }
      .zayavka-group .doc-card__icon {
        grid-area: icon;
        width: 40px;
        height: 40px;
        margin-bottom: 0;
        align-self: center;
      }
      .zayavka-group .doc-card__title {
        grid-area: title;
        align-self: end;
        font-size: var(--t-sm);
        margin-bottom: 2px;
      }
      .zayavka-group .doc-card__meta {
        grid-area: meta;
        align-self: start;
        margin-bottom: 0;
      }
      .zayavka-group .doc-card__btn {
        grid-area: btn;
        width: 44px;
        height: 44px;
        margin-top: 0;
        padding: 0;
        border-radius: 50%;
        align-self: center;
        flex-shrink: 0;
        gap: 0; /* убираем зазор от скрытого текста — иначе стрелка съезжает влево */
        font-size: 0; /* прячем текст «Скачать», оставляем стрелку */
      }
      .zayavka-group .doc-card__btn svg { width: 20px; height: 20px; margin: 0; }
      /* Сноска ЕИСОТ (есть только у группы ОТ): продолжает блок,
         поэтому doc-grid у этой группы без нижнего скругления. */
      .zayavka-group .zayavka-note { display: none; }
      .zayavka-group.is-open .zayavka-note {
        display: block;
        margin-top: 0;
        padding: 0 var(--s4) var(--s4);
        background: var(--bg-alt);
        border: 1px solid var(--accent);
        border-top: none;
        border-radius: 0 0 14px 14px;
      }
      #g-ot.is-open .doc-grid { border-radius: 0; }

      .send-box { padding: var(--s6) var(--s4); }
      .send-box__mail-btn { width: 100%; justify-content: center; }
    }