/* ========================
   Mobile Verified Data
   Scoped to .mobile-verified-data-section
 mint card → inset rounded image → centered intro/CTA → bordered steps
   ======================== */

.mobile-verified-data-section {
  background-color: var(--bs-body-bg);
}

.mobile-verified-data-section.section-base,
.mobile-verified-data-section.section-base-with-border {
  background-color: var(--bs-body-bg);
  padding: var(--space-14) 0 !important;
  border-top: 0;
}

.mobile-verified-data-section.section-base-with-border {
  border-top: 0.0625rem solid rgba(var(--bs-primary-25-rgb), 0.5);
}

.mobile-verified-data-section > .container {
  max-width: none;
  width: 100%;
  padding-inline: var(--space-9); /* page gutter outside the card */
}

/* Card — mint, 20px radius, px-5 / pb-12, gap-7 */
.mobile-verified-data-section .mobile-verified-data {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1.75rem; /* gap-7 */
  width: 100%;
  margin: 0;

  overflow: hidden;
  background-color: var(--bs-primary-25); /* light mint */
  border-radius: var(--radius-3xl); /* 20px */
  text-align: center;
}

/* Image — inset, rounded on all corners, ~264px tall */
.mobile-verified-data-section .mobile-verified-data-media {
  width: 100%;
  margin: 0;
  line-height: 0;
}

.mobile-verified-data-section .mobile-verified-data-image {
  display: block;
  width: 100%;

  border-radius: var(--radius-3xl);
}

.mobile-verified-data-section .mobile-verified-data-video {
  width: 100%;
  aspect-ratio: 16/9;
  overflow: hidden;
  border-radius: var(--radius-3xl);
}

.mobile-verified-data-section .mobile-verified-data-video .video-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  padding: 0;
  aspect-ratio: auto;
}

.mobile-verified-data-section
  .mobile-verified-data-video
  .video-wrapper
  iframe {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  border: 0;
}

/* Intro block — full card content width, centered, gap-5 */
.mobile-verified-data-section .mobile-verified-data-intro {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--space-9); /* 20px */
  width: 100%;
  padding: 0 var(--space-9);
}

.mobile-verified-data-section .mobile-verified-data-header {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--space-9);
  width: 100%;
}

/* Title — regular medium teal; bold “Verified Data” darker */
.mobile-verified-data-section .mobile-verified-data-title {
  width: 100%;
  margin: 0;
  text-align: center;
  color: var(--bs-primary-700);
  font-family: var(--font-family-base);
  font-size: var(--font-size-30); /* text-3xl */
  font-weight: var(--font-weight-regular);
  line-height: 2rem;
}

.mobile-verified-data-section .mobile-verified-data-title strong,
.mobile-verified-data-section .mobile-verified-data-title b {
  font-weight: var(--font-weight-bold);
  color: var(--bs-primary-900);
}

.mobile-verified-data-section .mobile-verified-data-title *,
.mobile-verified-data-section .mobile-verified-data-title p {
  margin: 0;
  color: inherit;
  font: inherit;
  line-height: inherit;
  text-align: center;
}

.mobile-verified-data-section .mobile-verified-data-description {
  width: 100%;
  margin: 0;
  text-align: center;
  color: var(--bs-primary-700);
  font-family: var(--font-family-base);
  font-size: var(--font-size-16);
  font-weight: var(--font-weight-regular);
  line-height: 1.5rem;
}

.mobile-verified-data-section .mobile-verified-data-description *,
.mobile-verified-data-section .mobile-verified-data-description p {
  margin: 0;
  color: inherit;
  font: inherit;
  line-height: inherit;
  text-align: center;
}

.mobile-verified-data-section .mobile-verified-data-button {
  display: flex;
  justify-content: center;
  width: 100%;
}

/* Coral pill CTA — full width of content */
.mobile-verified-data-section .mobile-verified-data-cta.btn,
.mobile-verified-data-section a.btn.mobile-verified-data-cta {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: var(--space-3);
  width: 100%;
  min-height: 2.5rem;
  height: 2.5rem !important;
  padding: var(--space-1) var(--space-7) !important;
  background-color: var(--bs-secondary-400) !important;
  border: 0 !important;
  border-radius: var(--radius-full) !important; /* pill */
  color: var(--bs-black) !important;
  font-family: var(--font-family-mono);
  font-size: var(--font-size-16);
  font-weight: var(--font-weight-medium);
  line-height: 1.25rem;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  text-decoration: none;
  white-space: nowrap;
  transform: none;
}

.mobile-verified-data-section .mobile-verified-data-cta.btn:hover,
.mobile-verified-data-section .mobile-verified-data-cta.btn:focus {
  color: var(--bs-black) !important;
  background-color: var(--bs-secondary-500) !important;
  transform: none;
}

/* Steps — full content width; dividers inset by card px-5 */
.mobile-verified-data-section .mobile-verified-data-list {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: var(--space-14); /* gap-8 */
  width: 100%;
  padding: var(--space-9) var(--space-9) var(--space-20);
}

.mobile-verified-data-section .mobile-verified-data-item {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.625rem; /* gap-2.5 */
  width: 100%;
  padding-top: var(--space-7); /* pt-4 */
  border-top: 0.5px solid rgba(var(--bs-primary-900-rgb), 0.5);
  text-align: center;
}

.mobile-verified-data-section .mobile-verified-data-item-title {
  width: 100%;
  margin: 0;
  text-align: center;
  color: var(--bs-primary-900);
  font-family: var(--font-family-base);
  font-size: var(--font-size-24);
  font-weight: var(--font-weight-semibold);
  line-height: 2rem;
}

.mobile-verified-data-section .mobile-verified-data-item-description {
  width: 100%;
  margin: 0;
  text-align: center;
  color: var(--bs-primary-700);
  font-family: var(--font-family-base);
  font-size: var(--font-size-16);
  font-weight: var(--font-weight-regular);
  line-height: 1.5rem;
}

.mobile-verified-data-section .mobile-verified-data-item-description *,
.mobile-verified-data-section .mobile-verified-data-item-description p {
  margin: 0;
  color: inherit;
  font: inherit;
  line-height: inherit;
  text-align: center;
}

@media (prefers-reduced-motion: reduce) {
  .mobile-verified-data-section .mobile-verified-data-cta.btn {
    transition: none;
  }
}