/* The scanner viewport should read as a compact camera area, not a tall card. */
.figma-camera-box { overflow: hidden; }
#scanVideo { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
#scanVideo[hidden] { display: none; }
.figma-camera-box .scanner-reticle,
.figma-camera-box .scanner-laser-bar,
.figma-camera-box .scanner-instruction { z-index: 1; }
.scan-card .scanner-box {
  width: min(320px, 100%);
  aspect-ratio: 1.2;
  min-height: 0;
  max-height: 270px;
}

.scan-card .scanner-box::before,
.scan-card .scanner-box::after {
  width: 58px;
  height: 58px;
}

.scan-card .scanner-box::before { top: 18px; left: 18px; }
.scan-card .scanner-box::after { right: 18px; bottom: 18px; }

.scan-card h2 { font-size: clamp(28px, 3vw, 34px); }
.scan-card > p { max-width: 520px; font-size: 14px; line-height: 1.65; }
.scan-card .form-control { min-height: 48px; font-size: 14px; }
.scan-card .btn { font-size: 13px; }
.scan-result strong { font-size: 18px; }
.scan-result .small { font-size: 12px !important; }

@media (max-width: 575.98px) {
  .scan-card .scanner-box { max-height: 235px; }
  .scan-card .scanner-box::before,
  .scan-card .scanner-box::after { width: 48px; height: 48px; }
}