/* Kinelio Core R11.6.3 — Universal QR Canon + LT Launch UX */
.qr-activation-shell-r1163 { max-width: 1180px; margin-inline: auto; }
.qr-activation-layout {
  display: grid;
  grid-template-columns: minmax(0, 45fr) minmax(420px, 55fr);
  gap: 28px;
  align-items: start;
}
.qr-activation-layout .qr-bootstrap-card { margin: 0; width: 100%; max-width: none; }
.qr-activation-media { position: sticky; top: 92px; }
.qr-activation-media-frame {
  position: relative; overflow: hidden; border: 1px solid var(--k-border,#dedede);
  border-radius: 18px; background: #000; aspect-ratio: 1672 / 941;
  box-shadow: 0 12px 34px rgba(0,0,0,.06);
}
.qr-activation-media-frame picture,
.qr-activation-poster,
.qr-activation-video { width: 100%; height: 100%; display: block; }
.qr-activation-poster, .qr-activation-video { object-fit: cover; }
.qr-activation-watch {
  position: absolute; inset: auto 18px 18px 18px; display: flex; justify-content: space-between;
  align-items: center; gap: 14px; padding: 13px 15px; border: 0; border-radius: 12px;
  background: rgba(255,255,255,.95); color: #111; cursor: pointer; text-align: left;
  box-shadow: 0 8px 26px rgba(0,0,0,.16); font: inherit;
}
.qr-activation-watch span { font-size: 14px; font-weight: 650; }
.qr-activation-watch strong { white-space: nowrap; font-size: 14px; }
.qr-activation-video-fallback { display: inline-flex; margin-top: 10px; font-size: 13px; color: #111; }
.qr-lt-support {
  margin-top: 18px; padding: 13px 15px; display: flex; align-items: center; justify-content: space-between;
  gap: 14px; border: 1px solid var(--k-border,#dedede); border-radius: 12px; background: #f8f8f6;
}
.qr-lt-support span { font-size: 14px; color: var(--k-text-2,#666); }
.qr-lt-support a { color: #111; font-weight: 750; text-decoration: none; white-space: nowrap; }
@media (max-width: 820px) {
  .qr-activation-layout { grid-template-columns: 1fr; gap: 18px; }
  .qr-activation-media { position: static; order: 0; }
  .qr-activation-form-panel { order: 1; }
  .qr-activation-watch { inset: auto 12px 12px 12px; }
}
@media (max-width: 520px) {
  .qr-lt-support { align-items: flex-start; flex-direction: column; gap: 4px; }
}