/* Hero внутренних страниц — ТОЛЬКО мобильная версия (<=700px):
   почти прозрачная плашка и чёрный текст.
   На десктопе остаются стили landing-pages.css без изменений. */

@media (max-width: 700px) {
  .arch-hero-card {
    background: rgba(255, 255, 255, .06) !important;
    border-color: rgba(255, 255, 255, .30) !important;
    box-shadow: 0 10px 28px rgba(15, 25, 8, .10) !important;
    backdrop-filter: blur(3px) saturate(1.02) brightness(1.10);
    -webkit-backdrop-filter: blur(3px) saturate(1.02) brightness(1.10);
  }

  .arch-hero h1,
  .arch-hero h1 a,
  .arch-hero .arch-hero-intro,
  .arch-hero .arch-topic-note,
  .arch-hero .arch-price,
  .arch-hero .breadcrumbs,
  .arch-hero .breadcrumbs a,
  .arch-hero .breadcrumbs span,
  .arch-hero .contact-choice-secondary,
  .arch-hero .contact-choice-secondary a {
    color: #000 !important;
  }

  .arch-hero .arch-hero-intro {
    font-weight: 500;
  }

  .arch-hero .arch-badge {
    background: rgba(232, 239, 215, .92) !important;
    color: #33500f !important;
  }

  /* Кнопки связи — по 50% ширины, а не во всю плашку */
  .arch-hero .contact-choices {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 8px !important;
  }

  .arch-hero .contact-choices > a {
    width: auto !important;
    min-width: 0 !important;
    min-height: 42px !important;
    padding: 8px 6px !important;
  }

  /* Нечётное число кнопок: нижняя не помещается в ряд — ставим по центру */
  .arch-hero .contact-choices > a:last-child:nth-child(odd) {
    grid-column: 1 / -1;
    justify-self: center;
    width: calc(50% - 4px) !important;
  }

  .arch-hero .contact-choices strong {
    font-size: 12px !important;
    white-space: normal;
  }

  .arch-hero .contact-choice-secondary a {
    text-decoration-color: rgba(0, 0, 0, .55);
  }
}