/* Consent bar (js/consent.js): slim bar across the bottom of the screen.
   Accept = gold button (like "See the clothing"), Decline = gold outline (like the ring cards). Same size, same place.
   Drawn at the same desktop scale as the page. */
.qx-consent[hidden] { display: none !important; }
.qx-consent {
  position: fixed; z-index: 60; zoom: var(--page-zoom, 1);
  left: 0; right: 0; bottom: 0; display: flex; align-items: center; gap: 1rem 2rem;
  padding: 1rem max(1.25rem, calc((100% - 72rem) / 2)) max(1rem, env(safe-area-inset-bottom));
  border-top: 1px solid var(--glass-edge); background: rgba(7, 6, 15, .9);
  -webkit-backdrop-filter: blur(8px); backdrop-filter: blur(8px);
  color: var(--star); font: 300 .95rem/1.55 var(--body);
  animation: qx-consent-in .45s cubic-bezier(.2, .8, .2, 1);
}
.qx-consent-copy { flex: 1 1 auto; }
.qx-consent-title { margin: 0 0 .35rem; font: 500 .8rem/1.4 var(--classic); letter-spacing: .16em; text-transform: uppercase; color: var(--gold); }
.qx-consent-text { margin: 0; max-width: none; color: var(--mist); }
.qx-consent-link { color: var(--lilac); text-underline-offset: 3px; }
.qx-consent-link:hover { color: var(--star); }
.qx-consent-buttons { flex: 0 0 auto; display: flex; gap: .75rem; }
.qx-consent-btn {
  flex: 0 0 auto; min-width: 8rem; min-height: 2.75rem; padding: .55rem 1.3rem .55rem calc(1.3rem + .08em);
  border: 1px solid var(--gold); border-radius: 999px; cursor: pointer;
  font: 700 .82rem/1.4 var(--classic); letter-spacing: .16em; text-transform: uppercase;
  transition: box-shadow .2s, transform .2s, background .2s;
}
.qx-consent-btn:hover { transform: translateY(-1px); }
.qx-consent-yes { color: var(--void); background: var(--gold); }
.qx-consent-yes:hover { box-shadow: 0 0 22px rgba(227, 196, 102, .6); }
.qx-consent-no { color: var(--gold); background: transparent; }
.qx-consent-no:hover { background: rgba(227, 196, 102, .12); box-shadow: 0 0 18px rgba(227, 196, 102, .45); }
@media (max-width: 720px) {
  .qx-consent { flex-direction: column; align-items: stretch; }
  .qx-consent-btn { flex: 1 1 0; min-width: 0; padding-left: .8rem; padding-right: .8rem; }
}
@keyframes qx-consent-in { from { opacity: 0; transform: translateY(1.25rem); } to { opacity: 1; transform: none; } }
@media (prefers-reduced-motion: reduce) { .qx-consent { animation: none; } .qx-consent-btn { transition: none; } }

/* "Privacy statement" link under the footer (index.html, privacy.html): the way back to change the choice. */
.qx-legal { max-width: none; margin: calc(-1 * var(--page-gap) + .9rem) 0 0; text-align: center; font: 400 .72rem/1.6 var(--body); letter-spacing: .16em; text-transform: uppercase; }
.qx-legal a { color: var(--mist); text-underline-offset: 3px; }
.qx-legal a:hover { color: var(--gold); }