/* Листівка-записочка і QR-картка 100×70 мм — однакові на сайті (прев'ю), в адмінці і на друку.
   Розміри в мм: що видно на прев'ю — те й піде на друк (ті самі переноси, відступи, пробіли). */
.dc-card{
  box-sizing:border-box; width:100mm; height:70mm; padding:8mm 9mm; overflow:hidden;
  display:flex; align-items:center; background:#fff; color:#1C1A18;
}
.dc-card__text{
  width:100%; margin:0; font:400 4.6mm/6.4mm "Prata", Georgia, serif;
  white-space:pre-wrap; overflow-wrap:anywhere; word-break:normal; hyphens:none; tab-size:4;
}
.dc-card__text.is-empty{ color:#B3A695; }
.dc-card--qr{ justify-content:center; gap:7mm; }
.dc-card--qr .dc-card__qr{ width:48mm; height:48mm; flex:none; }
.dc-card--qr .dc-card__qr img, .dc-card--qr .dc-card__qr canvas{ width:48mm !important; height:48mm !important; display:block; }
.dc-card--qr .dc-card__cta{ font:400 5.2mm/6.6mm "Prata", Georgia, serif; margin:0; max-width:30mm; }

/* Прев'ю на екрані: картка масштабується під ширину рамки (card.js ставить --dc-scale) */
.dc-card-frame{ position:relative; width:100%; max-width:100mm; aspect-ratio:100/70; overflow:hidden; border:1px solid var(--line, #DDD2C1); background:#fff; }
.dc-card-frame > .dc-card{ position:absolute; top:0; left:0; transform-origin:0 0; transform:scale(var(--dc-scale, 1)); }