/* me-cookie.css: cookie banner, bottom sheet, equal Accept/Reject. */
.me-cookie { position: fixed; inset: auto 0 0; z-index: 60; padding: 0 var(--me-gutter) 1.6rem; pointer-events: none; }
.me-cookie[hidden] { display: none; }
.me-cookie__inner { pointer-events: auto; max-width: 72rem; margin: 0 auto; background: rgb(var(--color-background)); color: rgb(var(--color-foreground)); border: 1px solid var(--color-mist); padding: 2rem 2.4rem; display: grid; gap: 1.6rem; transform: translateY(1.6rem); opacity: 0; transition: opacity 320ms var(--me-ease), transform 320ms var(--me-ease); }
.me-cookie.is-open .me-cookie__inner { transform: none; opacity: 1; }
.me-cookie__text { margin: 0; font-size: 1.4rem; line-height: 1.6; }
.me-cookie__actions { display: flex; flex-wrap: wrap; gap: 1rem; }
.me-cookie__btn { flex: 1 1 18rem; min-height: 4.8rem; }
.me-cookie-settings { margin: 0.8rem 0 0; text-align: center; }
.me-cookie-settings .link { background: none; border: 0; padding: 0; font: inherit; font-size: 1.2rem; color: var(--color-stone); cursor: pointer; text-decoration: underline; text-underline-offset: 0.3em; }
@media screen and (min-width: 750px) { .me-cookie__inner { grid-template-columns: 1fr auto; align-items: center; } .me-cookie__btn { flex: 0 0 auto; } }
@media (prefers-reduced-motion: reduce) { .me-cookie__inner { transition: none; } }