/* Vá UI theo ticket Tester 2026-06-27: căn giữa, spacing và CTA landing. */

.dcp-hero .dcp-split,
.section .dcp-split.rev {
  align-items: center;
}

.section .dcp-split.rev > div:not(.dcp-split__media) {
  display: flex;
  flex-direction: column;
  justify-content: center;
  min-height: 100%;
}

.section .dcp-split.rev > div:not(.dcp-split__media) .h2 {
  margin-inline: auto 0;
  text-align: center;
}

.dcp-prob {
  align-items: center;
}

.dcp-pain {
  min-height: 54px;
  align-items: center;
}

.dcp-punch {
  max-width: 26ch;
  margin-top: 18px !important;
  padding: 17px 20px !important;
  border-radius: 10px;
  font-size: clamp(17px, 1.45vw, 20px) !important;
  line-height: 1.22 !important;
}

#lotrinh > .wrap-wide > .reveal:first-child {
  flex-direction: column;
  justify-content: flex-start !important;
  align-items: center;
  gap: 18px 28px !important;
}

#lotrinh > .wrap-wide > .reveal:first-child > div:first-child {
  flex: 0 1 auto;
  width: min(720px, 100%);
  max-width: 720px;
}

#lotrinh .section-head,
#lotrinh .section-head__row,
#lotrinh .section-title-row {
  align-items: flex-start;
}

#lotrinh .btn[href="#dangky"] {
  align-self: auto !important;
  margin-right: calc(min(720px, 100%) - 148.734375px);
  margin-top: 20px;
  white-space: nowrap;
}

#lotrinh .eyebrow-row {
  margin-bottom: 18px !important;
}

#lotrinh .h2 {
  max-width: 28ch !important;
}

#lotrinh .dcp-mods {
  margin-top: clamp(42px, 5vw, 68px) !important;
}

.section:has(> .wrap-wide > div:nth-child(2) button) > .wrap-wide > .reveal:first-child {
  flex-direction: column;
  justify-content: center !important;
  align-items: center !important;
  text-align: center !important;
  gap: 0 !important;
}

.section:has(> .wrap-wide > div:nth-child(2) button) > .wrap-wide > .reveal:first-child > div:first-child {
  width: min(860px, 100%);
  max-width: 860px !important;
}

.section:has(> .wrap-wide > div:nth-child(2) button) .h2 {
  margin-inline: auto !important;
  max-width: 18ch;
}

.section:has(.dcp-out) > .wrap-wide > .reveal:first-child {
  flex-direction: column;
  justify-content: center !important;
  align-items: center !important;
  text-align: center !important;
  gap: 0 !important;
}

.section:has(.dcp-out) > .wrap-wide > .reveal:first-child > div:first-child {
  width: min(860px, 100%);
  max-width: 860px !important;
}

.section:has(.dcp-out) .h2 {
  margin-inline: auto !important;
  max-width: 18ch !important;
}

@media (min-width: 901px) {
  .dcp-hero .dcp-split {
    grid-template-columns: minmax(0,1fr) minmax(0,1fr);
  }

  .dcp-hero .dcp-split > div:first-child {
    align-items: center;
    text-align: center;
  }
}

@media (max-width: 900px) {
  .section .dcp-split.rev > div:not(.dcp-split__media) .h2 {
    margin-inline: 0;
    text-align: left;
  }

  #lotrinh .btn[href="#dangky"] {
    margin-right: 0;
    margin-top: 14px;
    width: 100%;
    justify-content: center;
  }
}