/* Home "talk to a real card" demo (inc-home-card-demo.php), above the showcase boxes. Same heading as the
   other home rows ("Son eklenen kartvizitler"), then the centred card preview (css/digital-card.css) and,
   apart from the card, the question chips across the section, centred on one line that scrolls sideways. */
.home-card-demo-text{max-width:720px;margin:0 0 14px;color:var(--text-secondary);font-size:15px;line-height:1.55}
.home-card-demo-preview{width:min(380px,100%);margin:0 auto}
.home-card-demo-chips{overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;white-space:nowrap;text-align:center;padding:18px 2px 8px;scrollbar-width:thin;scrollbar-color:rgba(174,188,240,.32) transparent}
.home-card-demo-chips a{display:inline-flex;margin:0 3px;vertical-align:top;align-items:center;min-height:40px;padding:8px 14px;border:1px solid var(--border-strong);border-radius:999px;color:var(--text-secondary);background:var(--bg-panel-soft);font-size:14px;font-weight:600;white-space:nowrap;text-decoration:none;transition:border-color .15s,color .15s,background .15s}
.home-card-demo-chips a:hover{border-color:var(--primary);color:var(--text-primary);background:rgba(82,229,165,.08)}
.home-card-demo-card{--dcard-border:var(--dcard-button-border);overflow:hidden;border:1px solid var(--border-strong);border-radius:28px;color:var(--dcard-text);background:radial-gradient(circle at 80% 0%,color-mix(in srgb,var(--dcard-primary) 12%,transparent),transparent 40%),linear-gradient(180deg,var(--dcard-bg-top) 0%,var(--dcard-bg) 70%);box-shadow:0 40px 120px -30px rgba(134,100,255,.35)}
.home-card-demo-card .dcard{gap:16px;padding:20px 20px 22px}
.home-card-demo-card .dcard-identity h3{margin:0;font-size:24px;line-height:1.2;font-weight:900;letter-spacing:-.02em}
.home-card-demo-card .dcard-avatar{width:80px;height:80px}
.home-card-demo-card a.dcard-qr{gap:10px;color:inherit;text-decoration:none}
.home-card-demo-card .dcard-qr-frame{width:min(100%,220px);padding:14px}
.home-card-demo-card .dcard-actions{grid-template-columns:1fr}
.home-card-demo-note{margin:4px 0 0;text-align:center;color:var(--text-muted);font-size:12px}
@media(max-width:560px){
  .home-card-demo-text{font-size:14px}
}