.chauffit-cookie-preferences { position:relative; display:block; margin:16px auto; padding:8px 12px; border:1px solid #777; border-radius:6px; background:#fff; color:#252525; font:12px/1.4 system-ui,sans-serif; cursor:pointer; }
.chauffit-cookie-panel { position:fixed; z-index:10000; left:16px; bottom:16px; width:min(440px,calc(100vw - 32px)); box-sizing:border-box; max-height:calc(100dvh - 32px); overflow:auto; padding:20px; border:1px solid #bbb; border-radius:12px; background:#fff; color:#252525; box-shadow:0 8px 28px #0003; font:14px/1.5 system-ui,sans-serif; text-align:left; }
.chauffit-cookie-panel h2 { margin:0 0 8px; font:600 18px/1.3 system-ui,sans-serif; color:#252525; }
.chauffit-cookie-panel p { margin:0 0 12px; color:#454545; font:14px/1.5 system-ui,sans-serif; }
.chauffit-cookie-panel a { color:#6b1827; text-decoration:underline; }
.chauffit-cookie-panel label { display:flex; align-items:center; gap:10px; margin:10px 0; color:#252525; }
.chauffit-cookie-panel input { width:20px; height:20px; margin:0; accent-color:#6b1827; }
.chauffit-cookie-panel div { display:flex; gap:8px; flex-wrap:wrap; margin-top:16px; }
.chauffit-cookie-panel button { flex:1; min-width:104px; padding:10px 12px; border:1px solid #6b1827; border-radius:6px; background:#fff; color:#6b1827; font:600 14px/1.4 system-ui,sans-serif; cursor:pointer; }
/* Three buttons fit one row from a 400px viewport; below that stack all three so none is wider than the others. */
@media (max-width:399.98px) { .chauffit-cookie-panel button { flex-basis:100%; } }
.chauffit-cookie-panel button:focus-visible,.chauffit-cookie-panel input:focus-visible,.chauffit-cookie-preferences:focus-visible { outline:3px solid #3774ad; outline-offset:3px; }