/* ==========================================================================
   Quality Immigration — legal pages & consent banner
   Owns: /privacy-policy/ /cookie-policy/ /terms-conditions/ /legal-notice/
         plus the Complianz cookie banner skin.
   Depends on tokens from qi-design.css. All custom classes prefixed .qi-
   ========================================================================== */

/* --------------------------------------------------------------------------
   1. Page head
   -------------------------------------------------------------------------- */

/* One centred 760px measure for both sections. Every rule below sets
   margin-block only, so the auto inline margins that create the column are
   never wiped out by a margin shorthand. */
body.qi .qi-legal-head > *,
body.qi .qi-legal-body > * {
	max-width: 760px;
	margin-inline: auto;
}

body.qi .qi-legal-head {
	padding-bottom: clamp(2rem, 1.2rem + 2vw, 3rem);
	border-bottom: 1px solid var(--qi-hairline);
}

body.qi .qi-legal-head h1 {
	font-size: clamp(2.25rem, 1.5rem + 2.8vw, 3.5rem);
	margin-block: 0 1.25rem;
	text-wrap: balance;
}

body.qi .qi-legal-head .qi-lead {
	margin-block: 0 1.75rem;
}

body.qi .qi-legal-updated {
	display: flex;
	align-items: center;
	gap: .6rem;
	margin-block: 0;
	font-size: var(--qi-small);
	letter-spacing: .01em;
	color: var(--qi-ink-soft);
}

body.qi .qi-legal-updated::before {
	content: "";
	width: 22px;
	height: 1px;
	background: var(--qi-gold);
	opacity: .8;
}

/* --------------------------------------------------------------------------
   2. Document body — single ~760px measure, generous rhythm
   -------------------------------------------------------------------------- */

body.qi .qi-legal-body {
	padding-top: clamp(3rem, 2rem + 3vw, 4.5rem);
	padding-bottom: clamp(4rem, 3rem + 4vw, 6.5rem);
}

body.qi .qi-legal-body p,
body.qi .qi-legal-body li {
	font-size: 1.0625rem;
	line-height: 1.75;
	color: var(--qi-ink);
}

body.qi .qi-legal-body > p {
	margin-block: 0 1.15rem;
}

/* h2: hairline rule above, gold tick, tightened to the text that follows. */
body.qi .qi-legal-body > h2 {
	position: relative;
	margin-block: clamp(3rem, 2.2rem + 2vw, 4.25rem) 1.25rem;
	padding-top: 1.85rem;
	border-top: 1px solid var(--qi-hairline);
	font-size: clamp(1.5rem, 1.25rem + 1vw, 1.9375rem);
	line-height: 1.22;
	letter-spacing: -.015em;
	color: var(--qi-teal-800);
	text-wrap: balance;
}

body.qi .qi-legal-body > h2::before {
	content: "";
	position: absolute;
	top: -1px;
	left: 0;
	width: 46px;
	height: 1px;
	background: var(--qi-gold);
}

body.qi .qi-legal-body > *:first-child {
	margin-top: 0;
}

body.qi .qi-legal-body > h2:first-child {
	padding-top: 0;
	border-top: 0;
}

body.qi .qi-legal-body > h2:first-child::before {
	display: none;
}

body.qi .qi-legal-body > h3 {
	margin-block: 2.4rem .75rem;
	font-size: var(--qi-h4);
	line-height: 1.32;
	color: var(--qi-teal-700);
}

body.qi .qi-legal-body > h2 + p,
body.qi .qi-legal-body > h3 + p {
	margin-top: 0;
}

/* Lists */
body.qi .qi-legal-body ul {
	margin-block: 0 1.6rem;
	padding: 0;
	list-style: none;
}

body.qi .qi-legal-body ul li {
	position: relative;
	padding-left: 1.5rem;
	margin-bottom: .7rem;
}

body.qi .qi-legal-body ul li::before {
	content: "";
	position: absolute;
	left: 0;
	top: .72em;
	width: 6px;
	height: 6px;
	border-radius: 50%;
	background: var(--qi-gold);
}

body.qi .qi-legal-body ul li:last-child {
	margin-bottom: 0;
}

body.qi .qi-legal-body strong {
	font-weight: 600;
	color: var(--qi-teal-800);
}

