Программма при меланоме (C43)

<style>
.chemo-programs-block{
  margin:0 0 24px 0;
  padding:24px;
  border:1px solid rgba(146,148,197,0.25);
  border-radius:20px;
  background:linear-gradient(180deg,#ffffff 0%,rgba(146,148,197,0.08) 100%);
  box-shadow:0 8px 24px rgba(146,148,197,0.08);
  box-sizing:border-box;
  color:#324b60;
  font-size:16px;
  line-height:1.72;
}
.chemo-programs-block *{
  box-sizing:border-box;
}
.chemo-programs-block .cp-section{
  margin:0 0 26px 0;
}
.chemo-programs-block .cp-section:last-child{
  margin-bottom:0;
}
.chemo-programs-block .cp-title{
  margin:0 0 14px 0;
  padding-left:14px;
  border-left:4px solid #9294C5;
  font-size:22px;
  line-height:1.3;
  font-weight:700;
  color:#3f426f;
}
.chemo-programs-block .cp-warning{
  margin:0 0 18px 0;
  padding:16px 18px;
  border-radius:16px;
  background:rgba(146,148,197,0.12);
  color:#3f426f;
}
.chemo-programs-block .cp-warning-title{
  margin:0 0 10px 0;
  font-size:18px;
  line-height:1.4;
  font-weight:700;
}
.chemo-programs-block .cp-warning-text{
  margin:0 0 12px 0;
}
.chemo-programs-block .cp-list{
  margin:0;
  padding:0;
  list-style:none;
}
.chemo-programs-block .cp-list li{
  position:relative;
  margin:0 0 10px 0;
  padding:0 0 0 22px;
}
.chemo-programs-block .cp-list li:last-child{
  margin-bottom:0;
}
.chemo-programs-block .cp-list li:before{
  content:"";
  position:absolute;
  left:0;
  top:11px;
  width:8px;
  height:8px;
  border-radius:50%;
  background:#9294C5;
}
.chemo-programs-block .cp-soft-note{
  margin:14px 0 0 0;
  padding:14px 16px;
  border:1px solid rgba(146,148,197,0.22);
  border-radius:14px;
  background:#ffffff;
  color:#3f426f;
  font-weight:600;
}
.chemo-programs-block .cp-grid{
  display:grid;
  grid-template-columns:1fr;
  gap:14px;
}
.chemo-programs-block .cp-card{
  padding:18px;
  border:1px solid rgba(146,148,197,0.22);
  border-radius:16px;
  background:#ffffff;
  box-shadow:0 6px 18px rgba(146,148,197,0.06);
}
.chemo-programs-block .cp-card-title{
  margin:0 0 8px 0;
  font-size:18px;
  line-height:1.4;
  font-weight:700;
  color:#3f426f;
}
.chemo-programs-block .cp-card-subtitle{
  margin:0 0 10px 0;
  color:#4d4f82;
  font-weight:600;
}
.chemo-programs-block .cp-card-text{
  margin:0 0 10px 0;
}
.chemo-programs-block .cp-card-text:last-child{
  margin-bottom:0;
}
.chemo-programs-block .cp-days{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin-top:12px;
}
.chemo-programs-block .cp-day{
  min-width:128px;
  padding:12px 14px;
  border-radius:14px;
  background:rgba(146,148,197,0.10);
}
.chemo-programs-block .cp-day-label{
  display:block;
  margin:0 0 4px 0;
  color:#4d4f82;
  font-size:14px;
  line-height:1.4;
  font-weight:600;
}
.chemo-programs-block .cp-day-price{
  display:block;
  color:#3f426f;
  font-size:18px;
  line-height:1.3;
  font-weight:700;
}
.chemo-programs-block .cp-mini-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px;
}
.chemo-programs-block .cp-mini-card{
  padding:16px;
  border:1px solid rgba(146,148,197,0.22);
  border-radius:16px;
  background:#ffffff;
  box-shadow:0 6px 18px rgba(146,148,197,0.06);
}
.chemo-programs-block .cp-mini-title{
  margin:0 0 8px 0;
  color:#3f426f;
  font-size:17px;
  line-height:1.45;
  font-weight:700;
}
.chemo-programs-block .cp-mini-text{
  margin:0 0 8px 0;
}
.chemo-programs-block .cp-mini-start{
  margin:0 0 10px 0;
  color:#4d4f82;
  font-weight:600;
}
.chemo-programs-block .cp-price{
  display:inline-block;
  padding:6px 10px;
  border-radius:10px;
  background:#9294C5;
  color:#ffffff;
  font-size:15px;
  line-height:1.3;
  font-weight:700;
}
.chemo-programs-block .cp-procedures{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px;
}
.chemo-programs-block .cp-procedure{
  padding:14px 16px;
  border:1px solid rgba(146,148,197,0.22);
  border-radius:14px;
  background:#ffffff;
  box-shadow:0 6px 18px rgba(146,148,197,0.06);
}
.chemo-programs-block .cp-procedure-price{
  display:block;
  margin:0 0 4px 0;
  color:#3f426f;
  font-size:18px;
  line-height:1.3;
  font-weight:700;
}
.chemo-programs-block .cp-procedure-text{
  color:#324b60;
}
.chemo-programs-block .cp-discount{
  margin:16px 0 0 0;
  padding:14px 16px;
  border-radius:14px;
  background:rgba(146,148,197,0.10);
  color:#3f426f;
  font-weight:600;
}
.chemo-programs-block .cp-alert{
  margin:0;
  padding:16px 18px;
  border:1px solid rgba(146,148,197,0.22);
  border-radius:16px;
  background:#ffffff;
  box-shadow:0 6px 18px rgba(146,148,197,0.06);
}
.chemo-programs-block .cp-alert-title{
  margin:0 0 10px 0;
  font-size:18px;
  line-height:1.4;
  font-weight:700;
  color:#3f426f;
}
.chemo-programs-block .cp-alert-list{
  margin:0;
  padding:0;
  list-style:none;
}
.chemo-programs-block .cp-alert-list li{
  position:relative;
  margin:0 0 10px 0;
  padding:0 0 0 22px;
}
.chemo-programs-block .cp-alert-list li:last-child{
  margin-bottom:0;
}
.chemo-programs-block .cp-alert-list li:before{
  content:"";
  position:absolute;
  left:0;
  top:11px;
  width:8px;
  height:8px;
  border-radius:50%;
  background:#9294C5;
}
@media (max-width:767px){
  .chemo-programs-block{
    padding:18px 16px;
    border-radius:16px;
    font-size:15px;
    line-height:1.68;
  }
  .chemo-programs-block .cp-title{
    font-size:19px;
  }
  .chemo-programs-block .cp-warning-title,
  .chemo-programs-block .cp-alert-title{
    font-size:17px;
  }
  .chemo-programs-block .cp-mini-grid,
  .chemo-programs-block .cp-procedures{
    grid-template-columns:1fr;
  }
  .chemo-programs-block .cp-day{
    width:100%;
    min-width:0;
  }
}
</style>

