/* Dealteller in inzicht-artikelen (staging-experiment, 20 sep 2026). Dezelfde
   kaart als op de aankoopadviespagina's, op de tokens uit vroemie.css. */
.deal-teller.dt-actief { margin: 0 0 2.5rem; border-radius: var(--radius-2xl, 1.5rem); padding: 1rem 1.1rem 1.1rem; background: var(--card, #fff); border: 1px solid var(--border, #e6e1da); box-shadow: var(--shadow-soft, 0 6px 24px rgba(0,0,0,.06)); font-family: var(--font-sans, inherit); }
.deal-teller .dt-kop { margin: 0; font-size: 1.0625rem; line-height: 1.45; color: var(--foreground, #1c1a17); }
.deal-teller ul.dt-top3 { list-style: none; margin: 0.75rem 0 0; padding: 0; display: grid; grid-template-columns: repeat(3, 1fr); gap: 0.5rem; }
.deal-teller ul.dt-top3 li { margin: 0; display: flex; align-items: center; gap: 0.55rem; padding: 0.3rem; border-radius: var(--radius-lg, 0.75rem); background: var(--surface, #faf7f2); border: 1px solid var(--border, #e6e1da); font-size: 0.78rem; line-height: 1.3; }
.deal-teller ul.dt-top3 li::before { content: none; }
.deal-teller ul.dt-top3 img { display: block; flex: 0 0 56px; width: 56px; height: 42px; object-fit: cover; border-radius: 0.4rem; background: var(--secondary, #f1ece6); filter: blur(1.5px); }
.deal-teller ul.dt-top3 .dt-jaar { display: block; color: var(--muted-foreground, #7a746c); font-size: 0.72rem; }
.deal-teller ul.dt-top3 .dt-bedrag { display: block; color: var(--market-under, #439363); font-weight: 700; line-height: 1.25; }
.deal-teller .dt-intro { margin: 0.8rem 0 0; font-size: 0.9375rem; line-height: 1.5; color: var(--foreground, #1c1a17); }
.deal-teller .dt-intro b { display: block; font-size: 1rem; margin-bottom: 0.1rem; }
.deal-teller ul.dt-usp { list-style: none; margin: 0.35rem 0 0; padding: 0; font-size: 0.875rem; line-height: 1.5; color: var(--foreground, #1c1a17); }
.deal-teller ul.dt-usp li { margin: 0.15rem 0; padding-left: 1.3rem; position: relative; }
.deal-teller ul.dt-usp li::before { content: "\2713"; position: absolute; left: 0.1rem; top: 0; font-weight: 700; color: var(--market-under, #439363); }
.deal-teller .dt-actie { display: flex; align-items: center; flex-wrap: wrap; gap: 0.4rem 0.9rem; margin-top: 0.8rem; }
.deal-teller .dt-actie .cta { white-space: normal; text-align: center; line-height: 1.3; padding-top: 0.55rem; padding-bottom: 0.55rem; height: auto; color: var(--primary-foreground, #fff); text-decoration: none; }
.deal-teller .dt-actie .cta:hover { text-decoration: none; }
.deal-teller .dt-prijs { font-weight: 500; opacity: 0.9; white-space: nowrap; }
.deal-teller .dt-mini { margin: 0; font-size: 0.76rem; line-height: 1.5; color: var(--muted-foreground, #7a746c); }
.deal-teller .dt-trust { display: flex; align-items: center; flex-wrap: wrap; gap: 0.35rem 0.9rem; margin-top: 0.85rem; padding-top: 0.75rem; border-top: 1px solid var(--border, #e6e1da); font-size: 0.78rem; color: var(--muted-foreground, #7a746c); }
.deal-teller .dt-trust img { width: 20px; height: 20px; border-radius: 5px; }
.deal-teller .dt-trust a { display: inline-flex; align-items: center; gap: 0.3rem; color: var(--muted-foreground, #7a746c); text-decoration: none; }
.deal-teller .dt-trust a:hover { text-decoration: underline; }
.deal-teller .dt-trust b { color: var(--foreground, #1c1a17); }
.deal-teller .dt-google svg { fill: var(--amber-signal, #f59e0b); }
.deal-teller .dt-tp svg { fill: #22c55e; }
@media (max-width: 560px) { .deal-teller ul.dt-top3 { grid-template-columns: 1fr; } .deal-teller ul.dt-top3 li { padding: 0.25rem 0.4rem; } .deal-teller .dt-actie .cta { width: 100%; } }