.cookie-banner[hidden],.cookie-banner .cookie-details[hidden]{display:none!important}
.cookie-banner{position:fixed;z-index:10000;inset:auto 0 0;width:100%;box-sizing:border-box;display:flex;align-items:center;gap:32px;padding:16px 4vw calc(16px + env(safe-area-inset-bottom,0px));background:#151517;color:#f4f2eb;border-top:1px solid #343438;box-shadow:0 -6px 28px #0003;max-height:80dvh;overflow:auto;overscroll-behavior:contain;font-family:var(--font-display,Arial,sans-serif)}
.cookie-copy{flex:1;min-width:0}
.cookie-banner h2{font:600 .9375rem/1.3 var(--font-display,Arial,sans-serif);letter-spacing:-.015em;margin:0 0 4px}
.cookie-banner p{font:400 .8125rem/1.5 var(--font-display,Arial,sans-serif);color:#c1c0ba;margin:0}
.cookie-banner a{color:#f4f2eb;text-decoration:underline;text-underline-offset:3px}
.cookie-banner .cookie-current{font-size:.75rem;color:#aaa9a2;margin:4px 0 0}
.cookie-banner .cookie-current:empty{display:none}
.cookie-actions{display:flex;gap:8px;align-items:center;flex-shrink:0}
.cookie-actions button{appearance:none;box-sizing:border-box;min-height:44px;border:1px solid #55555b;border-radius:5px;padding:10px 22px;background:#232326;color:#f4f2eb;font:500 .8125rem/1.3 var(--font-display,Arial,sans-serif);cursor:pointer;transition:background .15s,border-color .15s;white-space:nowrap}
.cookie-actions button:hover{background:#303034;border-color:#929299}
.cookie-actions .cookie-more{border-color:transparent;background:transparent;color:#c1c0ba;padding-inline:12px;font-size:.75rem;text-decoration:underline;text-underline-offset:4px}
.cookie-actions .cookie-more:hover{background:transparent;color:#fff;border-color:transparent}
.cookie-banner button:focus-visible,.cookie-banner a:focus-visible{outline:2px solid #8296ff;outline-offset:3px}
.cookie-banner .cookie-details{border-top:1px solid #343438;margin-top:12px;padding-top:12px;max-width:850px}
.cookie-details h3{font:600 .875rem/1.4 var(--font-display,Arial,sans-serif);margin:0 0 8px}
.cookie-banner .cookie-details p+p{margin-top:8px}
.cookie-settings{font:inherit;color:inherit;background:transparent;border:0;padding:0;text-decoration:underline;text-underline-offset:3px;cursor:pointer}
.cookie-settings:focus-visible{outline:2px solid currentColor;outline-offset:4px}
@media(max-width:760px){.cookie-banner{flex-direction:column;align-items:stretch;gap:12px;padding:14px 18px calc(14px + env(safe-area-inset-bottom,0px))}.cookie-actions{display:grid;grid-template-columns:1fr 1fr auto}.cookie-actions button{padding:10px 12px}.cookie-actions .cookie-more{padding-inline:6px}}
@media(max-width:340px){.cookie-actions{grid-template-columns:1fr 1fr}.cookie-actions .cookie-more{grid-column:1/-1;min-height:32px;padding:6px}}
@media(prefers-reduced-motion:reduce){.cookie-actions button{transition:none}}

/* Compact banner; retain comfortable touch targets on touch devices. */
@media(min-width:761px){.cookie-banner{gap:24px;padding:8px 4vw calc(8px + env(safe-area-inset-bottom,0px))}.cookie-banner h2{display:inline;font-size:.8125rem;margin:0 10px 0 0}.cookie-copy>p:not(.cookie-current){display:inline;font-size:.75rem;line-height:1.45}.cookie-actions button{min-height:34px;padding:7px 18px;font-size:.75rem}.cookie-actions .cookie-more{font-size:.6875rem}.cookie-banner .cookie-details p{display:block}.cookie-banner .cookie-current{margin-top:3px}}
@media(max-width:760px){.cookie-banner{gap:7px;padding:10px 16px calc(10px + env(safe-area-inset-bottom,0px))}.cookie-banner h2{font-size:.8125rem;margin-bottom:3px}.cookie-banner p{font-size:.75rem;line-height:1.4}.cookie-actions{gap:6px}.cookie-actions button{padding:8px 12px;font-size:.75rem}}
@media(pointer:coarse){.cookie-actions button{min-height:44px}}