.cookie-banner[hidden] { display: none !important; }
.cookie-banner {
    position: fixed;
    inset: auto 0 0;
    z-index: 100000;
    background: #fff;
    color: #12304d;
    border-top: 1px solid #edf0f4;
    box-shadow: 0 -3px 18px rgb(15 35 65 / 5%);
    padding: 17px 24px calc(17px + env(safe-area-inset-bottom, 0px));
}
.cookie-banner__inner {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 22px;
    max-width: 1300px;
    margin: 0 auto;
}
.cookie-banner p { margin: 0; font-size: 13px; line-height: 1.6; }
.cookie-banner__actions { display: flex; gap: 10px; flex-shrink: 0; }
.cookie-banner__actions button {
    border: 0;
    border-radius: 6px;
    padding: 9px 20px;
    font: inherit;
    font-size: 13px;
    line-height: 1.4;
    color: #12304d;
    background: #f1f3f6;
    cursor: pointer;
}
.cookie-banner__actions button:hover { background: #e4e9ef; }
.cookie-banner__actions button:focus-visible, .cookie-settings:focus-visible {
    outline: 2px solid #f37021;
    outline-offset: 3px;
}
.cookie-settings {
    border: 0;
    padding: 0;
    background: transparent;
    color: inherit;
    font: inherit;
    text-decoration: underline;
    cursor: pointer;
}
body { padding-bottom: var(--cookie-banner-height, 0px); }
@media (max-width: 767px) {
    .cookie-banner { padding-inline: 18px; }
    .cookie-banner__inner { flex-direction: column; gap: 12px; text-align: center; }
}