/* SmartLife — Online · card_desk.css
   Visitenkarte ab Tablet/Desktop: Porträt und Vorstellung nebeneinander. Nach card.css einbinden. */

@media (min-width: 681px) {
  .card-page .card-hero { grid-template-columns: 260px minmax(0, 1fr); gap: 32px clamp(32px, 5vw, 64px); }
  .card-page .card-portrait { width: 260px; }
  .card-page .card-main { padding-top: 56px; }
  /* QR code left, explanation to its right. */
  .card-page .card-qr { grid-template-columns: 200px minmax(0, 1fr); column-gap: 28px; align-items: center; }
  .card-page .card-qr-dialog { padding: 32px; }
}