.cookie-banner { position: fixed; bottom: -100%; left: 0; right: 0; background: var(--navy); border-top: 2px solid var(--amber); z-index: 9999; padding: 24px; transition: bottom 0.4s ease-in-out; box-shadow: 0 -10px 30px rgba(0,0,0,0.5); }
.cookie-banner.show { bottom: 0; }
.cookie-content { max-width: 1200px; margin: 0 auto; display: flex; flex-direction: column; gap: 16px; }
.cookie-content h2 { font-family: "Barlow Condensed", sans-serif; font-size: 1.5rem; color: var(--amber); margin: 0; text-transform: uppercase; }
.cookie-content p { font-size: 0.95rem; color: var(--offwhite); margin: 0; line-height: 1.5; }
.cookie-content a { color: var(--amber); text-decoration: underline; }
.cookie-buttons { display: flex; gap: 12px; margin-top: 8px; }
.btn-cookie { font-family: "Barlow Condensed", sans-serif; font-size: 1.1rem; font-weight: 700; text-transform: uppercase; padding: 12px 24px; cursor: pointer; border: none; transition: all 0.2s; }
.btn-cookie-primary { background: var(--amber); color: var(--black); }
.btn-cookie-primary:hover { background: var(--amber-bright); }
.btn-cookie-secondary { background: transparent; color: var(--white); border: 1px solid var(--muted); }
.btn-cookie-secondary:hover { border-color: var(--amber); color: var(--amber); }
@media (min-width: 768px) { .cookie-content { flex-direction: row; align-items: center; justify-content: space-between; } .cookie-content p { flex: 1; margin-right: 24px; } .cookie-buttons { margin-top: 0; flex-shrink: 0; } }