/* SmartLife — Online · card_mob.css
   Visitenkarte unter 680px: einspaltig, kompakte Abstände, Aktionen in voller Breite.
   Nach card.css einbinden. */

@media (max-width: 680px) {
  .card-page .card-main { padding-top: 26px; padding-bottom: 56px; gap: 40px; }
  .card-page .card-hero { gap: 18px; }
  .card-page .card-name { font-size: clamp(28px, 8.4vw, 36px); }
  .card-page .card-position { font-size: 17px; }
  .card-page .card-lead { font-size: 17px; }
  .card-page .card-actions { flex-direction: column; align-items: stretch; }
  .card-page .card-actions .btn { width: 100%; }
  /* Share and copy side by side once both labels fit on one line, otherwise stacked. The em
     minimum covers the wider label ("Link kopieren" with icon, about 9.4em) and grows with the
     text size, so enlarged text stacks the buttons instead of wrapping or clipping the labels. */
  .card-page .card-share-actions { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 9.75em), 1fr)); }
  .card-page .card-share-actions .btn { gap: 8px; padding-inline: 12px; }
  /* Keeps the full profile address on one line down to a 360px viewport, including desktop
     windows whose classic scrollbar takes about 15px of the layout width. */
  .card-page .card-profile-url { gap: 6px; padding-inline: 8px; font-size: 13.5px; }
  .card-page .card-profile-url svg { width: 14px; height: 14px; }
  .card-page .card-section { padding-top: 24px; }
  .card-page .card-section h2 { font-size: 24px; }
  .card-page .card-contact div { grid-template-columns: minmax(0, 1fr); gap: 0; }
  .card-page .card-field { padding: 16px 18px 15px; }
}