/* voprosgadalke.com — правки вида поверх app.min.css (31.10.2026).
   Стиль сайта сохранён: тёмные секции, красный акцент, фирменный Baron Neue в заголовках, меню и кнопках.
   Основной текст — читаемый PT Sans (в Baron Neue нет строчных букв, весь текст выглядел капсом). */

:root { --vg-red: #e23b33; --vg-ink: #2a2a2e; --vg-muted: #6b6b72; }

html, body { overflow-x: hidden; }
body, p, li, td, th, dd, dt, blockquote, input, textarea, select,
.content-block, .horoscope__descr, .page-reviews__magician-descr, .page-reviews__magician-abilities,
.team__descr, .team__text, .reviews__text, .product__descr, .product__text {
	font-family: 'PT Sans', Arial, sans-serif;
}
body { font-size: 17px; line-height: 1.65; }
p, li { letter-spacing: normal; text-transform: none; }

/* фирменный шрифт — только акцентам */
h1, h2, h3, .section-title, .navbar, .navbar a, .btn, .product__name, .team__name, .breadcrumb {
	font-family: 'Baron Neue', 'PT Sans', Arial, sans-serif;
}
h1, .section-title { letter-spacing: .14em; line-height: 1.25; overflow-wrap: anywhere; }
h1.product__name { font-size: 34px; line-height: 1.25; letter-spacing: .06em; margin-bottom: 18px; }

/* тексты статей, сонника, анкет */
.content-block, .horoscope__descr, .page-reviews__magician-descr { font-size: 17px; line-height: 1.7; }
.content-block p, .horoscope__descr p, .page-reviews__magician-descr p { margin: 0 0 1em; }
/* в app.min.css и во вставках редактора текст 13–14px — поднимаем до читаемого */
.content-block p, .content-block li, .content-block td, .content-block p span, .content-block li span,
.horoscope__descr p, .horoscope__descr li, .page-reviews__magician-descr p, .page-reviews__magician-descr li,
.product__description, .product__description p, .product__description li, .last-blog__item-text {
	font-size: 17px !important; line-height: 1.7 !important;
}
.content-block p, .content-block li { color: #2b2d31; }
.last-blog__item-text, .product__description p, .product__description li { font-size: 16px !important; line-height: 1.6 !important; }

/* подзаголовок первого экрана главной: был 12px капсом с разрядкой */
.main-header__description { text-transform: none; letter-spacing: .01em; font-size: 18px; line-height: 1.6; color: #c9c6c7;
	max-width: 780px; margin-left: auto; margin-right: auto; }
.content-block h2, .content-block h3, .horoscope__descr h2, .horoscope__descr h3 {
	letter-spacing: .06em; line-height: 1.3; margin: 1.4em 0 .6em;
}
.content-block img, .horoscope__descr img, .page-reviews__magician-descr img, .product__image img {
	max-width: 100%; height: auto; border-radius: 10px;
}
.content-block ul, .content-block ol { padding-left: 1.3em; margin: 0 0 1em; }
.content-block li { margin-bottom: .35em; }
.content-block a { color: var(--vg-red); text-decoration: underline; text-underline-offset: 3px; }
.content-block table { width: 100%; border-collapse: collapse; margin: 0 0 1em; display: block; overflow-x: auto; }
.content-block td, .content-block th { border: 1px solid rgba(0,0,0,.12); padding: 8px 10px; }

/* кнопки — единый вид, без «прыжков» */
.btn { border-radius: 6px; letter-spacing: .08em; transition: background-color .2s, color .2s, border-color .2s; }

/* телефоны */
@media (max-width: 767px) {
	body { font-size: 16px; }
	h1, .section-title { font-size: 26px; letter-spacing: .07em; }
	h1.product__name { font-size: 26px; }
	.content-block, .horoscope__descr, .page-reviews__magician-descr { font-size: 16px; }
	.container { padding-left: 16px; padding-right: 16px; }
	.row { margin-left: -8px; margin-right: -8px; }
	[class*="col-"] { padding-left: 8px; padding-right: 8px; }
}

/* шапка: пустые значки почты и телефона (контакты не публикуем — только чат) */
.header__contacts .header__adress:first-child, .header__contacts .header__contact { display: none; }

/* кнопка «Задать вопрос в чате» на месте старых форм */
.vg-chat-cta { margin: 20px auto 0; display: flex; flex-direction: column; align-items: center; gap: 16px; text-align: center; max-width: 620px; }
.vg-chat-cta__note { margin: 0; font-size: 18px !important; line-height: 1.55; color: inherit; opacity: .9; }
.vg-chat-cta__btn { min-width: 260px; }
@media (max-width: 767px) { .vg-chat-cta__btn { min-width: 0; width: 100%; } }