.cookie-panel { position: fixed; bottom: 20px; left: 20px; right: 20px; z-index: 2000; max-width: 1080px; margin: auto; display: grid; grid-template-columns: 1fr 220px; gap: 28px; padding: 28px; background: #171b1e; color: #fff; border: 1px solid #c99a52; box-shadow: 0 12px 70px #0006; max-height: calc(100dvh - 40px); overflow-y: auto; }
.cookie-panel[hidden], .cookie-panel button[hidden] { display: none; }
.cookie-panel .cookie-eyebrow { color: #dfb675; font-size: .7rem; text-transform: uppercase; letter-spacing: .12em; margin: 0 0 8px; }
.cookie-panel h2 { color: #fff; font-size: 1.3rem; margin: 0 0 10px; }
.cookie-panel p { font-size: .85rem; color: #d3d7d9; margin: 0 0 10px; line-height: 1.65; }
.cookie-panel a { color: #dfb675; text-decoration: underline; font-size: .85rem; }
.cookie-panel .cookie-current { margin: 10px 0 0; }
.cookie-current:empty { display: none; }
.cookie-actions { display: flex; flex-direction: column; justify-content: center; gap: 10px; }
.cookie-actions button { background: #dfb675; color: #171b1e; border: 1px solid #dfb675; min-height: 44px; padding: 10px 16px; font: inherit; font-size: .85rem; font-weight: 600; cursor: pointer; }
.cookie-actions .cookie-close { background: transparent; color: #fff; border-color: #747b80; }
.cookie-panel :focus-visible { outline: 3px solid white; outline-offset: 3px; }
@media(max-width:600px) { .cookie-panel { bottom: 10px; left: 10px; right: 10px; padding: 20px; grid-template-columns: 1fr; gap: 16px; max-height: calc(100dvh - 20px); } .cookie-actions { display: grid; grid-template-columns: 1fr 1fr; } .cookie-close { grid-column: 1/-1; } }