.cpo-banner {
    position: fixed; left: 0; right: 0; bottom: 0; z-index: 99999;
    background: #fff; border-top: 1px solid #e0e0e0;
    box-shadow: 0 -2px 10px rgba(0,0,0,.08);
    padding: 16px 20px; display: flex; flex-wrap: wrap; align-items: center;
    gap: 12px; font-size: 14px; color: #222;
}
.cpo-banner__text { flex: 1 1 320px; line-height: 1.5; }
.cpo-banner__text a { color: #1a73e8; text-decoration: underline; }
.cpo-banner__actions { display: flex; gap: 8px; }
.cpo-btn {
    cursor: pointer; border: 1px solid #1a73e8; border-radius: 6px;
    padding: 8px 16px; font-size: 14px; background: #fff; color: #1a73e8;
}
.cpo-btn.cpo-accept { background: #1a73e8; color: #fff; }
.cpo-btn:focus { outline: 2px solid #0b57d0; outline-offset: 2px; }

.cpo-modal-overlay {
    position: fixed; inset: 0; z-index: 100000;
    background: rgba(0,0,0,.5); display: flex; align-items: center; justify-content: center;
}
.cpo-modal {
    background: #fff; border-radius: 10px; max-width: 480px; width: 90%;
    padding: 24px; color: #222;
}
.cpo-modal h2 { margin-top: 0; font-size: 18px; }
.cpo-cat { padding: 12px 0; border-bottom: 1px solid #eee; line-height: 1.5; }
.cpo-modal__actions { margin-top: 16px; text-align: right; }