.ay-ck { position: fixed; left: 20px; bottom: 20px; z-index: 1040; max-width: 430px; padding: 14px 16px; border: 1px solid #e3e9f3; border-radius: 12px; background: #fff; box-shadow: 0 10px 30px rgba(16, 24, 48, .14); font-size: 13px; line-height: 1.5; color: #3a4660; }
.ay-ck[hidden], .ay-ck-m[hidden] { display: none; }
.ay-ck p { margin: 0 0 10px; }
.ay-ck p i { margin-right: 4px; color: var(--ab-3c10a8); }
.ay-ck a, .ay-ck-d > a { font-weight: 700; color: var(--ab-3c10a8); white-space: nowrap; }
.ay-ck-b { display: flex; gap: 8px; }
.ay-ck-b button { flex: 1; height: 34px; padding: 0 10px; border: 1px solid var(--ab-3c10a8); border-radius: 8px; background: #fff; color: var(--ab-3c10a8); font-size: 13px; font-weight: 700; cursor: pointer; }
.ay-ck-b button:hover { background: var(--ab-f3efff); }
.ay-ck-b button[data-ay-ck="kabul"], .ay-ck-b button[data-ay-ck="kaydet"] { background: var(--ab-3c10a8); color: #fff; }
.ay-ck-b button[data-ay-ck="kabul"]:hover, .ay-ck-b button[data-ay-ck="kaydet"]:hover { background: var(--ab-29006b); }
.ay-ck-m { position: fixed; inset: 0; z-index: 1060; display: flex; align-items: center; justify-content: center; padding: 16px; background: rgba(16, 24, 48, .45); }
.ay-ck-d { width: 100%; max-width: 460px; padding: 20px; border-radius: 14px; background: #fff; box-shadow: 0 20px 50px rgba(16, 24, 48, .25); font-size: 13.5px; color: #3a4660; }
.ay-ck-d h2 { margin: 0 0 12px; font-size: 18px; font-weight: 800; color: #172033; }
.ay-ck-r { display: flex; align-items: flex-start; justify-content: space-between; gap: 14px; margin: 0 0 10px; padding: 12px; border: 1px solid #e3e9f3; border-radius: 10px; font-weight: 400; cursor: pointer; }
.ay-ck-r b { display: block; color: #172033; }
.ay-ck-r small { display: block; margin-top: 2px; font-size: 12.5px; line-height: 1.5; color: #5f6b80; }
.ay-ck-r input { flex: none; width: 20px; height: 20px; margin-top: 2px; accent-color: var(--ab-3c10a8); }
.ay-ck-d .ay-ck-b { margin: 14px 0 10px; }
@media (max-width: 991.98px) { .ay-ck { left: 12px; right: 12px; bottom: 84px; max-width: none; } }
@media (max-width: 575.98px) { .ay-ck { padding: 10px 12px; font-size: 12.5px; line-height: 1.45; } .ay-ck p { margin-bottom: 8px; } .ay-ck-b button { height: 32px; font-size: 12.5px; } }
.ay-ck.is-top { top: 12px; bottom: auto; }