/* Start:/local/templates/new-design/styles.css?17921428694385*/
/*
 * Оформление для детальных описаний из админки (новости, услуги, акции,
 * абонементы). Классы ставятся в HTML прямо в визуальном редакторе.
 *
 * Битрикс подключает этот файл сам — и на сайте, и в визуальном редакторе
 * админки. В редакторе стилей сайта нет, поэтому у каждой переменной
 * указан запасной цвет: так блоки выглядят одинаково и там, и тут.
 *
 * Разметка:
 *
 *   <div class="tariff-details">
 *     <h3>Заголовок</h3>
 *     <p>Вводный абзац — по желанию</p>
 *     <div class="tariff-group">      — цены, голубой блок
 *       <h4>Будни</h4>
 *       <ul><li>2 часа — <strong>820 ₽</strong></li></ul>
 *     </div>
 *     <div class="tariff-conditions"> — условия, тёплый блок
 *       <h4>Условия</h4>
 *       <ul><li>…</li></ul>
 *     </div>
 *     <div class="tariff-notes"><p>* Примечание</p></div>
 *   </div>
 *
 * Телефон лучше делать ссылкой: <a href="tel:+78462552513">8 (846) 255-25-13</a> —
 * на телефоне по нему сразу звонят.
 */

.tariff-details {
    color: var(--charcoal, #4F545C);
    line-height: 1.6;
    margin: 1.5rem 0;
}

.tariff-details h3 {
    margin: 0 0 0.75rem;
    font-size: 1.25rem;
    font-weight: 700;
    line-height: 1.3;
    color: var(--foreground, #231F20);
}

/* Абзацы: Tailwind обнуляет им отступы, без этого текст прилипал к блокам. */
.tariff-details p {
    margin: 0 0 1rem;
}

.tariff-group p,
.tariff-conditions p {
    margin-bottom: 0.75rem;
}

.tariff-details p:last-child {
    margin-bottom: 0;
}

.tariff-details a {
    color: var(--accent-deep, #0077A8);
    text-decoration: underline;
    text-underline-offset: 2px;
}

.tariff-details a:hover {
    color: var(--accent-deeper, #00688F);
}

/* Группы: скругление и полоса слева как у плашек сайта, цвета фирменные. */
.tariff-group,
.tariff-conditions {
    margin: 0 0 1rem;
    padding: 1rem 1.25rem;
    border-radius: 0.75rem;
    border-left: 4px solid var(--accent-deep, #0077A8);
    background: rgba(0, 174, 239, 0.07);
}

/* Условия отличаются от цен цветом: тёплый, как у плашки санитарного дня. */
.tariff-conditions {
    border-left-color: var(--ochre, #C27514);
    background: rgba(255, 194, 13, 0.14);
}

.tariff-group h4,
.tariff-conditions h4 {
    margin: 0 0 0.75rem;
    font-size: 1rem;
    font-weight: 700;
    line-height: 1.3;
    color: var(--foreground, #231F20);
}

.tariff-details ul {
    margin: 0;
    padding-left: 1.25rem;
    list-style: disc;
}

.tariff-details li {
    margin: 0 0 0.5rem;
}

.tariff-details li:last-child {
    margin-bottom: 0;
}

.tariff-group li::marker {
    color: var(--accent-deep, #0077A8);
}

.tariff-conditions li::marker {
    color: var(--ochre-deep, #A85F0F);
}

/* Числа и ключевые слова. */
.tariff-details strong {
    font-weight: 700;
    color: var(--foreground, #231F20);
}

/* Примечания и сноски со звёздочками. */
.tariff-notes {
    margin-top: 1rem;
    padding-top: 0.75rem;
    border-top: 1px dashed rgba(0, 0, 0, 0.15);
    font-size: 0.875rem;
    line-height: 1.5;
    color: var(--muted-foreground, #4F545C);
}

.tariff-notes p {
    margin: 0;
}

.tariff-notes p + p {
    margin-top: 0.25rem;
}

/* Абзац примечаний — не последний в блоке, но отступ ему не нужен. */
.tariff-details .tariff-notes p {
    margin-bottom: 0;
}

/*
 * Внутри .ct-prose (обёртка детальных текстов сайта) каждый следующий блок
 * получает отступ сверху 1rem — у групп он уже есть снизу, двойной не нужен.
 */
.ct-prose .tariff-details > * + *,
.ct-prose .tariff-group > * + *,
.ct-prose .tariff-conditions > * + *,
.ct-prose .tariff-details li + li {
    margin-top: 0;
}

/* End */
/* /local/templates/new-design/styles.css?17921428694385 */