/* Links inside the document: underlined, teal, no colour surprises. */
body.qi .qi-legal-body a {
	color: var(--qi-teal-600);
	text-decoration: underline;
	text-decoration-color: var(--qi-gold-soft);
	text-decoration-thickness: 1px;
	text-underline-offset: .2em;
	transition: color .2s var(--qi-ease), text-decoration-color .2s var(--qi-ease);
}

body.qi .qi-legal-body a:hover {
	color: var(--qi-teal-800);
	text-decoration-color: currentColor;
}

/* --------------------------------------------------------------------------
   3. Identity blocks (definition lists) & client placeholders
   -------------------------------------------------------------------------- */

body.qi .qi-legal-dl {
	max-width: 760px;
	margin-block: 0 2rem;
	margin-inline: auto;
	padding: clamp(1.4rem, 1rem + 1vw, 2rem) clamp(1.25rem, .9rem + 1vw, 1.9rem);
	background: var(--qi-tint);
	border: 1px solid var(--qi-hairline);
	border-radius: var(--qi-radius);
	display: grid;
	grid-template-columns: minmax(11rem, 15rem) 1fr;
	column-gap: 1.75rem;
	row-gap: .35rem;
	font-size: var(--qi-small);
}

body.qi .qi-legal-dl dt {
	font-weight: 600;
	color: var(--qi-teal-800);
	line-height: 1.55;
}

body.qi .qi-legal-dl dd {
	margin: 0;
	color: var(--qi-ink);
	line-height: 1.55;
}

@media (max-width: 640px) {
	body.qi .qi-legal-dl {
		grid-template-columns: 1fr;
		row-gap: 0;
	}

	body.qi .qi-legal-dl dd {
		margin-bottom: .85rem;
	}

	body.qi .qi-legal-dl dd:last-child {
		margin-bottom: 0;
	}
}

/* Anything still owed by the client is deliberately impossible to miss. */
body.qi .qi-placeholder {
	display: inline-block;
	padding: .1em .5em;
	background: rgba(198, 161, 91, .22);
	border: 1px dashed var(--qi-gold);
	border-radius: 4px;
	font-family: var(--qi-font-body);
	font-size: .95em;
	font-weight: 600;
	letter-spacing: .01em;
	color: #7A5B1E;
}

/* --------------------------------------------------------------------------
   4. Complianz consent manager rendered inside the cookie policy
   -------------------------------------------------------------------------- */

body.qi .qi-legal-body .cmplz-manage-consent-container,
body.qi #cmplz-manage-consent-container {
	max-width: 760px;
	margin-block: .5rem 2rem;
	margin-inline: auto;
}

body.qi .cmplz-manage-consent-container .cmplz-categories,
body.qi #cmplz-manage-consent-container .cmplz-categories {
	background: var(--qi-tint);
	border: 1px solid var(--qi-hairline);
	border-radius: var(--qi-radius);
	padding: clamp(1.1rem, .8rem + 1vw, 1.6rem);
}

body.qi #cmplz-manage-consent-container-nojavascript {
	display: none;
}

body.qi .qi-legal-body .cmplz-revoke-custom,
body.qi .qi-legal-body .cmplz-revoke-link,
body.qi .qi-legal-body a.cmplz-manage-consent {
	display: inline-block;
	margin-bottom: 1.25rem;
	padding: .78rem 1.5rem;
	background: var(--qi-teal-600);
	border: 1px solid var(--qi-teal-600);
	color: var(--qi-ivory);
	border-radius: var(--qi-radius-btn);
	font-family: var(--qi-font-body);
	font-size: var(--qi-small);
	font-weight: 600;
	line-height: 1.2;
	text-decoration: none;
	cursor: pointer;
	transition: background .2s var(--qi-ease), border-color .2s var(--qi-ease);
}

body.qi .qi-legal-body .cmplz-revoke-custom:hover,
body.qi .qi-legal-body .cmplz-revoke-link:hover,
body.qi .qi-legal-body a.cmplz-manage-consent:hover {
	background: var(--qi-teal-700);
	border-color: var(--qi-teal-700);
	color: var(--qi-ivory);
}

body.qi .qi-legal-body .cmplz-status-accepted,
body.qi .qi-legal-body .cmplz-status-denied {
	font-size: var(--qi-small);
	color: var(--qi-ink-soft);
}

