/* ============================================================
   ДОПОЛНИТЕЛЬНЫЕ СТИЛИ ДЛЯ СТАТЕЙ (кухня-на-заказ-цена и т.п.)
   Переиспользует переменные/шрифты из style.css, не херо-разметку.
   ============================================================ */

.nav-static {
  background: rgba(250, 250, 248, .96);
  backdrop-filter: blur(18px); -webkit-backdrop-filter: blur(18px);
  border-bottom: 1px solid var(--border);
}
.nav-static .nav-logo { color: var(--dark); }
.nav-static .nav-links a { color: var(--grey); }
.nav-static .nav-links a:hover { color: var(--gold) !important; }
.nav-static .nav-phone { color: var(--dark); }

.article { background: var(--bg); padding-top: 152px; padding-bottom: 100px; }

.article-container { max-width: 760px; }

.article-breadcrumbs {
  font-family: 'Jost', sans-serif; font-size: .8rem;
  color: var(--lt); margin-bottom: 24px;
}
.article-breadcrumbs a { color: var(--lt); text-decoration: underline; }
.article-breadcrumbs a:hover { color: var(--gold); }

.article-h1 {
  font-family: 'Cormorant Garamond', serif;
  font-size: clamp(1.8rem, 4vw, 2.6rem);
  font-weight: 600; line-height: 1.25;
  color: var(--dark); margin-bottom: 20px;
}

.article-lede {
  font-family: 'Jost', sans-serif; font-size: 1.05rem;
  color: var(--grey); line-height: 1.7; margin-bottom: 40px;
}

.article h2 {
  font-family: 'Cormorant Garamond', serif;
  font-size: clamp(1.3rem, 3vw, 1.7rem);
  font-weight: 600; color: var(--dark);
  margin: 40px 0 14px;
}

.article p {
  font-family: 'Jost', sans-serif; font-size: .98rem;
  color: var(--grey); line-height: 1.75; margin-bottom: 14px;
}
.article p strong { color: var(--dark); font-weight: 500; }

.article-list {
  font-family: 'Jost', sans-serif; font-size: .98rem;
  color: var(--grey); line-height: 1.8;
  margin: 0 0 20px; padding-left: 20px;
}
.article-list li { margin-bottom: 6px; }

.article-cta {
  margin: 48px 0 32px; padding: 32px;
  background: var(--bg2); border-radius: 4px;
  text-align: center;
}
.article-cta p {
  font-family: 'Cormorant Garamond', serif; font-size: 1.2rem;
  color: var(--dark); margin-bottom: 18px;
}
.article-cta .btn { margin: 0 6px 8px; }
.article-cta .btn-tg { background: #2d9cdb; color: #fff; border-color: #2d9cdb; }

.article-related {
  font-family: 'Jost', sans-serif; font-size: .9rem;
  color: var(--lt); border-top: 1px solid var(--border); padding-top: 24px;
}
.article-related a { color: var(--gold); text-decoration: underline; }

@media (max-width: 640px) {
  .article { padding-top: 90px; }
}


/* 06.09.2026: связь только через мессенджеры — зелёная кнопка WhatsApp
   рядом с синей телеграмной. */
.article-cta .btn-wa,
.k-chat .btn-wa { background: #25D366; color: #fff; border-color: #25D366; }
.article-cta .btn-wa:hover,
.k-chat .btn-wa:hover { background: #1da851; border-color: #1da851; }
.k-chat .btn-tg { background: #2d9cdb; color: #fff; border-color: #2d9cdb; }
.k-chat .btn-tg:hover { background: #1b87ba; border-color: #1b87ba; }
.k-chat { display: flex; flex-wrap: wrap; gap: 10px; margin: 4px 0 10px; }
.k-chat .btn { font-size: .8rem; padding: 11px 18px; }