/* Juhaus 3 analytics choice; ordinary native buttons, no focus trap. */
.j3-consent[hidden] { display: none !important; }
.j3-consent { position: fixed; z-index: 1500; inset: auto 18px 18px; box-sizing: border-box; display: flex; align-items: center; justify-content: space-between; gap: 24px; max-width: 940px; max-height: 75vh; max-height: 75dvh; margin-inline: auto; padding: 20px 24px; overflow: auto; background: #f5f6f5; color: #202427; border: 1px solid #9ca3a5; box-shadow: 0 8px 34px #20242726; font-family: var(--sans, Arial, sans-serif); }
.j3-consent-copy { min-width: 0; max-width: 590px; }
.j3-consent h2 { margin: 0 0 6px; color: #202427; font: 600 16px/1.4 var(--sans, Arial, sans-serif); letter-spacing: 0; }
.j3-consent p { margin: 0; color: #384044; font: 400 13px/1.6 var(--sans, Arial, sans-serif); overflow-wrap: break-word; }
.j3-consent a { color: #202427; text-decoration: underline; text-underline-offset: 3px; }
.j3-consent-actions { display: flex; flex: 0 0 auto; flex-wrap: wrap; gap: 10px; }
.j3-consent button, .j3-analytics-choice { min-height: 44px; padding: 11px 16px; border: 1px solid #50595d; border-radius: 0; color: #202427; background: #fff; font: 500 13px/1.4 var(--sans, Arial, sans-serif); cursor: pointer; }
.j3-consent .j3-consent-allow { border-color: #202427; color: #fff; background: #202427; }
.j3-consent button:focus-visible, .j3-consent a:focus-visible, .j3-analytics-choice:focus-visible { outline: 3px solid #712d40; outline-offset: 3px; }
@media (max-width: 700px) {
  .j3-consent { inset: auto 12px max(12px, env(safe-area-inset-bottom)); flex-direction: column; align-items: stretch; gap: 15px; padding: 17px; }
  .j3-consent-actions { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
  .j3-consent button { min-width: 0; padding-inline: 10px; }
}
@media (prefers-reduced-motion: reduce) { .j3-consent, .j3-consent * { scroll-behavior: auto; transition: none; } }