/* Independent styles; no site framework required. */
.cookie-consent[hidden] { display: none !important; }
.cookie-consent, .cookie-consent * { box-sizing: border-box; }
.cookie-consent {
  position: fixed; z-index: 2147483647; inset: auto 16px 16px;
  color: #333; background: #fff; border: 1px solid #e4d6d6; border-top: 3px solid #c73333;
  border-radius: 12px; box-shadow: 0 5px 28px #0003;
  font-family: inherit; font-size: 15px; line-height: 1.5;
  opacity: 0; transform: translateY(12px);
  transition: opacity .2s, transform .2s;
}
.cookie-consent.is-visible { opacity: 1; transform: translateY(0); }
.cookie-consent__inner { max-width: 1200px; margin: 0 auto; padding: 20px; display: flex; gap: 24px; align-items: center; }
.cookie-consent__content { flex: 1; min-width: 0; }
.cookie-consent__title { margin: 0 0 8px; font-size: 19px; font-weight: 700; }
.cookie-consent .cookie-consent__title { color: #333; }
.cookie-consent__text { margin: 0; color: #555; }
.cookie-consent__text a { color: inherit; text-decoration: underline; }
.cookie-consent__actions { display: flex; flex-wrap: wrap; gap: 10px; }
.cookie-consent__button { font: inherit; font-weight: 700; border: 1px solid #d7d7d7; padding: 11px 18px; border-radius: 6px; cursor: pointer; min-height: 44px; transition: background-color .2s, border-color .2s, color .2s; }
.cookie-consent__button--secondary { color: #333; background: #fff; }
.cookie-consent__button--secondary:hover { color: #c73333; border-color: #c73333; background: #fdf5f5; }
.cookie-consent__button--primary { color: #fff; background: #c73333; border-color: #c73333; }
.cookie-consent__button--primary:hover { background: #be2828; border-color: #be2828; }
.cookie-consent__settings { font: inherit; color: inherit; border: 0; background: transparent; text-decoration: underline; padding: 6px 0; cursor: pointer; }
.cookie-consent__button:focus-visible, .cookie-consent__settings:focus-visible { outline: 3px solid #c73333; outline-offset: 3px; }
@media (max-width: 700px) {
  .cookie-consent { inset: auto 8px 8px; max-height: calc(100vh - 16px); overflow-y: auto; }
  .cookie-consent__inner { flex-direction: column; align-items: stretch; gap: 16px; padding: 16px; }
  .cookie-consent__actions { width: 100%; }
  .cookie-consent__button { flex: 1; }
}

/* Keep the footer control aligned with the existing footer links. */
.footer .cookie-consent__settings { color: inherit; font-size: 1.4rem; line-height: 1.86; text-align: left; }