.kbc-bant { position: fixed; left: 16px; bottom: 16px; z-index: 100002; width: 440px; max-width: calc(100vw - 32px); background: #fff; border: 1px solid #dfe4ec; border-radius: 14px; box-shadow: 0 12px 36px rgba(20, 30, 60, .25); padding: 18px 20px; font-size: 14px; color: #333; }
.kbc-bant strong { font-size: 16px; color: #222; }
.kbc-bant p { margin: 6px 0 14px; line-height: 1.55; color: #555; }
.kbc-bant a { color: #3964AD; font-weight: 600; }
.kbc-dugmeler { display: flex; flex-wrap: wrap; gap: 8px; }
.kbc-dugmeler button { height: 40px; padding: 0 16px; border-radius: 8px; border: 1px solid #3964AD; background: #fff; color: #3964AD; font-weight: 700; font-size: 13px; cursor: pointer; flex: 1 1 auto; }
.kbc-dugmeler .kbc-kabul { background: #E3101D; border-color: #E3101D; color: #fff; }
.kbc-dugmeler .kbc-kabul:hover { background: #c40d18; }
.kbc-perde { position: fixed; inset: 0; z-index: 100003; background: rgba(0, 0, 0, .5); display: flex; align-items: center; justify-content: center; padding: 14px; }
.kbc-kutu { width: 480px; max-width: 100%; background: #fff; border-radius: 14px; padding: 22px; max-height: 90vh; overflow-y: auto; }
.kbc-kutu h3 { margin: 0 0 14px; font-size: 19px; }
.kbc-satir { display: flex; justify-content: space-between; align-items: center; gap: 14px; padding: 12px 0; border-bottom: 1px solid #eef0f4; cursor: pointer; }
.kbc-satir small { display: block; color: #777; margin-top: 2px; }
.kbc-satir input { width: 20px; height: 20px; accent-color: #3964AD; flex: 0 0 20px; }
.kbc-kutu .kbc-dugmeler { margin-top: 16px; }
@media (max-width: 575px) { .kbc-bant { left: 8px; right: 8px; bottom: 8px; width: auto; max-width: none; padding: 14px; } .kbc-dugmeler button { flex: 1 1 100%; } }