.consent-panel {
    position: fixed;
    inset: 0;
    z-index: 1080;
    display: grid;
    place-items: end center;
    padding: 1rem;
    background: rgba(15, 19, 18, .5);
}

.consent-panel[hidden] { display: none; }

.consent-panel__inner {
    width: min(100%, 760px);
    padding: clamp(1.25rem, 4vw, 2rem);
    color: var(--ca-ink, #1f2423);
    background: var(--ca-white, #fff);
    border: 1px solid var(--ca-line, #d9d7d0);
    border-radius: 0;
    box-shadow: 0 1.5rem 4rem rgba(0, 0, 0, .22);
}

.consent-panel__inner h2 { font-size: clamp(1.5rem, 4vw, 2rem); }
.consent-panel__details { margin: 1.25rem 0; padding: 1rem; background: var(--ca-paper, #f2f0eb); }
.consent-panel__actions { display: flex; flex-wrap: wrap; gap: .75rem; align-items: center; }
.consent-panel__legal { margin: 1rem 0 0; font-size: .875rem; }
.consent-panel .form-check-label span { color: #5d615f; font-size: .9rem; }
.consent-panel button:focus-visible, .consent-panel a:focus-visible { outline: 3px solid var(--ca-accent, #8a3f2d); outline-offset: 3px; }

@media (max-width: 575.98px) {
    .consent-panel { padding: .75rem; }
    .consent-panel__actions { align-items: stretch; flex-direction: column; }
    .consent-panel__actions .btn { width: 100%; }
}