/* --------------------------------------------------------------------------
   5. Consent banner skin — ivory card, peacock accept, hairline outline
   Complianz writes its own inline custom properties; these overrides sit
   after that stylesheet and keep the banner on-palette in every language.
   -------------------------------------------------------------------------- */

#cmplz-cookiebanner-container .cmplz-cookiebanner {
	background-color: var(--qi-ivory);
	border: 1px solid var(--qi-hairline);
	border-radius: 10px;
	box-shadow: 0 12px 34px rgba(6, 47, 48, .10);
	font-family: var(--qi-font-body);
	color: var(--qi-ink);
}

#cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-header .cmplz-title,
#cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-title {
	font-family: var(--qi-font-head);
	font-weight: 600;
	letter-spacing: -.01em;
	color: var(--qi-teal-800);
}

#cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-body,
#cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-message,
#cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-category .cmplz-description-category {
	color: var(--qi-ink);
	line-height: 1.6;
}

#cmplz-cookiebanner-container .cmplz-cookiebanner a,
#cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-links a {
	color: var(--qi-teal-600);
	text-underline-offset: .18em;
}

#cmplz-cookiebanner-container .cmplz-cookiebanner a:hover {
	color: var(--qi-teal-700);
}

/* Buttons */
#cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-btn {
	border-radius: 10px;
	border-width: 1px;
	border-style: solid;
	font-family: var(--qi-font-body);
	font-weight: 600;
	letter-spacing: .01em;
	padding: .72rem 1.1rem;
	transition: background-color .2s var(--qi-ease), color .2s var(--qi-ease), border-color .2s var(--qi-ease);
}

#cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-btn.cmplz-accept,
#cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-btn.cmplz-accept-all {
	background-color: var(--qi-teal-600);
	border-color: var(--qi-teal-600);
	color: var(--qi-ivory);
}

#cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-btn.cmplz-accept:hover,
#cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-btn.cmplz-accept-all:hover {
	background-color: var(--qi-teal-700);
	border-color: var(--qi-teal-700);
	color: var(--qi-ivory);
}

#cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-btn.cmplz-deny,
#cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-btn.cmplz-view-preferences,
#cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-btn.cmplz-save-preferences {
	background-color: transparent;
	border-color: var(--qi-hairline-strong);
	color: var(--qi-teal-800);
}

#cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-btn.cmplz-deny:hover,
#cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-btn.cmplz-view-preferences:hover,
#cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-btn.cmplz-save-preferences:hover {
	background-color: var(--qi-tint);
	border-color: var(--qi-teal-600);
	color: var(--qi-teal-800);
}

/* Category toggles */
#cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-categories .cmplz-category {
	background-color: var(--qi-tint);
	border-radius: 8px;
}

#cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-category .cmplz-banner-checkbox .cmplz-label {
	color: var(--qi-teal-800);
	font-weight: 600;
}

#cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-divider {
	border-color: var(--qi-hairline);
}

/* Persistent "Manage consent" tab */
.cmplz-manage-consent .cmplz-manage-consent-container,
#cmplz-manage-consent .cmplz-manage-consent-container,
#cmplz-manage-consent .cmplz-manage-consent-container button {
	background-color: var(--qi-ivory);
	border: 1px solid var(--qi-hairline);
	border-bottom: 0;
	border-radius: 8px 8px 0 0;
	color: var(--qi-teal-800);
	font-family: var(--qi-font-body);
	font-size: var(--qi-small);
	font-weight: 600;
}

/* Consent-gated embed placeholders */
.cmplz-placeholder-element,
.cmplz-blocked-content-container {
	background-color: var(--qi-tint);
	border: 1px solid var(--qi-hairline);
	border-radius: var(--qi-radius);
}

.cmplz-blocked-content-container .cmplz-blocked-content-notice {
	background-color: var(--qi-ivory);
	border: 1px solid var(--qi-hairline);
	border-radius: var(--qi-radius-btn);
	color: var(--qi-ink);
	font-family: var(--qi-font-body);
	font-size: var(--qi-small);
}

.cmplz-blocked-content-container .cmplz-blocked-content-notice .cmplz-links a {
	color: var(--qi-teal-600);
}