<div class="chemo-programs-block">
  <div class="cp-section">
    <div class="cp-warning">
      <div class="cp-warning-title">❗ Важно:</div>
      <p class="cp-warning-text">Рекомендуемые дни — это ориентир для максимального эффекта. Но если вы не успеваете к ним — не откладывайте!</p>
      <ul class="cp-list">
        <li>Приходите в любой день до следующего цикла химиотерапии.</li>
        <li>Врач подберет для вас оптимальный остаток курса.</li>
        <li>Даже 1–2 процедуры в «позднем окне» лучше, чем ноль.</li>
      </ul>
      <div class="cp-soft-note">Мы не ругаем за опоздания. Мы рады, что вы пришли.</div>
    </div>
  </div>

  <div class="cp-section">
    <div class="cp-title">Основные программы</div>
    <div class="cp-grid">
      <div class="cp-card">
        <div class="cp-card-title">Дакарбазин (DTIC)</div>
        <div class="cp-card-subtitle">💧 «Детокс + поддержка»</div>
        <p class="cp-card-text">Снижаем тошноту, поддерживаем печень.</p>
        <p class="cp-card-text"><strong>Рекомендуемые дни:</strong> Дни 1–3: гидратация. Дни 4–7: детокс.</p>

        <div class="cp-days">
          <div class="cp-day">
            <span class="cp-day-label">3 дня</span>
            <span class="cp-day-price">24 000 ₽</span>
          </div>
          <div class="cp-day">
            <span class="cp-day-label">5 дней</span>
            <span class="cp-day-price">37 500 ₽</span>
          </div>
          <div class="cp-day">
            <span class="cp-day-label">7 дней</span>
            <span class="cp-day-price">52 000 ₽</span>
          </div>
        </div>
      </div>

      <div class="cp-card">
        <div class="cp-card-title">Темозоломид</div>
        <div class="cp-card-subtitle">💧 «Поддержка ЖКТ»</div>
        <p class="cp-card-text">Боремся с тошнотой, усталостью.</p>
        <p class="cp-card-text"><strong>Рекомендуемые дни:</strong> Дни 1–3: поддержка.</p>

        <div class="cp-days">
          <div class="cp-day">
            <span class="cp-day-label">3 дня</span>
            <span class="cp-day-price">19 200 ₽</span>
          </div>
          <div class="cp-day">
            <span class="cp-day-label">5 дней</span>
            <span class="cp-day-price">30 000 ₽</span>
          </div>
          <div class="cp-day">
            <span class="cp-day-label">7 дней</span>
            <span class="cp-day-price">—</span>
          </div>
        </div>
      </div>

      <div class="cp-card">
        <div class="cp-card-title">Паклитаксел / Карбоплатин</div>
        <div class="cp-card-subtitle">⚡💧 «Нервы + почки»</div>
        <p class="cp-card-text">Защита нервов и почек.</p>
        <p class="cp-card-text"><strong>Рекомендуемые дни:</strong> Дни 1–3: гидратация. Дни 4–7: нейро.</p>

        <div class="cp-days">
          <div class="cp-day">
            <span class="cp-day-label">3 дня</span>
            <span class="cp-day-price">28 800 ₽</span>
          </div>
          <div class="cp-day">
            <span class="cp-day-label">5 дней</span>
            <span class="cp-day-price">45 000 ₽</span>
          </div>
          <div class="cp-day">
            <span class="cp-day-label">7 дней</span>
            <span class="cp-day-price">65 000 ₽</span>
          </div>
        </div>
      </div>
    </div>
  </div>

  <div class="cp-section">
    <div class="cp-title">Дополнительные программы</div>
    <div class="cp-mini-grid">
      <div class="cp-mini-card">
        <div class="cp-mini-title">Нейтропения (любой режим)</div>
        <p class="cp-mini-text">🩸 «Поддержка крови»<br>Восстанавливаем лейкоциты</p>
        <p class="cp-mini-start">Когда начинать: при падении анализов</p>
        <span class="cp-price">19 200 ₽ / 3 дня</span>
      </div>

      <div class="cp-mini-card">
        <div class="cp-mini-title">Тошнота / рвота / обезвоживание</div>
        <p class="cp-mini-text">💧 «Регидратация»<br>Восстанавливаем жидкость</p>
        <p class="cp-mini-start">Когда начинать: при тошноте / рвоте</p>
        <span class="cp-price">14 400 ₽ / 3 дня</span>
      </div>

      <div class="cp-mini-card">
        <div class="cp-mini-title">Гепатопротекция (Дакарбазин)</div>
        <p class="cp-mini-text">🫁 «Защита печени»<br>Поддержка печени</p>
        <p class="cp-mini-start">Когда начинать: со 2–3 дня</p>
        <span class="cp-price">19 200 ₽ / 3 дня</span>
      </div>

      <div class="cp-mini-card">
        <div class="cp-mini-title">Астения / слабость</div>
        <p class="cp-mini-text">💧 «Восстановление сил»<br>Поддержка при упадке сил</p>
        <p class="cp-mini-start">Когда начинать: при слабости</p>
        <span class="cp-price">14 400 ₽ / 3 дня</span>
      </div>

      <div class="cp-mini-card">
        <div class="cp-mini-title">Восстановление после инфекций</div>
        <p class="cp-mini-text">💧 «После ОРВИ / гриппа»<br>Быстро возвращаем силы</p>
        <p class="cp-mini-start">Когда начинать: после температуры</p>
        <span class="cp-price">14 400 ₽ / 3 дня</span>
      </div>
    </div>
  </div>

  <div class="cp-section">
    <div class="cp-title">Разовые процедуры</div>
    <div class="cp-procedures">
      <div class="cp-procedure">
        <span class="cp-procedure-price">💧 6 000 ₽</span>
        <span class="cp-procedure-text">Базовая поддержка (гидратация, после инфекций)</span>
      </div>
      <div class="cp-procedure">
        <span class="cp-procedure-price">❤️ 8 000 ₽</span>
        <span class="cp-procedure-text">Кардиопротекция</span>
      </div>
      <div class="cp-procedure">
        <span class="cp-procedure-price">🫁 8 000 ₽</span>
        <span class="cp-procedure-text">Гепатопротекция</span>
      </div>
      <div class="cp-procedure">
        <span class="cp-procedure-price">⚡ 10 000 ₽</span>
        <span class="cp-procedure-text">Нейропротекция</span>
      </div>
      <div class="cp-procedure">
        <span class="cp-procedure-price">⚡💧 12 000 ₽</span>
        <span class="cp-procedure-text">Комбинированные программы</span>
      </div>
    </div>

    <div class="cp-discount">При оплате пакета в течение 7 дней стоимость разовой процедуры вычитается.</div>
  </div>

  <div class="cp-section">
    <div class="cp-alert">
      <div class="cp-alert-title">Внимание!</div>
      <ul class="cp-alert-list">
        <li>Все программы — типовые. Окончательный план определяет врач на консультации после анализов.</li>
        <li>Стоимость — ориентировочная. Финальная цена может быть скорректирована.</li>
        <li>Процедуры — только при норме крови (без нейтропении). Безопасность — приоритет.</li>
        <li>Не заменяют основное лечение. Назначаются с онкологом.</li>
      </ul>
    </div>
  </div>
</div>