.price del {
  display: block;
  width: max-content;
  margin: 2px 0 7px;
  color: #9a8881;
  font-size: .92rem;
  font-weight: 700;
  text-decoration-color: #b83525;
  text-decoration-thickness: 2px;
}

.package-consultation { margin-top: 32px; text-align: center; }
.package-consultation p { margin: 0 0 12px; font-weight: 700; }

.package-consultation {
  margin-top: 32px;
  text-align: center;
}
.package-consultation p {
  margin: 0 0 12px;
  font-weight: 700;
}

.chat-showcase { background: #f5ead9; }
.simulation-label {
  width: max-content;
  max-width: 100%;
  margin: -24px auto 28px;
  padding: 8px 14px;
  border: 1px solid #e1bd50;
  background: #fff4cb;
  color: #654b0f;
  font-size: .7rem;
  font-weight: 800;
  letter-spacing: .08em;
  text-align: center;
}
.chat-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; }
.phone-chat {
  overflow: hidden;
  border: 7px solid #252525;
  border-radius: 25px;
  background: #efeae2;
  box-shadow: 0 18px 45px rgba(61,27,17,.16);
}
.phone-status { display: flex; justify-content: space-between; padding: 4px 13px 3px; background: #075e54; color: #fff; font-size: .58rem; font-weight: 800; }
.chat-top { min-height: 67px; display: flex; align-items: center; gap: 10px; padding: 10px 14px; background: #075e54; color: #fff; }
.chat-top .back { margin-left: -5px; font-size: 1.8rem; font-weight: 300; line-height: 1; }
.chat-top .avatar { display: grid; place-items: center; width: 40px; height: 40px; border-radius: 50%; background: var(--gold); color: #4b170f; font-size: .75rem; font-weight: 900; }
.chat-top div { display: grid; min-width: 0; line-height: 1.15; }
.chat-top b { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: .85rem; }
.chat-top small { color: #d4eee9; font-size: .67rem; }
.chat-top i,.chat-actions { margin-left: auto; font-style: normal; font-size: 1.1rem; }
.chat-bg { min-height: 500px; padding: 12px 13px; background-color: #e8e2d8; background-image: radial-gradient(#9e958b26 1px,transparent 1px); background-size: 12px 12px; }
.encryption { display: block; max-width: 84%; margin: 0 auto 9px; padding: 5px 8px; border-radius: 5px; background: #fff4c7; color: #806f44; text-align: center; font-size: .52rem; line-height: 1.3; }
.chat-date { display: block; width: max-content; margin: 0 auto 18px; padding: 4px 8px; border-radius: 5px; background: #e8f3f7; color: #5f6769; font-size: .58rem; font-weight: 800; }
.bubble { position: relative; width: 91%; margin: 7px 0; padding: 8px 10px; border-radius: 7px; color: #36312f; font-size: .72rem; line-height: 1.42; box-shadow: 0 1px 2px #0002; }
.bubble.in { background: #fff; border-top-left-radius: 0; }
.bubble.out { margin-left: auto; background: #d9fdd3; border-top-right-radius: 0; }
.bubble time { float: right; margin: 7px 0 0 8px; color: #75807a; font-size: .54rem; white-space: nowrap; }
.chat-input { display: flex; align-items: center; gap: 8px; min-height: 50px; padding: 7px 9px; background: #f0f2f5; color: #69757b; }
.chat-input p { flex: 1; margin: 0; padding: 7px 12px; border-radius: 22px; background: #fff; color: #8b9296; font-size: .7rem; }
.bubble time i { color: #25a5df; font-style: normal; font-weight: 900; letter-spacing: -.18em; }
.chat-input span { font-size: 1.1rem; }
.chat-disclaimer { max-width: 780px; margin: 28px auto 0; text-align: center; font-size: .76rem; }

@media (max-width: 950px) { .chat-grid { grid-template-columns: repeat(2,1fr); } }
@media (max-width: 650px) {
  .chat-grid { grid-template-columns: 1fr; }
  .phone-chat { width: 100%; max-width: 390px; margin: auto; }
  .chat-bg { min-height: 0; }
}