/* Tüm demo sitelerde ortak: alttaki demo şeridi ve form bildirimi. Sitenin kendi tasarımına karışmaz. */
.ta-demo{position:fixed;left:50%;bottom:16px;transform:translateX(-50%);z-index:2147483000;display:flex;align-items:center;gap:12px;max-width:calc(100% - 24px);
  padding:9px 10px 9px 16px;border-radius:999px;background:rgba(14,17,22,.92);color:#f2f4f7;font:500 13px/1.35 system-ui,-apple-system,"Segoe UI",sans-serif;
  box-shadow:0 12px 32px -10px rgba(0,0,0,.5);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}
.ta-demo b{font-weight:700}
.ta-demo a{color:#0e1116;background:#3ddc97;text-decoration:none;font-weight:700;padding:7px 13px;border-radius:999px;white-space:nowrap}
.ta-demo a:focus-visible,.ta-demo button:focus-visible{outline:2px solid #3ddc97;outline-offset:2px}
.ta-demo button{all:unset;cursor:pointer;width:26px;height:26px;display:grid;place-items:center;border-radius:50%;color:#c9ced6}
.ta-demo button:hover{background:rgba(255,255,255,.1)}
.ta-demo.is-off{display:none}
.ta-demo-toast{position:fixed;left:50%;top:20px;transform:translateX(-50%);z-index:2147483001;background:#0e1116;color:#fff;padding:12px 18px;border-radius:12px;
  font:500 14px/1.4 system-ui,sans-serif;box-shadow:0 12px 32px -10px rgba(0,0,0,.5);max-width:calc(100% - 32px)}
@media (max-width:560px){.ta-demo{bottom:8px;gap:8px;padding:6px 6px 6px 12px;font-size:11.5px;width:calc(100% - 16px);max-width:none}.ta-demo span{flex:1;min-width:0}.ta-demo a{padding:6px 10px;font-size:11.5px}}
@media print{.ta-demo{display:none}}