.cookie-consent {
    position: fixed;
    z-index: 9999;
    left: 20px;
    right: 20px;
    bottom: 20px;
    max-width: 760px;
    margin: 0 auto;
    padding: 20px;
    display: grid;
    grid-template-columns: 1fr auto;
    gap: 18px 24px;
    align-items: center;
    border: 1px solid rgba(255,255,255,.3);
    border-radius: 14px;
    background: rgba(12,12,13,.98);
    box-shadow: 0 20px 60px rgba(0,0,0,.55);
    color: #f7f7f5;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.cookie-consent[hidden] { display: none; }
.cookie-consent p { margin: 0; color: #aaa; font-size: 12px; line-height: 1.6; }
.cookie-consent strong { display: block; margin-bottom: 4px; color: #fff; font-size: 11px; letter-spacing: .12em; text-transform: uppercase; }
.cookie-consent a { color: #fff; text-underline-offset: 3px; }
.cookie-actions { display: flex; flex-wrap: wrap; gap: 9px; }
.cookie-actions button { min-height: 40px; padding: 0 15px; border: 1px solid #fff; border-radius: 5px; font: inherit; font-size: 9px; font-weight: 600; letter-spacing: .1em; text-transform: uppercase; cursor: pointer; }
.cookie-actions .accept { background: #fff; color: #000; }
.cookie-actions .essential { background: transparent; color: #fff; }
@media (max-width: 680px) {
    .cookie-consent { grid-template-columns: 1fr; left: 12px; right: 12px; bottom: 12px; }
    .cookie-actions button { flex: 1; }
}