/* Вёрстка тела статьи блога (/blog/#CODE#/).
   Новые материалы обёрнуты во внутренний <article class="*-guide"> —
   голый селектор `article` из темы даёт им 12px и цвет 50%, плюс
   .lead-text не был в общем наборе intro-стилей. */

.article .article__content > article {
  color: inherit;
  font: inherit;
  margin: 0;
  display: block;
  max-width: none;
}

.article .article__content .lead-text,
.article .article__content .intro,
.article .article__content p.intro,
.article .article__content .intro-block {
  color: var(--color-gray-text, #686466);
  font-size: 16px;
  line-height: 1.65;
  margin: 0 0 16px;
  padding-bottom: 22px;
  border-bottom: 1px solid var(--color-med, #d8d8df);
}

.article .article__content .lead-text p,
.article .article__content .intro-block p {
  margin: 0;
}

.article .article__content .specs-table,
.article .article__content .coating-table,
.article .article__content table {
  width: 100%;
  border-collapse: collapse;
  margin: 0 0 20px;
  font-size: 14.5px;
  line-height: 1.45;
}

.article .article__content .specs-table th,
.article .article__content .specs-table td,
.article .article__content .coating-table th,
.article .article__content .coating-table td,
.article .article__content table th,
.article .article__content table td {
  border: 1px solid var(--color-med, #d8d8df);
  padding: 9px 12px;
  text-align: left;
  vertical-align: top;
}

.article .article__content .specs-table th,
.article .article__content .coating-table th,
.article .article__content table th {
  background: var(--color-tint, #f6f3ec);
  font-weight: 700;
}

.article .article__content .image-placeholder,
.article .article__content .photo-placeholder {
  margin: 20px 0;
}

.article .article__content .image-placeholder img,
.article .article__content .photo-placeholder img {
  max-width: 100%;
  height: auto;
  display: block;
  margin: 16px auto;
  border-radius: 8px;
}

@media (max-width: 744px) {
  .article .article__content .specs-table,
  .article .article__content .coating-table,
  .article .article__content table {
    display: block;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
}

/* Desktop «Покупателю» живёт в шапке как position:fixed + translateY(-9999px).
   Safari на мобиле всё равно рисует заголовок и шеврон поверх статьи при скролле.
   В сайдбаре этого блока нет — прячем целиком до 1199px. */
@media (max-width: 1199px) {
  .header__buyer {
    display: none !important;
  }
}

/* Blog card «Подробнее» — cascade after assets/custom.css (2026-10-22). */
.blog .article-card__link.link,
.blog .article-card__link.link:link,
.blog .article-card__link.link:visited,
.main-blog .article-card__link.link,
.main-blog .article-card__link.link:link,
.main-blog .article-card__link.link:visited,
.article-more .article-card__link.link,
.article-more .article-card__link.link:link,
.article-more .article-card__link.link:visited {
    color: var(--color-brown-accent, #af9253);
    text-decoration: none;
    text-transform: uppercase;
}
.blog .article-card__link.link:hover,
.main-blog .article-card__link.link:hover,
.article-more .article-card__link.link:hover {
    color: var(--color-brown-accent-hover, #8f7742);
}