/* nassesohr — goldene Haarlinie, Outfit + Cormorant */
.th-consent {
  position: fixed;
  z-index: 99999;
  left: 0;
  right: 0;
  bottom: 0;
  padding: 1.25rem 1.4rem calc(1.3rem + env(safe-area-inset-bottom));
  background: #12090b;
  color: #f6ebe4;
  border-top: 1px solid rgba(212, 176, 122, 0.28);
  font-family: Outfit, ui-sans-serif, system-ui, sans-serif;
  font-size: 0.88rem;
  line-height: 1.5;
}
.th-consent[hidden] { display: none !important; }
.th-consent-inner {
  max-width: 38rem;
  margin: 0 auto;
  display: grid;
  gap: 0.95rem;
}
.th-consent-inner::before {
  content: "Ohr";
  font-family: "Cormorant Garamond", Palatino, Georgia, serif;
  font-size: 1.7rem;
  font-weight: 500;
  letter-spacing: 0.04em;
  color: #d4b07a;
}
.th-consent p { margin: 0; color: #b9a49a; }
.th-consent a { color: #d4b07a; }
.th-consent-actions { display: flex; flex-wrap: wrap; gap: 0.55rem; }
.th-consent button {
  appearance: none;
  border: 1px solid #d4b07a;
  background: transparent;
  color: #d4b07a;
  border-radius: 0;
  padding: 0.8rem 1.2rem;
  font: inherit;
  font-size: 0.72rem;
  font-weight: 600;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  cursor: pointer;
}
.th-consent-accept { background: #c45a6a; border-color: #c45a6a; color: #fff6f4; }
.th-consent-reject { color: #b9a49a; border-color: rgba(212, 176, 122, 0.35) !important; }
.th-consent-settings { border-style: dashed; }
.th-consent-panel { display: grid; gap: 0.5rem; }
.th-consent-panel label { display: flex; gap: 0.55rem; color: #f6ebe4; font-size: 0.82rem; }
.th-consent-panel input { margin-top: 0.2rem; accent-color: #d4b07a; }
.th-consent-essential { opacity: 0.7; font-size: 0.78rem; }