.cookie-panel { position:fixed; z-index:1000; bottom:1rem; left:1rem; right:1rem; max-width:76rem; margin:auto; padding:1.1rem 1.4rem; background:#f8f3ec; color:#39252b; border:1px solid #a79378; box-shadow:0 6px 30px #39252b25; display:flex; gap:1.5rem; align-items:center; }
.cookie-panel[hidden] { display:none; }
.cookie-panel h2 { font:600 1.25rem/1.3 Inter, sans-serif; margin:0 0 .5rem; }
.cookie-panel p { font:400 .875rem/1.6 Inter,sans-serif; margin:0; max-width:46rem; }
.cookie-panel a { text-decoration:underline; }
.cookie-actions { display:flex; flex-wrap:wrap; gap:.5rem; flex-shrink:0; }
.cookie-actions button { font:500 .8rem/1.4 Inter,sans-serif; min-height:44px; padding:.75rem .85rem; border:1px solid #39252b; background:transparent; color:#39252b; cursor:pointer; }
.cookie-actions button:hover { background:#ede3d7; }
.cookie-actions button:focus-visible,.cookie-preferences:focus-visible { outline:2px solid #39252b; outline-offset:3px; }
.cookie-preferences { font:inherit; background:transparent; border:0; color:inherit; text-decoration:underline; cursor:pointer; padding:.3rem 0; }
@media(max-width:900px) { .cookie-panel { flex-direction:column; align-items:flex-start; gap:.8rem; } }
@media(max-width:480px) { .cookie-panel { left:.5rem; right:.5rem; bottom:.5rem; padding:1rem; } .cookie-actions { width:100%; } .cookie-actions button { flex:1; font-size:.73rem; padding:.7rem .35rem; } }