.cbox { position: fixed; z-index: 2147483000; left: 20px; bottom: 20px; width: min(360px, calc(100vw - 32px)); box-sizing: border-box; padding: 16px 18px; background: #FFFFFF; color: #14102B; border-radius: 16px; box-shadow: 0 18px 48px -18px rgba(20, 16, 43, .45), 0 0 0 1px rgba(20, 16, 43, .08); font-family: inherit; font-size: 15px; line-height: 1.45; opacity: 0; transform: translateY(8px); transition: opacity .2s ease, transform .2s ease; }
.cbox.is-in { opacity: 1; transform: none; }
.cbox.cbox--lift { bottom: 84px; }
.cbox__text { margin: 0; }
.cbox__more { color: #5B2EE0; text-decoration: underline; text-underline-offset: 2px; white-space: nowrap; }
.cbox__btns { display: flex; gap: 8px; margin-top: 12px; }
.cbox__btns button { flex: 1 1 0; min-width: 0; min-height: 44px; padding: 0 16px; border: 0; border-radius: 999px; font: inherit; font-weight: 700; cursor: pointer; }
.cbox__yes { background: #5B2EE0; color: #FFFFFF; }
.cbox__yes:hover { background: #4C22D0; }
.cbox__no { background: #FFFFFF; color: #14102B; box-shadow: inset 0 0 0 1.5px rgba(20, 16, 43, .22); }
.cbox__no:hover { background: #F1F0F6; }
.cbox__btns button:focus-visible, .cbox__more:focus-visible { outline: 3px solid #5B2EE0; outline-offset: 2px; }
@media (max-width: 560px) {
  .cbox, .cbox.cbox--lift { left: 10px; right: 10px; bottom: 10px; width: auto; display: flex; align-items: center; gap: 10px; padding: 10px 10px 10px 14px; border-radius: 14px; font-size: 13.5px; line-height: 1.35; }
  .cbox__text { flex: 1 1 auto; min-width: 0; }
  .cbox__btns { flex: 0 0 auto; gap: 6px; margin-top: 0; }
  .cbox__btns button { flex: 0 0 auto; padding: 0 14px; }
}
@media (prefers-reduced-motion: reduce) { .cbox { transition: none; } }