/* ───────── pasek zgody na pomiar ruchu ─────────
   Wspolny dla calego serwisu. Samodzielny: nie korzysta ze zmiennych motywu,
   bo kazdy landing ma wlasny zestaw i pasek musi wygladac tak samo wszedzie.
   Wjezdza z dolu po ~1 s, zeby nie zaslaniac hero przy wejsciu. */
.cbar {
  /* Przypiety do lewej, nie wysrodkowany: na hero Flow pasek KPI siedzi po
     prawej i wysrodkowany baner kladl sie na nim przy pierwszym wejsciu. */
  position: fixed; left: 24px; bottom: 18px; z-index: 90;
  transform: translateY(160%);
  width: min(700px, calc(100vw - 48px));
  display: grid; grid-template-columns: minmax(0, 1fr) auto;
  gap: 14px 22px; align-items: center;
  padding: 16px 20px; border-radius: 18px;
  background: rgba(255, 255, 255, .92);
  border: 1px solid rgba(17, 24, 39, .1);
  backdrop-filter: blur(18px) saturate(1.6);
  -webkit-backdrop-filter: blur(18px) saturate(1.6);
  box-shadow: 0 18px 50px -14px rgba(13, 17, 23, .28);
  transition: transform .45s cubic-bezier(.2, .8, .2, 1);
}
.cbar.on { transform: translateY(0); }
.cbar[hidden] { display: none; }
.cbar p { margin: 0; font-size: 15px; line-height: 1.55; color: #374151; }
.cbar p b { color: #17352a; font-weight: 700; }
.cbar a { color: #16a34a; text-decoration: underline; text-underline-offset: 2px; }
.cbar-btns { display: flex; gap: 10px; flex-shrink: 0; }
.cbar-btn {
  min-height: 44px; padding: 10px 18px; border-radius: 10px;
  font-family: inherit; font-size: 15px; font-weight: 600;
  cursor: pointer; white-space: nowrap;
  transition: background .2s, border-color .2s, transform .12s;
}
.cbar-btn:active { transform: scale(.97); }
.cbar-btn { background: #fff; color: #17352a; border: 1px solid rgba(17, 24, 39, .16); }
.cbar-btn:hover { background: #f2f7f4; border-color: rgba(22, 163, 74, .45); }

/* Gdy pasek zgody jest na ekranie, mobilny pasek CTA chowa sie pod krawedz:
   dwa paski jeden na drugim zabieraja na telefonie polowe widoku. */
body.cookie-on .mobile-cta { transform: translateY(160%); }

@media (max-width: 640px) {
  .cbar { grid-template-columns: 1fr; bottom: 12px; padding: 14px 16px; }
  .cbar-btns { width: 100%; }
  .cbar-btn { flex: 1; }
}
@media (prefers-reduced-motion: reduce) { .cbar { transition: none; } }

/* Link do zmiany decyzji w stopce. Technicznie przycisk, bo otwiera pasek,
   a nie prowadzi pod adres — wyglada jednak jak sasiadujace linki stopki. */
.ft-prywatnosc {
  padding: 0; border: 0; background: none;
  font: inherit; color: inherit; cursor: pointer;
  text-decoration: none;
}
.ft-prywatnosc:hover { color: #111827; text-decoration: underline; text-underline-offset: 3px; }