/* в шапке подсказка снизу: сверху край экрана */
/* cookie — тёмная плашка слева внизу, компактная; появляется снизу через 1.2 с */
.cookie{position:fixed;left:16px;bottom:16px;z-index:50;display:flex;align-items:center;gap:16px;max-width:min(560px,calc(100vw - 32px));
    padding:14px 14px 14px 20px;border-radius:22px;color:rgba(255,255,255,.75);font-size:13px;line-height:1.45;
    background:rgba(27,28,30,.92);backdrop-filter:blur(10px);box-shadow:inset 0 0 0 1px rgba(255,255,255,.08),0 18px 40px -14px rgba(0,0,0,.5);
    animation:cookieIn .5s cubic-bezier(.2,1,.3,1)}
.cookie[hidden]{display:none}
.cookie p{margin:0}
.cookie a{color:#f3f1ec;text-decoration:underline;text-underline-offset:2px}
.cookie__ok{flex:none;height:40px;padding:0 18px;border:0;border-radius:99px;background:var(--y);color:var(--ink);font:inherit;font-size:14px;font-weight:700;cursor:pointer;transition:background .2s}
.cookie__ok:hover{background:#ffcd2e}
.cookie__ok:focus-visible{outline:3px solid #fff;outline-offset:2px}
@media(prefers-reduced-motion:reduce){
  .cookie{animation:none}
}
@media(max-width:560px){
  .cookie{left:8px;right:8px;bottom:8px;max-width:none;flex-direction:column;align-items:stretch;gap:10px}
}
@keyframes cookieIn{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}