/* === 1. Логотипы Тильды: убираем чёрные квадраты и подчистим фон === */
.t-logo__square,
.t-logo__icon,
.tmenu__logo .t-logo__square,
.tmenu__logo .t-logo__icon,
.tmenu__logomobile .t-logo__square,
.tmenu__logomobile .t-logo__icon {
  display: none !important;
  background: transparent !important;
  box-shadow: none !important;
}

/* На всякий случай гасим инлайновые чёрные фоны */
[style*="background:#000"],
[style*="background-color:#000"],
[style*="background-color: rgb(0, 0, 0)"] {
  background: transparent !important;
}

/* Чтоб текст/имя рядом не «отталкивалось» от скрытого логотипа */
.tmenu__logo,
.tmenu__logomobile {
  padding-left: 0 !important;
}

/* Если логотип в SVG – приводим к цвету «тихая вода» */
.tmenu__logo svg,
.tmenu__logomobile svg {
  fill: #0f5d78 !important; /* глубокий синий, как в анонсе */
}

/* === 2. Глобальные переменные: палитра + ширина сайта === */
:root{
  /* бренд: «тихая вода» */
  --brand: #0f5d78;        /* основной глубокий синий */
  --brand-2: #0c4b61;      /* hover/active */
  --brand-3: #e4f1f7;      /* мягкая подсветка/фон */
  --text-on-brand: #ffffff;
  --focus: #7fd0e6;

  /* базовая палитра интерфейса */
  --bg:#f5f7f9;
  --card:#ffffff;
  --text:#0b1b22;
  --muted:#5b6b73;
  --line:#e6ecf0;

  /* удобные алиасы для кастомных блоков */
  --accent: var(--brand);
  --accent-2: var(--brand-2);
  --accent-soft: var(--brand-3);

  /* ширина и отступы сайта */
  --site-max: 1200px;
  --site-pad: 20px;
}

/* === 3. Глобальные контейнеры Тильды === */
.t-records,
.t-container,
.t-container.t-container_flex{
  max-width: var(--site-max);
  margin-left: auto;
  margin-right: auto;
  padding-left: var(--site-pad);
  padding-right: var(--site-pad);
}

/* Полноширинные блоки (обложки, Zero, слайдеры) оставляем без ограничений */
.t-rec .t-cover,
.t-rec .t-cover__carrier,
.t-rec .t396,             /* Zero-block */
.t-rec .t-slds,           /* слайдеры */
.t-rec .t-bgimg,          /* фоновые картинки */
.t-rec.t-rec_fullscreen{
  max-width: none !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

/* === 4. Базовая типографика и фон всего сайта === */
html, body{
  margin:0;
  padding:0;
  font-family:system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  color:var(--text);
  background:var(--bg);
}

/* Единый контейнер для наших кастомных страниц */
.services,
.diag-page,
.mp-article__inner{
  max-width:980px;
  margin:40px auto 80px;
  padding:0 20px;
}

/* Заголовки и текст внутри кастомных страниц */
.services h1,
.diag-page h1,
.mp-article__header h1{
  font-size:32px;
  line-height:1.25;
  margin:0 0 20px;
}

.services h2,
.diag-page h2,
.mp-article__body h2{
  font-size:24px;
  margin:32px 0 12px;
}

.services p,
.diag-page p,
.mp-article__body p{
  font-size:16px;
  line-height:1.7;
}

/* === 5. Карточки (услуги, диагностика, аудио) – один стиль === */
.card,
.diag-card,
.em-audio-card{
  border-radius:16px;
  border:1px solid var(--line);
  background:var(--card);
  box-shadow:0 4px 12px rgba(11,27,34,.03);
}

/* аудио-карточки как на «Парковке мыслей» */
.em-audio-card{
  margin-top:14px;
  padding:16px 16px 14px;
}
.em-audio-label{
  margin:0 0 8px;
  font-size:14px;
  font-weight:600;
  color:var(--text);
}
.em-audio-card audio{
  width:100%;
  border-radius:10px;
  outline:none;
}
.em-audio-note{
  margin:8px 0 0;
  font-size:13px;
  color:var(--muted);
}

/* бейджи в диагностике – мягче */
.diag-badge{
  padding:6px 12px;
  border-radius:999px;
  border:1px solid var(--line);
  background:rgba(255,255,255,.8);
  font-size:14px;
  color:var(--muted);
}

/* === 6. Кнопки: один стиль на всём сайте === */

/* базовая «таблетка» в цвете тихой воды (как в анонсе декабря) */
.btn,
.em-btn,
.mp-article__btn,
.t-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:10px 20px;
  border-radius:999px;
  border:1px solid var(--accent);
  background:var(--accent);
  color:var(--text-on-brand) !important;
  font-size:15px;
  font-weight:500;
  text-decoration:none;
  cursor:pointer;
  transition:
    background .2s ease,
    border-color .2s ease,
    transform .08s ease,
    box-shadow .15s ease;
  box-shadow:0 10px 25px rgba(15,93,120,.32);
  gap:6px;
}

/* hover */
.btn:hover,
.em-btn:hover,
.mp-article__btn:hover,
.t-btn:hover{
  background:var(--accent-2);
  border-color:var(--accent-2);
  transform:translateY(-1px);
  box-shadow:0 14px 30px rgba(15,93,120,.38);
}

/* второстепенные/контурные */
.btn.outline,
.em-btn-secondary,
.mp-article__link-back{
  background:transparent;
  color:var(--accent) !important;
  border:1px solid var(--accent);
  box-shadow:none;
}

/* hover для контурных */
.btn.outline:hover,
.em-btn-secondary:hover,
.mp-article__link-back:hover{
  background:rgba(15,93,120,.06);
  box-shadow:none;
}

/* текстовая, но “в бренде” ссылка-кнопка в статьях */
.mp-article__link-back{
  font-size:14px;
  padding:8px 12px;
  border-radius:999px;
}

/* === 7. Адаптив === */
@media (max-width: 880px){
  .services,
  .diag-page,
  .mp-article__inner{
    margin:32px auto 60px;
    padding:0 16px;
  }

  .services h1,
  .diag-page h1,
  .mp-article__header h1{
    font-size:26px;
  }

  .services h2,
  .diag-page h2,
  .mp-article__body h2{
    font-size:20px;
  }
}