.dekid-consent[hidden], .dekid-consent [hidden], .dekid-consent-open[hidden] { display: none !important; }
.dekid-consent { position: fixed; z-index: 10000; right: 20px; bottom: 20px; left: 20px; max-width: 1050px; margin: auto; padding: 22px; border: 1px solid #ded8d0; border-radius: 16px; background: #fffdf9; color: #303630; box-shadow: 0 8px 35px #0002; font-size: 14px; line-height: 1.5; max-height: 85vh; overflow: auto; }
.dekid-consent strong { font-size: 18px; }
.dekid-consent p { margin: 8px 0; color: inherit; font-size: inherit; }
.dekid-consent a { color: #375949; text-decoration: underline; }
.dekid-consent__actions { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 16px; }
.dekid-consent button, .dekid-consent-open { padding: 10px 16px; border: 1px solid #587061; border-radius: 8px; background: #fffdf9; color: #294b39; cursor: pointer; font: inherit; font-weight: 600; }
.dekid-consent button:hover, .dekid-consent-open:hover { background: #edf2ec; }
.dekid-consent button:focus-visible, .dekid-consent input:focus-visible, .dekid-consent-open:focus-visible { outline: 3px solid #b07b38; outline-offset: 3px; }
.dekid-consent__settings { display: flex; flex-wrap: wrap; align-items: center; gap: 16px; padding: 16px 0 0; }
.dekid-consent__settings label { display: flex; gap: 8px; align-items: center; margin: 0; }
.dekid-consent input { width: 18px; height: 18px; accent-color: #375949; }
.dekid-consent-open { position: fixed; z-index: 9998; bottom: 12px; left: 12px; font-size: 12px; padding: 7px 10px; box-shadow: 0 2px 10px #0001; }
@media (max-width: 600px) { .dekid-consent { left: 10px; right: 10px; bottom: 10px; padding: 16px; } .dekid-consent__actions { flex-direction: column; } .dekid-consent__actions button { width: 100%; } .dekid-consent__settings { align-items: stretch; flex-direction: column; } }