/* ============================================================
   УВЕДОМЛЕНИЕ О ФАЙЛАХ COOKIE

   Маленькая карточка в левом нижнем углу. Контент не перекрывает
   и ничего не блокирует: человек может её просто не заметить
   и читать страницу дальше. Закрывается одним нажатием
   и больше никогда не появляется.

   Правый нижний угол занят плавающей кнопкой мессенджеров
   (58 px + отступ 30 px), поэтому на узких экранах карточка
   поднимается над ней.
   ============================================================ */

.cookie-note{
  position:fixed;
  left:16px;bottom:16px;
  z-index:500;
  max-width:340px;
  padding:14px 16px;
  display:flex;flex-wrap:wrap;align-items:center;gap:10px;
  background:var(--white);
  border:1px solid var(--line);
  border-radius:var(--r-sm);
  box-shadow:var(--shadow);
}

/* display:flex выше перебил бы служебный hidden — возвращаем его силу. */
.cookie-note[hidden]{display:none}

.cookie-note__text{
  flex:1 1 100%;
  margin:0;
  padding-right:16px;          /* место под крестик */
  font-size:12.5px;line-height:1.55;
  color:var(--muted);
}

.cookie-note__text a{
  color:var(--amber-deep);
  text-decoration:underline;text-underline-offset:2px;
}
.cookie-note__text a:hover{text-decoration:none}

.cookie-note__ok{
  font-family:var(--font-display);
  font-size:13px;font-weight:700;letter-spacing:-.01em;
  padding:8px 20px;
  border:0;border-radius:999px;
  background:var(--amber);color:var(--on-accent);
  cursor:pointer;
  transition:background .18s ease;
}
.cookie-note__ok:hover{background:var(--amber-grad)}

.cookie-note__close{
  position:absolute;top:7px;right:9px;
  width:24px;height:24px;
  display:flex;align-items:center;justify-content:center;
  border:0;border-radius:50%;background:none;
  font-size:19px;line-height:1;color:var(--muted);
  cursor:pointer;
  transition:color .18s ease,background .18s ease;
}
.cookie-note__close:hover{color:var(--text);background:var(--cream)}

@media (max-width:600px){
  .cookie-note{
    left:12px;right:12px;
    bottom:96px;               /* над кнопкой мессенджеров */
    max-width:none;
  }
}