.cookies { position: fixed; z-index: 140; left: 18px; bottom: 18px; width: min(420px, calc(100vw - 36px)); padding: 20px 22px 16px; border-radius: 18px; background: rgba(16, 30, 23, .97); color: #f3ecdc; box-shadow: 0 0 0 1px rgba(243, 236, 220, .14), 0 30px 80px -20px rgba(0, 0, 0, .7); font-family: "Manrope", "Segoe UI", system-ui, sans-serif; font-size: .88rem; line-height: 1.5; opacity: 0; transform: translateY(16px); transition: opacity .4s, transform .5s cubic-bezier(.22, .8, .24, 1); -webkit-backdrop-filter: blur(12px); backdrop-filter: blur(12px); }
.cookies.on { opacity: 1; transform: none; }
.cookies[hidden] { display: none !important; }
.cookies__titre { margin: 0 0 6px; font-family: "Fraunces", Georgia, serif; font-size: 1.2rem; color: #f3ecdc; }
.cookies__texte { margin: 0 0 14px; color: rgba(243, 236, 220, .8); }
.cookies__details { display: grid; gap: 10px; margin: 0 0 14px; padding: 12px 0; border-top: 1px solid rgba(243, 236, 220, .14); border-bottom: 1px solid rgba(243, 236, 220, .14); }
.cookies__ligne { display: grid; grid-template-columns: auto 1fr; gap: 10px; align-items: start; font-size: .82rem; color: rgba(243, 236, 220, .75); cursor: pointer; }
.cookies__ligne input { width: 18px; height: 18px; margin-top: 2px; accent-color: #e3b06a; }
.cookies__ligne b { display: block; color: #f3ecdc; font-weight: 700; }
.cookies__boutons { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; }

.cookies__bouton { padding: 11px 14px; border: 0; border-radius: 999px; background: #f3ecdc; color: #13241c; font: inherit; font-weight: 700; font-size: .84rem; cursor: pointer; transition: background .25s, transform .3s; }
.cookies__bouton:hover { background: #fff; transform: translateY(-1px); }
.cookies__pied { display: flex; justify-content: space-between; gap: 12px; margin: 12px 0 0; }
.cookies__lien { padding: 0; border: 0; background: none; color: rgba(243, 236, 220, .75); font: inherit; font-size: .8rem; text-decoration: underline; text-underline-offset: 3px; text-decoration-color: rgba(243, 236, 220, .3); cursor: pointer; }
.cookies__lien:hover { color: #f3ecdc; }
.cookies :focus-visible { outline: 2px solid #e3b06a; outline-offset: 2px; }

.lien-cookies { padding: 0; border: 0; background: none; color: inherit; font: inherit; text-decoration: underline; text-underline-offset: 4px; text-decoration-color: currentColor; cursor: pointer; opacity: .9; }
@media (max-width: 760px) {
  .cookies { left: 10px; right: 10px; bottom: 10px; width: auto; padding: 16px 16px 12px; font-size: .84rem; }
}
@media (prefers-reduced-motion: reduce) { .cookies { transition: none; } }