.cookie-banner {
    position: fixed;
    right: 16px;
    bottom: 16px;
    left: 16px;
    z-index: 1200;
}

.cookie-banner[hidden] { display: none !important; }

.cookie-panel {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    width: min(980px, 100%);
    margin: 0 auto;
    padding: 18px 20px;
    gap: 16px;
    border: 1px solid rgb(255 255 255 / 12%);
    border-radius: 18px;
    background: linear-gradient(180deg, rgb(14 20 34 / 97%), rgb(8 12 22 / 97%));
    box-shadow: 0 18px 70px rgb(0 0 0 / 45%);
    color: rgb(255 255 255 / 92%);
    backdrop-filter: blur(10px);
}

.cookie-copy { max-width: 700px; }
.cookie-title { margin: 0 0 6px; color: white; font-size: 16px; font-weight: 700; }
.cookie-text { margin: 0; color: rgb(255 255 255 / 70%); font-size: 14px; line-height: 1.55; }
.cookie-text a { color: #7fb4ff; text-decoration: underline; text-underline-offset: 2px; }
.cookie-actions { display: flex; flex-shrink: 0; flex-wrap: wrap; gap: 10px; }

.cookie-button,
.cookie-manage {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 10px 14px;
    border: 1px solid rgb(90 160 255 / 55%);
    border-radius: 12px;
    background: rgb(90 160 255 / 14%);
    color: #9bc5ff;
    font: inherit;
    font-weight: 600;
    cursor: pointer;
}

.cookie-button:hover,
.cookie-manage:hover { border-color: rgb(90 160 255 / 80%); background: rgb(90 160 255 / 20%); color: white; }
.cookie-button.secondary { border-color: rgb(255 255 255 / 16%); background: rgb(255 255 255 / 4%); color: rgb(255 255 255 / 78%); }

.cookie-manage {
    position: fixed;
    right: 16px;
    bottom: 16px;
    z-index: 1190;
    box-shadow: 0 10px 30px rgb(0 0 0 / 30%);
    font-size: 13px;
}

body.cookie-open .cookie-manage { display: none; }

@media (max-width: 760px) {
    .cookie-banner { right: 12px; bottom: 12px; left: 12px; }
    .cookie-panel { align-items: stretch; flex-direction: column; padding: 16px; }
    .cookie-actions { width: 100%; }
    .cookie-actions .cookie-button { flex: 1 1 auto; }
    .cookie-manage { right: 12px; bottom: 12px; }
}