/* Chỉnh lỗi UI landing DeChePro theo ảnh góp ý ngày 2026-06-24. */

.page > .section { overflow-x: clip; }
.marquee span { white-space: nowrap; }

.dcp-video-section {
  padding-top: clamp(34px, 4.2vw, 58px);
}

.dcp-video-section > .wrap-wide > .reveal {
  justify-content: center !important;
  text-align: center !important;
}

.dcp-video-section > .wrap-wide > .reveal > div {
  width: 100%;
  max-width: min(900px, 100%) !important;
}

.dcp-video-section .eyebrow-row {
  justify-content: center;
}

.dcp-video-section .h2 {
  max-width: 24ch;
  margin-inline: auto !important;
  line-height: 1.02;
  text-wrap: balance;
}

.dcp-video-section .lead {
  max-width: 58ch;
  margin-inline: auto;
  text-align: center;
}

.dcp-video-section .dcp-video {
  max-width: min(860px, 88vw);
  margin-top: 34px !important;
}

.dcp-video-section .dcp-video__poster,
.dcp-video-section .dcp-video__frame {
  border-radius: 12px;
}

.dcp-split:not(.rev) > div:not(.dcp-split__media) .h2,
.dcp-split.rev > div:not(.dcp-split__media) .h2 {
  max-width: 17ch;
  line-height: 1.06;
  text-wrap: balance;
}

.dcp-split:not(.rev) > div:not(.dcp-split__media) .lead,
.dcp-split.rev > div:not(.dcp-split__media) .lead {
  max-width: 58ch;
}

.dcp-points {
  max-width: 700px;
}

.dcp-point {
  padding-block: 12px;
}

.dcp-prob {
  gap: clamp(24px, 4vw, 54px);
}

.dcp-prob .h2 {
  max-width: 14.5ch;
  line-height: 1.06;
  text-wrap: balance;
}

.dcp-prob p.reveal {
  max-width: 33ch;
  margin-top: 22px !important;
  padding: 20px 24px;
  border: 1px solid var(--line);
  border-radius: 12px;
  background: rgba(251, 252, 253, .72);
  box-shadow: 0 18px 42px rgba(13, 31, 51, .07);
  font-size: clamp(19px, 2vw, 24px) !important;
  text-wrap: balance;
}

.dcp-out {
  max-width: 1120px;
  margin-inline: auto;
}

.section:has(.dcp-out) .h2 {
  max-width: 20ch;
  line-height: 1.06;
  text-wrap: balance;
}

.section:has(.dcp-out) + .section {
  padding-top: clamp(48px, 5vw, 76px);
}

.section:has(.dcp-out) + .section .eyebrow-row {
  margin-bottom: 16px !important;
}

.section:has(.dcp-out) + .section .h2 {
  max-width: 18ch !important;
  line-height: 1.05;
  text-wrap: balance;
}

.section:has(.dcp-out) + .section .num-big {
  line-height: 1;
}

.dcp-cta-box {
  max-width: 960px;
  margin-inline: auto;
  padding: clamp(34px, 5vw, 58px) clamp(22px, 5vw, 58px);
  border-radius: 14px;
}

.dcp-cta-box h2,
.dcp-cta-box .h2 {
  max-width: 18ch;
  margin-inline: auto !important;
  line-height: 1.05;
  text-wrap: balance;
  font-size: clamp(32px, 4vw, 50px) !important;
}

.dcp-cta-box .lead {
  max-width: 56ch;
  margin-inline: auto;
}

@media (max-width: 900px) {
  .dcp-prob .reveal[style*="sticky"] {
    position: static !important;
  }

  .dcp-prob .h2,
  .dcp-split:not(.rev) > div:not(.dcp-split__media) .h2,
  .dcp-split.rev > div:not(.dcp-split__media) .h2 {
    max-width: 24ch;
  }
}

@media (max-width: 620px) {
  .dcp-video-section .h2,
  .section:has(.dcp-out) .h2,
  .section:has(.dcp-out) + .section .h2,
  .dcp-cta-box h2,
  .dcp-cta-box .h2 {
    max-width: 16ch !important;
  }

  .dcp-prob p.reveal {
    max-width: none;
    padding: 16px 18px;
  }
}