/* Only the Invisalign-specific Align SmileView integration. */
.smileview { background: var(--white); }
.smileview__card { display: grid; grid-template-columns: 1fr auto; align-items: center; gap: 65px; padding: clamp(38px, 6vw, 72px); color: var(--white); background: linear-gradient(135deg, var(--teal), var(--teal-dark)); border-radius: 26px; box-shadow: var(--shadow); }
.smileview__copy { max-width: 720px; }
.smileview__copy > p:not(.eyebrow) { color: #d1e3e0; }
.smileview__copy small { display: block; margin-top: 14px; color: #acc9c5; }
.smileview__qr { display: grid; justify-items: center; gap: 8px; padding: 12px; color: var(--ink); background: var(--white); border-radius: 18px; }
.smileview__qr img { width: 170px; height: 170px; }
.smileview__qr span { font-size: .67rem; font-weight: 750; }

@media (max-width: 720px) {
  .smileview__card { grid-template-columns: 1fr; }
  .smileview__qr { justify-self: start; }
}

@media (max-width: 430px) {
  .smileview__qr { justify-self: stretch; }
}