.deck-privacy-button {
  position: fixed;
  left: 18px;
  bottom: 16px;
  z-index: 31;
  border: 1px solid rgba(107, 107, 107, .35);
  border-radius: 999px;
  background: rgba(250, 248, 245, .9);
  color: #14120f;
  padding: 7px 11px;
  font: 500 11px/1 "Funnel Sans", -apple-system, sans-serif;
  cursor: pointer;
  backdrop-filter: blur(12px);
}

.deck-consent {
  position: fixed;
  left: 18px;
  bottom: 56px;
  z-index: 32;
  display: none;
  width: min(390px, calc(100vw - 36px));
  border: 1px solid #ded8cf;
  border-radius: 18px;
  background: #fff;
  color: #14120f;
  padding: 17px;
  text-align: left;
  box-shadow: 0 18px 60px rgba(20, 18, 15, .24);
  font: 400 13px/1.4 "Funnel Sans", -apple-system, sans-serif;
}

.deck-consent.is-open { display: block; }
.deck-consent__header { display: flex; align-items: center; justify-content: space-between; gap: 16px; }
.deck-consent__header strong { font-size: 15px; }
.deck-consent__header button { border: 0; background: transparent; color: #6b6b6b; font-size: 21px; cursor: pointer; }
.deck-consent > p { margin: 5px 0 13px; color: #6b6b6b; font-size: 12px; }
.deck-consent a { color: inherit; }
.deck-consent label { display: flex; align-items: flex-start; gap: 9px; margin-top: 8px; border: 1px solid #e5dfd7; border-radius: 11px; padding: 9px; cursor: pointer; }
.deck-consent input { margin-top: 2px; accent-color: #14120f; }
.deck-consent label b, .deck-consent label small { display: block; }
.deck-consent label small { margin-top: 1px; color: #6b6b6b; font-size: 11px; }
.deck-consent__actions { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 7px; margin-top: 13px; }
.deck-consent__actions button { min-height: 34px; border: 1px solid #ded8cf; border-radius: 10px; background: #fff; color: #14120f; padding: 0 10px; font: 600 11px/1 "Funnel Sans", -apple-system, sans-serif; cursor: pointer; }
.deck-consent__actions .primary { border-color: #14120f; background: #14120f; color: #fff; }

body.on-dark .deck-privacy-button { border-color: rgba(250, 248, 245, .28); background: rgba(20, 18, 15, .8); color: #faf8f5; }

@media (max-width: 720px) {
  .deck-privacy-button { left: 10px; bottom: 9px; padding: 6px 9px; font-size: 10px; }
  .deck-consent { left: 10px; bottom: 46px; width: calc(100vw - 20px); padding: 14px; }
  .deck-consent__actions { display: grid; grid-template-columns: 1fr 1fr; }
  .deck-consent__actions .primary { grid-column: 1 / -1; }
}

@media print {
  .deck-privacy-button, .deck-consent { display: none !important; }
}