/* Consent banner — compact mobile bar
   --------------------------------------------------------------------------
   Complianz's stock mobile layout is a full-bleed sheet: long message at 14px,
   three stacked 45px buttons, then a link row. At 390x844 that measured 447px,
   more than half the viewport, and it sits fixed to the bottom so it reads as a
   permanent "sticky footer" that swallows the page. Below 560px it is rebuilt
   as a genuinely compact bar:

     · opaque ivory, never translucent — nothing scrolls through it
     · message capped at ~4 lines and scrollable, so any consent text fits
     · Accept / Decline share one row; Preferences drops to a text-weight row
     · overall height capped at 52vh so content is always visible behind it
     · safe-area inset honoured on notched devices
   -------------------------------------------------------------------------- */

@media (max-width: 1024px), (max-height: 560px) {
	#cmplz-cookiebanner-container .cmplz-cookiebanner {
		/* Fully opaque. The banner overlaps live content, so any alpha here
		   makes body copy legible through the bar. Do not reintroduce. */
		background-color: var(--qi-ivory);
		-webkit-backdrop-filter: none;
		backdrop-filter: none;
		border: 0;
		border-top: 1px solid var(--qi-hairline-strong);
		border-radius: 14px 14px 0 0;
		box-shadow: 0 -10px 30px -18px rgba(6, 47, 48, .5);
		padding: .7rem .9rem calc(.7rem + env(safe-area-inset-bottom, 0px));
		max-height: 48vh;
		gap: .45rem;
	}

	/* Between 560px and 1024px the bar is a centred card, not a full sheet. */
	@media (min-width: 561px) {
		#cmplz-cookiebanner-container .cmplz-cookiebanner {
			max-width: 620px;
			margin-inline: auto;
			border: 1px solid var(--qi-hairline-strong);
			border-radius: 14px;
		}
	}

	#cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-header {
		margin-bottom: 0;
		min-height: 0;
	}

	/* 20px glyph in a 44px hit area. The negative margins let the tall box sit
	   in a short header row without growing it, but they are kept smaller than
	   the banner's own padding so the control never breaks the rounded top
	   edge. */
	#cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-close {
		display: flex;
		align-items: center;
		justify-content: center;
		width: 44px;
		height: 44px;
		margin: -.4rem -.35rem -.4rem auto;
		border-radius: 8px;
		flex: 0 0 auto;
	}

	#cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-header {
		min-height: 30px;
		align-items: center;
	}

	#cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-title {
		font-size: 1.0625rem;
		line-height: 1.3;
		margin: 0;
	}

	#cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-body {
		margin: 0;
		min-height: 0;
	}

	#cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-message {
		/* Banner chrome, not article body: 15px keeps the full consent text
		   readable inside a bar that must not dominate the viewport. */
		font-size: .9375rem;
		line-height: 1.45;
		margin: 0;
		max-height: 4.4em;
		overflow-y: auto;
		overscroll-behavior: contain;
		-webkit-overflow-scrolling: touch;
	}

	#cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-buttons {
		display: grid;
		grid-template-columns: 1fr 1fr;
		gap: .5rem;
		margin: 0;
		min-height: 0;
	}

	#cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-buttons .cmplz-btn {
		width: 100%;
		min-height: 46px;
		margin: 0;
		padding: .6rem .75rem;
		font-size: .9375rem;
	}

	/* Preferences is the tertiary choice — full width under the pair. */
	#cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-buttons .cmplz-btn.cmplz-view-preferences,
	#cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-buttons .cmplz-btn.cmplz-save-preferences {
		grid-column: 1 / -1;
		min-height: 44px;
		border-color: transparent;
		background-color: transparent;
		text-decoration: underline;
		text-underline-offset: .2em;
		font-weight: 500;
	}

	#cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-documents {
		margin: 0;
		min-height: 0;
	}

	#cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-documents ul {
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		gap: 0 .9rem;
		margin: 0;
		padding: 0;
	}

	#cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-documents li {
		margin: 0;
		min-height: 0;
	}

	#cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-documents a {
		display: inline-flex;
		align-items: center;
		min-height: 44px;
		font-size: .875rem;
	}

	/* The preferences view adds category toggles — let that state scroll
	   rather than grow past the cap. */
	#cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-categories {
		max-height: 26vh;
		overflow-y: auto;
		overscroll-behavior: contain;
	}

	/* The banner is a height-capped flex column, so every descendant is a
	   flex/grid item free to shrink below its content size. In landscape the
	   whole thing collapsed: 46px buttons rendered at 18px, the close box at
	   7px, the document links at 5px. Pinning every hit target to `flex: 0 0
	   auto` and giving the button grid an explicit row floor stops the
	   compression; the banner scrolls internally instead. */
	#cmplz-cookiebanner-container .cmplz-cookiebanner {
		overflow-y: auto;
		overscroll-behavior: contain;
	}

	#cmplz-cookiebanner-container .cmplz-cookiebanner > *,
	#cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-header > *,
	#cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-buttons > *,
	#cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-documents > *,
	#cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-documents li {
		flex: 0 0 auto;
	}

	/* Only the message may give way. */
	#cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-body {
		flex: 0 1 auto;
		min-height: 0;
	}

	#cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-buttons {
		grid-auto-rows: minmax(46px, auto);
	}

	#cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-buttons .cmplz-btn {
		height: auto;
	}

	#cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-close {
		flex: 0 0 44px;
		min-height: 44px;
	}

	#cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-documents a {
		flex: 0 0 auto;
	}
}

