/* Carte à intégrer (iframe) : autonome, sans police externe. */
@font-face { font-family: "Big Shoulders Display"; src: url("../fonts/big-shoulders-display-900.woff2") format("woff2"); font-weight: 900; font-display: swap; }
* { box-sizing: border-box; }
html, body { margin: 0; background: transparent; }
body { font: 14px/1.4 system-ui, -apple-system, "Segoe UI", Roboto, sans-serif; }
.carte { display: flex; align-items: center; gap: 12px; padding: 12px 14px; max-width: 420px; color: #f6eeff; text-decoration: none; background: #1f1236; border: 1px solid #3a2657; border-top: 3px solid #ff4fa3; border-radius: 14px; }
.carte:hover { border-color: #ff4fa3; }
.icone { display: grid; place-items: center; width: 48px; height: 48px; border-radius: 12px; object-fit: cover; flex: none; font-family: "Big Shoulders Display", Impact, sans-serif; font-weight: 900; font-size: 26px; color: #140a24; background: linear-gradient(135deg, #ff4fa3, #ffa24c); }
.icone-1 { background: linear-gradient(135deg, #3ee6e0, #7aa2f7); }
.icone-2 { background: linear-gradient(135deg, #ffa24c, #ffd27a); }
.icone-3 { background: linear-gradient(135deg, #b98cff, #ff4fa3); }
.icone-4 { background: linear-gradient(135deg, #7ff0eb, #3ee6a0); }
.icone-5 { background: linear-gradient(135deg, #ff8a8a, #ffa24c); }
.carte-corps { display: grid; min-width: 0; flex: 1; }
.carte-nom { font-weight: 700; font-size: 15px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.carte-chiffres { color: #e3d6f5; }
.carte-chiffres strong { color: #3ee6e0; }
.carte-source { font-size: 11px; color: #b9a8d6; }
.carte-bouton { flex: none; padding: 7px 14px; border-radius: 99px; background: linear-gradient(90deg, #ff4fa3, #ffa24c); color: #140a24; font-weight: 800; font-size: 12px; text-transform: uppercase; letter-spacing: .04em; }