.page-pilgrim-program {
  background:
    linear-gradient(
      to bottom,
      rgba(161, 116, 24, 0.85) 0%,
      rgba(161, 116, 24, 0) 10%
    ),
    var(--page-bg-texture-1);
  background-size: auto;
  background-repeat: repeat;
  background-position: center;
}
/* === Общий контейнер содержимого ===================================== */


/* Белая подложка. Управляет поведением контейнера.*/
.content {
  max-width: var(--max-width);
  margin: 50px auto;  
  background: #fffef9;
  padding: 50px;
  border-radius: 20px;
  box-shadow: 0 10px 40px rgba(0,0,0,0.15);
}

/* ограничивает ширину текста ради удобного чтения.*/
.content{min-width:0}
.content-inner{max-width:72ch}


/* Бежевая подложка, внутри белой */
.tab-content {
background:#fcf6ea;
padding:14px 18px;
border-left:3px solid var(--gold, #c7a764);
border-right:3px solid var(--gold, #c7a764);
border-radius:12px;
box-shadow:0 3px 16px rgba(224,193,135,0.08);
}


.content h2 {
  color: var(--cherry);
  font-size: 2.3em;
  margin-bottom: 25px;
  border-bottom: 2px solid var(--color-line-h2);
  padding-bottom: 10px;
}


/* ==== типографика ===================================== */
.section-heading {
  font-size: 1.3em;
  font-weight: bold;
  color: var(--chocolate-brown); /* тёмно-коричнево-бордовый оттенок */
  margin: 20px 25px 5px;
  line-height: 1;
}

.day-heading {
  font-size: 1.2em;
  font-weight: bold;
  color: var(--cherry); /* тёмно-бордовым */
  margin: 20px 25px 5px;
  line-height: 1;
}

/* Стили для ответа */
.day-detail {
  line-height: 1.25; /* контролирует расстояние между строками внутри элемента */
  margin: 5px 0px 0px 0px;         /* убираем браузерные дефолты */
  margin-top: 1em; /* или любое значение */
  padding: 0;
  font-size: 1rem;
  color: var(--color-black-olive);
}

.day-num {
  margin-right: 6px;
}

/* глобально или в scope */
 p { 
  margin: 0; 
  line-height: 1.25;
font-size: 1rem;
}

 li p { 
  margin: 0; 
  line-height: 1.25;
font-size: 1rem;
}

 .with-gap {
  margin-top: 1em;
}

/* Применяется к <ul class="bonus-tiers"> в шаблоне цены.(чтобы список выглядел аккуратно) */
.bonus-tiers{
 color: var(--text-color);
}



.program-list {
  margin: 10px 0 1em 0;
padding-left: calc(16px + 1.5em);
  list-style-position: outside; /* номера слева, вне блока текста */
  line-height: 1.35;
  font-size: 1rem;
}

.day-title {
  margin: 0 0 .25em 0;
  font-size: 1rem;
  font-weight: 700; /* вместо <b>/<strong> — семантика в теге h4 */
  color: var(--color-black-olive);
}

.day-desc {
  margin: 0 0 .75em 0;
  font-size: 1rem;
  color: #333;
}

.program-list-detail {
  margin: 10px 0 1em 0;
padding-left: calc(16px + 1.5em);
  list-style-position: outside; /* номера слева, вне блока текста */
  line-height: 1.35;
  font-size: 1.3rem;
}
.day-title-detail {
   margin: 10px 0px 0px 3px; 
  font-size: 1.3rem;
  font-weight: 700; /* вместо <b>/<strong> — семантика в теге h4 */
}

.relic {
   margin: 10px 0px 0px 3px; 
  font-size: 1rem;  
  color: var(--cherry); /* тёмно-бордовым */
}


/* ========================== Мобильная адаптация — всегда внизу ========================== */

@media (max-width: 768px) {
  .content {
    background: none;   /* убираем белую подложку */
    padding: 0 16px;    /* только поля слева/справа для воздуха */
    border-radius: 0;   /* убираем скругления */
    box-shadow: none;   /* убираем тень */
    border: none;       /* если где-то появится рамка — тоже убрать */
  }
}

@media (max-width: 768px) {
  .tab-content p {
    text-align: justify;   /* ровняем текст по обеим сторонам */
    hyphens: auto;         /* разрешаем переносы слов, чтобы не было рваных пробелов */
  }
}


@media (max-width: 768px) {
  .content h2 {
    font-size: 1.6em;   /* компактнее, не выпирает */
    margin-bottom: 18px;
    padding-bottom: 6px;
  }
}


@media (max-width: 768px) {
  .section-heading {
    font-size: 1.1em;   /* поменьше размер */
    margin: 12px 0 6px;  /* убираем боковые отступы */
    line-height: 1.3;    /* чуть свободнее для читаемости */
  }
}

@media (max-width: 768px) {
  .day-heading {
    font-size: 1.1em;
    margin: 12px 0 3px;
    line-height: 1.2;
    text-align: center;
  }
}


@media (max-width: 768px) {
  .program-list {
    padding-left: 1.2em;  /* оставляем минимум для цифр */
    margin-left: 0;       /* убираем «воровство» места */
  }
}

@media (max-width: 768px) {
  .day-desc {
    margin-bottom: 0.4em;  /* компактнее */
  }
}


@media (max-width: 768px) {
  .inclusions {
    margin-left: 0;
    padding-left: 0;
    list-style-position: inside; /* чтобы маркеры не потерялись */
  }
}