/* A landscape phone has ~390px of height. Capping at 48vh leaves 187px, which
   is less than the bar needs however tightly it is packed, so on short
   viewports the cap is raised and the bar scrolls within itself instead. */
@media (max-height: 560px) {
	#cmplz-cookiebanner-container .cmplz-cookiebanner {
		max-height: 86vh;
	}
}

/* Complianz's own answer to a short viewport is `zoom: .6` on the banner and
   `zoom: .5` on the buttons (its stylesheet, @media (max-height: 400px)). Zoom
   scales the layout box, so it shrank a 46px button to 18px and the close
   control to 7px — untappable, and immune to any min-height we set, because
   the box really was that size. The compact layout above already handles short
   viewports by scrolling, so the zoom is dropped. */
@media (max-height: 400px) {
	#cmplz-cookiebanner-container .cmplz-cookiebanner,
	#cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-close,
	#cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-documents,
	#cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-information,
	#cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-buttons .cmplz-btn {
		zoom: 1 !important;
	}

	/* Undo the rest of the same block: a 10px header cap, 15vh buttons with no
	   padding and a 14px line-height. */
	#cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-header {
		max-height: none;
		margin-bottom: 0 !important;
	}

	#cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-body {
		margin-top: 0 !important;
	}

	#cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-buttons .cmplz-btn {
		height: auto !important;
		min-height: 46px !important;
		padding: .6rem .75rem !important;
		line-height: 1.2 !important;
		font-size: .9375rem !important;
	}

	#cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-buttons {
		gap: .5rem !important;
	}

	#cmplz-cookiebanner-container .cmplz-cookiebanner {
		height: auto !important;
		padding: .7rem .9rem calc(.7rem + env(safe-area-inset-bottom, 0px)) !important;
		overflow-y: auto !important;
	}
}

/* Complianz's own preference-panel copy ships at 12-14px. On a phone that is
   consent text nobody can read, so the whole panel comes up to the floor. */
@media (max-width: 782px) {
	/* The #id prefix is needed: Complianz sizes these from its own
	   #cmplz-cookiebanner-container rules, which outrank a class selector. */
	#cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-category-title,
	#cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-always-active,
	#cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-banner-checkbox,
	#cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-label,
	#cmplz-cookiebanner-container .cmplz-cookiebanner [class*="cmplz-description-"],
	#cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-documents a,
	#cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-links a,
	body.qi .cmplz-cookiebanner .cmplz-category-title,
	body.qi .cmplz-cookiebanner .cmplz-banner-checkbox,
	body.qi .cmplz-cookiebanner .cmplz-always-active,
	body.qi .cmplz-cookiebanner .cmplz-label,
	body.qi .cmplz-cookiebanner [class*="cmplz-description-"],
	body.qi .cmplz-cookiebanner .cmplz-manage-third-parties,
	body.qi #cmplz-manage-consent-container .cmplz-category-title,
	body.qi #cmplz-manage-consent-container .cmplz-banner-checkbox,
	body.qi #cmplz-manage-consent-container .cmplz-always-active,
	body.qi #cmplz-manage-consent-container .cmplz-label,
	body.qi #cmplz-manage-consent-container [class*="cmplz-description-"] {
		font-size: .9375rem;
		line-height: 1.55;
	}
}

@media (prefers-reduced-motion: reduce) {
	#cmplz-cookiebanner-container .cmplz-cookiebanner,
	#cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-btn {
		transition: none !important;
		animation: none !important;
	}
}