#ck-banner{position:fixed; left:16px; right:16px; bottom:max(16px,env(safe-area-inset-bottom,0px)); z-index:9999; max-width:760px; margin:0 auto; background:#F4F2ED; color:#1B1C1E; border:1px solid rgba(27,28,30,.25); border-top:3px solid #D6470F; box-shadow:0 12px 40px rgba(0,0,0,.28); padding:20px 22px; font:400 .92rem/1.5 'Work Sans',system-ui,sans-serif;}
#ck-banner[hidden]{display:none;}
#ck-banner h2{font:700 1.15rem/1.2 'Archivo Narrow',system-ui,sans-serif; margin:0 0 6px;}
#ck-banner p{margin:0 0 14px; color:#48545E;}
#ck-banner a{color:#D6470F; font-weight:600;}
.ck-actions{display:flex; flex-wrap:wrap; gap:10px;}
.ck-btn{cursor:pointer; font:600 .9rem 'Work Sans',system-ui,sans-serif; padding:11px 20px; border:2px solid #1B1C1E; background:#1B1C1E; color:#F4F2ED; flex:1 1 130px;}
.ck-btn.ck-alt{background:transparent; color:#1B1C1E;}
.ck-btn:hover{opacity:.88;}
.ck-btn:focus-visible{outline:3px solid #D6470F; outline-offset:2px;}
.ck-panel{margin:0 0 14px; border-top:1px solid rgba(27,28,30,.15);}
.ck-panel[hidden]{display:none;}
.ck-row{display:flex; gap:12px; align-items:flex-start; padding:12px 0; border-bottom:1px solid rgba(27,28,30,.15);}
.ck-row input{width:20px; height:20px; margin-top:2px; accent-color:#D6470F; flex:none;}
.ck-row b{display:block;}
.ck-row span{color:#48545E; font-size:.86rem;}
@media(max-width:520px){#ck-banner{left:10px; right:10px; padding:16px;} .ck-btn{flex:1 1 100%;}}