/* The popup has a reserved slot after the header; no overlay or scroll lock. */
.czap-slot { box-sizing:border-box; width:min(1240px,calc(100% - 24px)); margin:12px auto; scroll-margin-top:100px; }
.czap-slot[hidden] { display:none !important; }
.czap-panel { box-sizing:border-box; max-width:520px; margin-left:auto; padding:18px; border:1px solid #ddd2c5; border-radius:16px; background:#fffcf7; color:#342b24; box-shadow:0 8px 28px #342b2420; overflow-wrap:anywhere; font:inherit; }
.czap-panel .czap-title { margin:0 0 8px; font:inherit; font-weight:700; font-size:19px; line-height:1.3; }
.czap-panel p { margin:0 0 10px; font-size:14px; line-height:1.5; }
.czap-panel a { color:#6b4a2e; text-decoration:underline; }
.czap-actions { display:flex; flex-wrap:wrap; gap:10px; }
.czap-actions .czap-button { box-sizing:border-box; flex:1 1 110px; min-width:0; min-height:44px; padding:10px 16px; margin:0; border:1px solid #6b5e53; border-radius:10px; background:#fffcf7; color:#342b24; font:inherit; font-size:15px; font-weight:600; line-height:1.4; text-align:center; cursor:pointer; white-space:normal; }
.czap-actions .czap-button:hover { background:#eee6da; }
.czap-panel [data-cz-analytics-status]:empty { display:none; }
.czap-panel [data-cz-analytics-status] { margin:10px 0 0; }
.czap-panel :focus-visible,.czap-footer :focus-visible { outline:3px solid #6b4a2e; outline-offset:3px; }
.czap-footer { box-sizing:border-box; max-width:1240px; margin:0 auto; padding:12px 16px; }
.czap-footer .czap-settings { min-height:44px; padding:8px 0; margin:0; border:0; background:transparent; color:inherit; font:inherit; font-size:14px; line-height:1.5; text-decoration:underline; cursor:pointer; }
html[data-cz-analytics-site="premium"] .czap-panel { background:#f7f3ec; border-color:#cdbd9f; }
@media(max-width:540px) { .czap-panel { max-width:none; padding:14px; } .czap-panel p { font-size:14px; } }