/* ---------- Cookie notice (shared by all pages) ---------- */
.cookie-notice{
  position:fixed;
  left:16px; right:16px;
  bottom:calc(16px + env(safe-area-inset-bottom, 0px));
  z-index:1000;
  max-width:760px;
  margin:0 auto;
  display:flex; align-items:center; gap:20px;
  padding:18px 22px;
  background:#232224;
  color:#ffffff;
  border-left:4px solid #e8622c;
  border-radius:4px;
  box-shadow:0 24px 50px -20px rgba(35,34,36,0.55);
  transform:translateY(0);
  opacity:1;
  transition:transform 0.3s ease, opacity 0.3s ease;
}
.cookie-notice.is-hidden{transform:translateY(24px); opacity:0;}
.cookie-notice p{
  margin:0; flex:1;
  font-size:0.88rem; line-height:1.55;
  color:rgba(255,255,255,0.85);
}
.cookie-notice a{
  color:#ffffff;
  text-decoration:underline;
  text-underline-offset:3px;
}
.cookie-notice a:hover{color:#e8622c;}
.cookie-notice button{
  flex:none;
  padding:11px 26px;
  border:0;
  border-radius:2px;
  background:#e8622c;
  color:#ffffff;
  font:inherit; font-weight:600; font-size:0.88rem;
  cursor:pointer;
  transition:background 0.18s ease;
}
.cookie-notice button:hover{background:#c94f1d;}
.cookie-notice a:focus-visible,
.cookie-notice button:focus-visible{outline:2.5px solid #e8622c; outline-offset:3px;}

@media (max-width:560px){
  .cookie-notice{flex-direction:column; align-items:stretch; gap:14px; padding:16px 18px;}
  .cookie-notice button{width:100%; padding:13px 20px;}
}
@media (prefers-reduced-motion: reduce){
  .cookie-notice{transition:none;}
}