/* PeakNits – prośba o zgodę na statystyki (js/consent.js). Mała, u dołu, nie zasłania treści; dwa równorzędne przyciski. */
.pn-consent {
  position: fixed; left: 50%; bottom: calc(14px + env(safe-area-inset-bottom)); transform: translateX(-50%); z-index: 50;
  width: min(680px, calc(100vw - 24px)); box-sizing: border-box; display: flex; align-items: center; gap: 12px 18px;
  background: #0b0b0b; border: 1px solid #2a2a2a; border-radius: 12px; padding: 12px 16px; box-shadow: 0 8px 32px #000;
  font: 13.5px/1.5 system-ui, sans-serif; color: #9a9a9a;
}
.pn-consent[hidden] { display: none; }
.pn-consent p { margin: 0; flex: 1; }
.pn-consent b { color: #e0e0e0; font-weight: 600; }
.pn-consent a { color: #b9b9b9; }
.pn-consent-b { display: flex; gap: 8px; flex: none; }
.pn-consent button {
  font: inherit; font-size: 14px; font-weight: 600; color: #e6e6e6; background: #141414; border: 1px solid #3a3a3a;
  border-radius: 8px; padding: 7px 14px; cursor: pointer;
}
.pn-consent button:hover { border-color: #6b5cff; color: #fff; }
/* nigdy w trakcie testu ani na wydruku */
body.view-run .pn-consent { display: none !important; }
@media print { .pn-consent { display: none !important; } }
@media (max-width: 600px) {
  .pn-consent { flex-direction: column; align-items: stretch; bottom: 0; width: 100%; border-radius: 14px 14px 0 0; border-width: 1px 0 0;
    padding: 14px calc(16px + env(safe-area-inset-right)) calc(14px + env(safe-area-inset-bottom)) calc(16px + env(safe-area-inset-left)); }
  .pn-consent-b button { flex: 1; padding: 10px 14px; }
}