.consent-panel[hidden], .consent-panel [hidden] { display: none !important; }
/* Match the existing #cookies banner in bundle.css; keep a separate ID for legacy JS. */
#marilles-consent { position: fixed; bottom: 0; left: 0; right: 0; z-index: 2147483000; max-height: 100vh; overflow-y: auto; background: #1e5ba4; color: #fff; border-top: 2px solid #fff; padding: 1rem 2rem; }
#marilles-consent h6 { color: #fff; font-size: 1.4rem; margin-bottom: .5rem; }
#marilles-consent p { display: block; clear: both; color: #fff; margin-top: 0; margin-bottom: 1rem; }
#marilles-consent a { color: #8ac4d6; }
#marilles-consent .consent-actions { display: flex; flex-wrap: wrap; gap: .6rem; margin-top: 1rem; }
#marilles-consent .consent-button { min-height: 44px; padding: 0 2em; line-height: calc(2rem - 2px); white-space: normal; }
#marilles-consent .consent-button:focus-visible, .consent-reopen:focus-visible { outline: 3px solid #8ac4d6; outline-offset: 3px; }
/* Isolate controls from the site's custom circular inputs and floating labels. */
#marilles-consent label.consent-option { display: flex; position: static; float: none; transform: none; align-items: center; gap: .6rem; margin: 0 0 .5rem; padding: 0; color: #fff; width: auto; opacity: 1; }
#marilles-consent .consent-option input[type="checkbox"] { -webkit-appearance: checkbox !important; -moz-appearance: checkbox !important; appearance: auto !important; display: inline-block; visibility: visible; opacity: 1; position: static; float: none; transform: none; flex: 0 0 22px; width: 22px; height: 22px; margin: 0; padding: 0; border: initial !important; border-radius: 0 !important; background: initial; accent-color: #1e5ba4; cursor: pointer; }
#marilles-consent .consent-option input[type="checkbox"]:disabled { opacity: 1; cursor: default; }
#marilles-consent .consent-option input[type="checkbox"]::before, #marilles-consent .consent-option input[type="checkbox"]::after { display: none !important; content: none !important; }
#marilles-consent .consent-option input[type="checkbox"]:focus-visible { outline: 3px solid #8ac4d6; outline-offset: 3px; }
.consent-reopen { appearance: none; background: none; border: 0; padding: 0; font: inherit; color: inherit; text-decoration: underline; cursor: pointer; }
@media (min-width: 768px) { #marilles-consent { left: auto; right: 5%; width: 30%; } }
@media (max-width: 767px) { #marilles-consent .consent-actions .consent-button { flex: 1 1 100%; } }