.cookie-notice {
	position: fixed;
	right: clamp(1rem, 4vw, 2rem);
	bottom: 41px;
	z-index: 9999;
	max-width: 380px;
	background: #f4f3ed;
	color: #1d231f;
	border: 1px solid rgba(29, 35, 31, .16);
	box-shadow: 0 12px 40px rgba(20, 30, 26, .20);
	padding: 0.9rem 1rem;
	font-family: "Inter", -apple-system, "Helvetica Neue", Arial, sans-serif;
	font-weight: 300;
	opacity: 0;
	transform: translateY(16px);
	transition: opacity .5s cubic-bezier(.22, 1, .36, 1), transform .5s cubic-bezier(.22, 1, .36, 1);
}
.cookie-notice.is-in { opacity: 1; transform: none; }
.cookie-notice.is-out { opacity: 0; transform: translateY(16px); }
.cookie-notice__text { margin: 0 0 .7rem; font-size: .82rem; line-height: 1.5; color: #34403a; }
.cookie-notice__text a { color: #3E5C50; text-decoration: none; border-bottom: 1px solid rgba(29, 35, 31, .22); }
.cookie-notice__text a:hover { border-color: #3E5C50; }
.cookie-notice__btn {
	font-family: ui-monospace, "SFMono-Regular", "SF Mono", Menlo, Consolas, monospace;
	font-size: .66rem; letter-spacing: .2em; text-transform: uppercase;
	color: #fff; background: #3E5C50; border: 0;
	padding: .5rem 1.2rem; cursor: pointer;
	transition: background .3s ease;
}
.cookie-notice__btn:hover { background: #2b4138; }
.cookie-notice__btn:focus-visible { outline: 2px solid #2b4138; outline-offset: 2px; }
@media (max-width: 480px) { .cookie-notice { left: 1rem; right: 1rem; bottom: 41px; max-width: none; } }
@media (prefers-reduced-motion: reduce) { .cookie-notice { transition: none; } }