.kuki{
  position: fixed; z-index: 95;
  right: 0;

  bottom: calc(var(--niz-slova) + var(--k-lid) * 0.514);
  width: min(380px, calc(100vw - var(--pole-ekrana)));
  display: flex; flex-direction: column; align-items: stretch; gap: 0.75rem;
  padding: 0.9rem 0.9rem 0.85rem 1rem;
  border-radius: 18px 0 0 18px;
  background: color-mix(in srgb, var(--bumaga) 84%, transparent);
  -webkit-backdrop-filter: blur(18px) saturate(1.3);
  backdrop-filter: blur(18px) saturate(1.3);
  border: 1px solid rgba(255, 255, 255, 0.7);
  border-right: 0;
  box-shadow:
    0 14px 40px -16px rgba(0, 18, 9, 0.38),
    0 0 0 1px rgba(35, 31, 32, 0.06),
    inset 0 1px 0 rgba(255, 255, 255, 0.65);
  color: var(--chernila);
}
.kuki[hidden]{ display: none; }
.kuki.vidno{ animation: kuki-vhod 0.34s cubic-bezier(0.16, 1, 0.3, 1) both; }
@keyframes kuki-vhod{
  from{ opacity: 0; translate: 100% 0; }
  to{ opacity: 1; translate: 0 0; }
}

.kuki__slova{ display: flex; align-items: flex-start; gap: 0.65rem; min-width: 0; }
.kuki__znak{
  flex: 0 0 auto; display: inline-flex; align-items: center; justify-content: center;
  width: 28px; height: 28px; border-radius: 50%;
  background: color-mix(in srgb, var(--zelenyy) 12%, transparent);
  color: var(--zelenyy);
}
.kuki__znak svg{ width: 14px; height: 14px; display: block; }

.kuki__tekst{
  margin: 0;
  font-size: var(--k-melko); line-height: 1.4;
  color: color-mix(in srgb, var(--chernila) 66%, transparent);
}
.kuki__tekst b{ font-weight: 700; color: var(--chernila); }
.kuki__ssylka{
  color: var(--zelenyy); text-decoration: underline dotted;
  text-underline-offset: 0.2em;
}
.kuki__ssylka:hover{ text-decoration-style: solid; }

.kuki__knopki{ display: flex; align-items: center; gap: 0.35rem; }
.kuki__nuzhnye,
.kuki__prinyat{
  appearance: none; border: 0; cursor: pointer; white-space: nowrap;
  font-family: inherit; font-weight: 700; text-transform: uppercase;
  font-size: var(--k-metka); letter-spacing: 0.12em; line-height: 1;
  padding: 0.95em 1em; border-radius: 999px;
  flex: 1 1 0; text-align: center;
  text-box: trim-both cap alphabetic;
}
.kuki__nuzhnye{
  background: transparent;
  color: color-mix(in srgb, var(--chernila) 70%, transparent);
  transition: background 200ms ease, color 200ms ease;
}
.kuki__nuzhnye:hover{
  background: color-mix(in srgb, var(--zelenyy) 10%, transparent);
  color: var(--zelenyy);
}
.kuki__prinyat{
  font-weight: 900;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.18), 0 4px 14px -4px rgba(225, 38, 28, 0.45);
}

@media (max-width: 860px){
  .kuki{
    width: calc(100vw - var(--pole-ekrana));
    bottom: var(--pole-ekrana);
    padding: 0.8rem 0.8rem 0.7rem 0.9rem;
    border-radius: 16px 0 0 16px;
  }
}
@media (prefers-reduced-motion: reduce){
  .kuki.vidno{ animation: none; }
}

.list--afisha .final-podval__kuki{
  appearance: none; background: none; border: 0; padding: 0;
  font: inherit; cursor: pointer;
}