/* CKM İlan Görsel Paylaşım Kartı — modal + buton (1.0.0) */
.ckm-kart-gbtn{display:inline-flex;align-items:center;gap:7px;background:#0f172a;color:#fff;border:0;border-radius:999px;padding:8px 16px;font-size:13px;font-weight:800;cursor:pointer;white-space:nowrap;transition:.15s;line-height:1;font-family:inherit}
.ckm-kart-gbtn:hover{background:#1c2a45;transform:translateY(-1px);box-shadow:0 8px 20px rgba(15,23,42,.25)}
.ckm-kart-gbtn span{font-size:15px}
.ckm-kart-gbtn--float{position:fixed;right:16px;bottom:88px;z-index:99990;box-shadow:0 10px 30px rgba(15,23,42,.35)}

.ckm-kmodal{position:fixed;inset:0;z-index:100050;display:flex;align-items:flex-end;justify-content:center;background:rgba(15,23,42,.55);opacity:0;transition:opacity .2s;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Inter,system-ui,sans-serif}
.ckm-kmodal.on{opacity:1}
.ckm-ksheet{width:100%;max-width:440px;background:#fff;border-radius:22px 22px 0 0;padding:8px 18px 20px;box-shadow:0 -12px 44px rgba(0,0,0,.28);transform:translateY(16px);transition:transform .22s;max-height:94vh;overflow-y:auto;-webkit-overflow-scrolling:touch}
.ckm-kmodal.on .ckm-ksheet{transform:translateY(0)}
@media(min-width:620px){.ckm-kmodal{align-items:center}.ckm-ksheet{border-radius:22px;max-height:92vh}}
.ckm-ktut{width:44px;height:5px;border-radius:9px;background:#cbd5e1;margin:6px auto 12px}
.ckm-kbas{text-align:center;margin:0 0 2px;font-size:20px;font-weight:900;color:#0f172a;line-height:1.25}
.ckm-kalt{text-align:center;margin:6px 0 14px;font-size:13.5px;line-height:1.45;color:#475569}
.ckm-kkapat{position:absolute;top:10px;right:14px;background:#f1f5f9;border:0;width:34px;height:34px;border-radius:50%;font-size:18px;color:#475569;cursor:pointer;line-height:1}
.ckm-ksheet{position:relative}

.ckm-ktoggle{display:flex;background:#f1f5f9;border-radius:12px;padding:4px;gap:4px;margin:0 auto 14px;width:max-content}
.ckm-ktoggle button{font-size:13.5px;font-weight:700;padding:8px 18px;border-radius:9px;color:#475569;border:0;background:none;cursor:pointer;font-family:inherit}
.ckm-ktoggle button.on{background:#fff;color:#0f172a;box-shadow:0 1px 3px rgba(0,0,0,.14)}

.ckm-konizle{position:relative;margin:0 auto 16px;border-radius:16px;overflow:hidden;box-shadow:0 12px 30px rgba(15,23,42,.3);background:#0f172a;display:flex;align-items:center;justify-content:center}
.ckm-konizle canvas{display:block;width:100%;height:auto}
.ckm-kyukle{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:#fff;font-size:14px;font-weight:700;background:#0f172a}
.ckm-kspin{width:34px;height:34px;border:3px solid rgba(255,255,255,.25);border-top-color:#e9c552;border-radius:50%;animation:ckmkspin .8s linear infinite;margin-right:10px}
@keyframes ckmkspin{to{transform:rotate(360deg)}}

.ckm-kbtn{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;border:0;border-radius:14px;font-size:16px;font-weight:800;padding:15px;cursor:pointer;font-family:inherit;line-height:1.1}
.ckm-kbtn svg{width:20px;height:20px;flex:none}
.ckm-kbtn--ana{background:#0f172a;color:#fff}
.ckm-kbtn--ana:active{background:#1c2a45}
.ckm-kbtn--ana small{display:block;font-weight:600;font-size:11.5px;color:#94a3b8;margin-top:2px}
.ckm-kuclu{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px;margin-top:10px}
.ckm-kuclu .ckm-kbtn{flex-direction:column;gap:6px;background:#f1f5f9;color:#0f172a;font-size:12px;padding:12px 6px}
.ckm-kuclu .ckm-kbtn--wa{background:#dcfce7;color:#166534}
.ckm-kuclu .ckm-kbtn svg{width:22px;height:22px}
.ckm-ksonra{display:block;width:100%;text-align:center;margin-top:12px;font-size:13.5px;font-weight:700;color:#64748b;background:none;border:0;cursor:pointer;padding:6px;font-family:inherit}
.ckm-kipucu{margin-top:10px;font-size:11.5px;color:#94a3b8;text-align:center;line-height:1.4}
.ckm-ktoast{position:fixed;bottom:26px;left:50%;transform:translateX(-50%) translateY(10px);opacity:0;background:#0f172a;color:#fff;padding:12px 20px;border-radius:12px;font-size:14px;font-weight:700;z-index:100060;box-shadow:0 14px 36px rgba(0,0,0,.35);transition:.25s;pointer-events:none;max-width:90vw;text-align:center}
.ckm-ktoast.on{opacity:1;transform:translateX(-50%) translateY(0)}
.ckm-khata{color:#b91c1c;font-size:13.5px;text-align:center;padding:10px}
@media(prefers-reduced-motion:reduce){.ckm-kmodal,.ckm-ksheet,.ckm-ktoast,.ckm-kspin{transition:none;animation:none}}