/* Informational cookie notice: a calm card in the same family as the site's cards, bottom left. */
.cookie-notice { position: fixed; z-index: 9000; bottom: 24px; left: 24px; display: grid; grid-template-columns: 30px minmax(0, 1fr) auto; gap: 16px; align-items: center; width: min(460px, calc(100% - 48px)); padding: 18px 18px 18px 20px; color: var(--fa-color-text); background: #fff; border: 1px solid rgba(100, 90, 78, .16); border-bottom: 3px solid var(--fa-color-primary); border-radius: 18px; box-shadow: 0 24px 60px rgba(60, 52, 44, .16); opacity: 0; transform: translateY(12px); transition: opacity var(--fa-duration-enter) var(--fa-ease-out), transform var(--fa-duration-enter) var(--fa-ease-out); }
.cookie-notice[hidden] { display: none; }
.cookie-notice.is-visible { opacity: 1; transform: translateY(0); }
.cookie-notice__mark { width: 30px; height: 37px; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 78'%3E%3Cpath d='M5 80V33a27 27 0 0 1 54 0v13' fill='none' stroke='%230065b1' stroke-width='4' stroke-linecap='round'/%3E%3Ccircle cx='32' cy='38' r='5.5' fill='%230065b1'/%3E%3C/svg%3E") center / contain no-repeat; }
.cookie-notice__title { margin: 0 0 2px; font-size: 15px; line-height: 1.3; font-weight: 700; }
.cookie-notice__text { margin: 0; color: rgba(0, 0, 0, .7); font-size: 14px; line-height: 1.5; }
.cookie-notice__text a { color: var(--fa-color-primary); font-weight: 600; text-decoration: underline; text-underline-offset: 3px; }
.cookie-notice__button { min-width: 64px; min-height: 44px; padding: 0 20px; color: #fff; background: var(--fa-color-primary); border: 1px solid var(--fa-color-primary); border-radius: 999px; font: inherit; font-size: 15px; font-weight: 600; cursor: pointer; transition: background-color var(--fa-duration-hover) var(--fa-ease-snappy), transform var(--fa-duration-hover) var(--fa-ease-spring); }
.cookie-notice__button:hover { background: var(--fa-color-primary-dark); transform: translateY(-1px); }
@media (max-width: 600px) {
	.cookie-notice { right: 12px; bottom: 12px; left: 12px; width: auto; grid-template-columns: 26px minmax(0, 1fr); gap: 12px 14px; }
	.cookie-notice__mark { width: 26px; height: 32px; align-self: start; }
	.cookie-notice__button { grid-column: 1 / -1; width: 100%; }
}
@media (prefers-reduced-motion: reduce) {
	.cookie-notice, .cookie-notice__button { transition: none; transform: none; }
}