/* Kim Nails — encart Aloe Santé (soins à l'aloe vera, à retirer au salon), validé par Rudy le 21/10/2026 (variante B).
   Placé tout en bas de l'accueil et des prestations, juste avant le pied de page : jamais devant les réservations.
   Sur téléphone (comme la carte de fidélité), le QR est masqué et seul le lien reste. */
.aloe-zone { padding: 8px 0 56px; background: #fff; }
.aloe-carte { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 32px; align-items: center;
  padding: 28px 32px; border: 1px solid var(--orchidee); border-radius: 22px; background: #fff; }
.aloe-surtitre { margin: 0 0 6px; font-size: 13px; font-weight: 600; letter-spacing: .14em; text-transform: uppercase; color: var(--violet); }
.aloe-titre { margin: 0 0 10px; font-family: var(--serif); font-size: clamp(24px, 2.6vw, 30px); line-height: 1.15; color: var(--encre); text-wrap: balance; }
.aloe-carte-texte p.aloe-texte { margin: 0 0 14px; font-size: 16px; line-height: 1.55; color: var(--gris); max-width: 52ch; text-wrap: pretty; }
.aloe-lien { font-weight: 600; color: var(--violet); text-underline-offset: 4px; }
.aloe-lien:hover { color: var(--violet-fonce); }
.aloe-qr { display: flex; align-items: center; gap: 16px; }
.aloe-qr-cadre { flex: none; width: 118px; height: 118px; padding: 11px; box-sizing: border-box; background: #fff;
  border: 1px solid var(--orchidee); border-radius: 18px; box-shadow: 0 12px 28px -18px rgba(42,22,40,.65); }
.aloe-qr-cadre img { width: 100%; height: 100%; display: block; image-rendering: pixelated; }
.aloe-qr-texte { margin: 0; max-width: 9em; font-size: 14px; line-height: 1.4; color: var(--gris); }
/* Même règle que la carte de fidélité : sur téléphone, pas de QR, seulement le lien */
@media (max-width: 860px) {
  .aloe-carte { grid-template-columns: 1fr; padding: 24px 22px; }
  .aloe-qr { display: none; }
}