/* consent.css — cookie consent bar fixed to the bottom of the viewport (02 s3). */

.consent {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: var(--z-toast);
  padding-block: var(--sp-4);
  background: var(--surface-raised);
  border-top: var(--border-w) solid var(--border);
  box-shadow: var(--sh-3);
}

.consent__inner { display: flex; flex-direction: column; gap: var(--sp-3); }
.consent__text { font-size: var(--fs-sm); color: var(--text); }
.consent__actions { flex: none; }

@media (min-width: 768px) {
  .consent__inner { flex-direction: row; align-items: center; justify-content: space-between; }
}