.cerez { position: fixed; z-index: 200; left: 16px; right: 16px; bottom: 16px; max-width: 520px; padding: 20px 22px; border-radius: 22px; background: #fff; color: #0a0a0a; box-shadow: 0 18px 60px rgba(0,0,0,.28); border: 1px solid rgba(0,0,0,.1); font-family: "Inter", "Segoe UI Variable", "Segoe UI", system-ui, sans-serif; }
.cerez[hidden] { display: none; }
.cerez h2 { margin: 0 0 6px; font-size: 17px; font-weight: 800; }
.cerez p { margin: 0 0 14px; font-size: 14px; line-height: 1.55; color: rgba(0,0,0,.72); }
.cerez a { color: #dd3333; font-weight: 600; }
.cerez-dugmeler { display: flex; gap: 10px; }
.cerez-dugmeler button { flex: 1; padding: 12px 16px; border-radius: 999px; border: 2px solid #0a0a0a; background: #fff; color: #0a0a0a; font: 700 14px inherit; font-family: inherit; cursor: pointer; }
.cerez-dugmeler button[data-cerez="1"] { background: #0a0a0a; color: #fff; }
.cerez-dugmeler button:hover { border-color: #dd3333; }
.cerez-dugmeler button[data-cerez="1"]:hover { background: #dd3333; }
.cerez-dugmeler button:focus-visible { outline: 2px solid #dd3333; outline-offset: 3px; }
@media (min-width: 700px) { .cerez { left: 24px; right: auto; bottom: 24px; } }