/* Digital Core — cookie notice (uses variables from style.css) */
.cookie-note{position:fixed;z-index:60;left:24px;bottom:24px;width:min(560px,calc(100vw - 48px));
  display:flex;flex-direction:row;align-items:center;gap:20px;padding:16px 16px 16px 22px;
  border-radius:var(--r,22px);border:1px solid var(--line-2);
  background:rgba(16,14,11,.78);backdrop-filter:blur(18px) saturate(140%);-webkit-backdrop-filter:blur(18px) saturate(140%);
  box-shadow:0 24px 60px -20px rgba(0,0,0,.7),inset 0 1px 0 rgba(243,221,168,.06);
  color:var(--ink-2);font-family:var(--sans);font-size:13px;line-height:1.5;
  opacity:0;transform:translateY(16px);pointer-events:none;
  transition:opacity .6s var(--ease),transform .6s var(--ease)}
.cookie-note.is-visible{opacity:1;transform:none;pointer-events:auto}
html.locked .cookie-note{display:none}
.cookie-note.is-leaving{opacity:0;transform:translateY(16px);pointer-events:none}
.cookie-note-text a{color:var(--gold-l);text-decoration:underline;text-decoration-color:var(--line-2);text-underline-offset:3px;transition:color .3s,text-decoration-color .3s}
.cookie-note-text a:hover{color:var(--gold);text-decoration-color:var(--gold)}
.cookie-note-btns{display:flex;gap:8px;flex:none}
.cookie-note-btn{min-width:0;padding:0 18px}

@media (max-width:760px){
  .cookie-note{left:12px;right:12px;width:auto;
    bottom:calc(env(safe-area-inset-bottom) + 12px);
    gap:12px;padding:14px 14px 14px 16px;border-radius:18px;font-size:12.5px}
  .cookie-note{flex-direction:column;align-items:stretch}
  .cookie-note-btns .btn{flex:1}
}
@media (max-width:380px){
  .cookie-note{flex-direction:column;align-items:stretch}
}
@media (prefers-reduced-motion:reduce){
  .cookie-note{transition:none}
}