/* 🤝 Koçi destek önerisi kartı (koci-destek.js) — her temada okunur; hareket azaltma ayarına uyar */
.kd-kart { position: absolute; z-index: 1900; left: 12px; right: 12px; bottom: calc(86px + env(safe-area-inset-bottom, 0px)); padding: 14px 14px 12px; box-sizing: border-box; border-radius: 18px; background: var(--card, #fff); color: var(--ink, #1f2a44); border: 1px solid var(--line, #eadfd3); box-shadow: 0 10px 30px rgba(15, 30, 55, .28); animation: kdGir .35s ease-out; }
.kd-ust { display: flex; gap: 12px; align-items: flex-start; padding-right: 26px; }
.kd-av { flex: none; width: 48px; height: 48px; border-radius: 50%; background: #fff; object-fit: cover; border: 1px solid var(--line, #eadfd3); }
.kd-baslik { margin: 0 0 2px; font-weight: 800; font-size: 16px; }
.kd-metin { margin: 0; font-size: 14px; line-height: 1.4; color: var(--muted, #5b6b7d); }
.kd-x { position: absolute; top: 6px; right: 8px; width: 34px; height: 34px; border: 0; border-radius: 50%; background: transparent; color: var(--muted, #7a6f66); font-size: 24px; line-height: 1; cursor: pointer; }
.kd-dugmeler { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 12px; align-items: center; }
.kd-dugmeler button { min-height: 44px; padding: 0 14px; border: 1px solid var(--line, #eadfd3); border-radius: 14px; background: transparent; color: var(--ink, #1f2a44); font: inherit; font-weight: 700; cursor: pointer; }
.kd-dugmeler .kd-ana { border-color: var(--primary, #d9633a); background: var(--primary, #d9633a); color: var(--koci-on-primary, #fff); }
.kd-dugmeler .kd-link { margin-left: auto; border-color: transparent; color: var(--muted, #7a6f66); font-weight: 600; }
@keyframes kdGir { from { opacity: 0; transform: translateY(14px); } to { opacity: 1; transform: none; } }
@media (prefers-reduced-motion: reduce) { .kd-kart { animation: none; } }