body #message-purchased[id] {
	left: 24px;
	bottom: 24px;
	width: 372px;
	min-width: 0;
	max-width: calc(100vw - 48px);
	font-family: var(--up-pismo);
}

body #message-purchased[id] .message-purchase-main {
	position: relative;
	box-sizing: border-box;
	display: flex;
	align-items: stretch;
	width: 100%;
	height: auto;
	min-height: 88px;
	padding: 0;
	overflow: hidden;
	background: var(--up-bila);
	border: 1px solid var(--up-cara);
	border-radius: var(--up-radius-karta);
	box-shadow: 0 30px 70px -28px rgba(20, 36, 27, .5);
	color: var(--up-popisek) !important;
}

body #message-purchased[id] .wn-notification-image-wrapper {
	flex: none;
	box-sizing: border-box;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 88px;
	max-width: none;
	height: auto;
	padding: 0;
	background: var(--up-stitek);
}

body #message-purchased[id] img.wn-notification-image {
	width: 72px;
	height: 72px;
	max-width: none;
	max-height: none;
	object-fit: contain;
	border-radius: 0;
	transform: none;
}

body #message-purchased[id] p.wn-notification-message-container {
	display: block;
	float: none;
	flex: 1 1 auto;
	align-self: center;
	box-sizing: border-box;
	width: auto;
	min-width: 0;
	max-width: none;
	margin: 0;
	padding: 14px 16px;
	white-space: normal;
	text-wrap: pretty;
	font-size: 13.5px;
	line-height: 1.4;
	font-weight: var(--up-vaha-text);
	color: var(--up-popisek) !important;
}

body #message-purchased[id] p a,
body #message-purchased[id] p .wn-popup-product-title {
	display: block;
	margin: 0 32px 1px 0;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	font-size: 15.5px;
	line-height: 1.35;
	font-weight: 800;
	color: var(--up-ink) !important;
	text-decoration: none;
}

body #message-purchased[id] p a:hover {
	text-decoration: underline;
	text-decoration-color: var(--up-podtrzeni);
	text-underline-offset: 3px;
}

body #message-purchased[id] p a:focus-visible,
body #message-purchased[id] #notify-close:focus-visible {
	outline: 2px solid var(--up-ink);
	outline-offset: 2px;
}

body #message-purchased[id] p small {
	display: block;
	margin: 0 32px 4px 0;
	padding-left: 17px;
	background: radial-gradient(circle at 6.5px 50%, #5bbb7b 3px, rgba(91, 187, 123, .22) 3.6px 6px, transparent 6.6px) no-repeat;
	white-space: nowrap;
	font-size: 13.5px;
	line-height: 16px;
	font-weight: 700;
	color: var(--up-zelena) !important;
}

body #message-purchased[id]:not(:has(.wn-popup-product-title-with-link, .wn-popup-product-title)) .wn-notification-image-wrapper {
	display: none;
}

body #message-purchased[id]:not(:has(.wn-popup-product-title-with-link, .wn-popup-product-title)) .message-purchase-main {
	min-height: 72px;
}

body #message-purchased[id]:not(:has(.wn-popup-product-title-with-link, .wn-popup-product-title)) .message-purchase-main::before {
	content: "";
	flex: none;
	align-self: center;
	width: 40px;
	height: 40px;
	margin-left: 16px;
	border-radius: 50%;
	background: var(--up-uspech) url("../../img/notifikace/prohlizi.svg") center / 22px 22px no-repeat;
}

body #message-purchased[id]:not(:has(.wn-popup-product-title-with-link, .wn-popup-product-title)) p.wn-notification-message-container {
	padding: 14px 48px 14px 14px;
	font-size: 15px;
	line-height: 1.35;
	font-weight: var(--up-vaha-text);
	text-wrap: balance;
	color: var(--up-ink) !important;
}

body #message-purchased[id] #notify-close {
	top: 6px;
	right: 6px;
	width: 36px;
	height: 36px;
	align-items: center;
	justify-content: center;
	border-radius: 999px;
	color: var(--up-popisek);
	opacity: 1;
	transition: color .15s, background-color .15s;
}

body #message-purchased[id] #notify-close::before {
	content: "";
	width: 16px;
	height: 16px;
	background: currentColor;
	color: inherit;
	-webkit-mask: url("../../img/notifikace/zavrit.svg") center / 16px 16px no-repeat;
	mask: url("../../img/notifikace/zavrit.svg") center / 16px 16px no-repeat;
}

body #message-purchased[id] #notify-close:hover {
	color: var(--up-ink);
	background: var(--up-stitek);
	opacity: 1;
}

html.up-kp-otevreno body #message-purchased[id],
html.kl-min-otevreno body #message-purchased[id],
body:has(.cmplz-cookiebanner.cmplz-show) #message-purchased[id] {
	visibility: hidden;
}

body:has(.up-sl-lista.is-videt) #message-purchased[id] {
	bottom: 90px !important;
}

body #message-purchased[id].fade-in {
	animation: up-notifikace-objevit .2s ease-out both;
}

body #message-purchased[id].fade-out {
	animation: up-notifikace-zmizet .2s ease-in both;
}

html.up-pohyb body #message-purchased[id].fade-in {
	animation: up-notifikace-vyjet .32s cubic-bezier(.2, .8, .2, 1) both;
}

html.up-pohyb body #message-purchased[id].fade-out {
	animation: up-notifikace-sjet .24s ease-in both;
}

@keyframes up-notifikace-objevit {
	from { opacity: 0; }
	to { opacity: 1; }
}

@keyframes up-notifikace-zmizet {
	from { opacity: 1; }
	to { opacity: 0; }
}

@keyframes up-notifikace-vyjet {
	from { opacity: 0; transform: translateY(12px); }
	to { opacity: 1; transform: none; }
}

@keyframes up-notifikace-sjet {
	from { opacity: 1; transform: none; }
	to { opacity: 0; transform: translateY(8px); }
}

@media (max-width: 767px) {
	body #message-purchased[id] {
		left: 12px !important;
		right: 12px !important;
		bottom: calc(12px + env(safe-area-inset-bottom, 0px)) !important;
		width: auto;
		max-width: none;
	}

	body #message-purchased[id] .message-purchase-main {
		min-height: 78px;
		border-radius: 18px;
	}

	body #message-purchased[id] .wn-notification-image-wrapper {
		width: 76px;
	}

	body #message-purchased[id] img.wn-notification-image {
		width: 62px;
		height: 62px;
	}

	body #message-purchased[id] p.wn-notification-message-container {
		padding: 12px 14px;
		font-size: 13px;
	}

	body #message-purchased[id] p a,
	body #message-purchased[id] p .wn-popup-product-title {
		margin-right: 34px;
		font-size: 15px;
	}

	body #message-purchased[id] p small {
		margin-right: 34px;
		font-size: 13px;
	}

	body #message-purchased[id]:not(:has(.wn-popup-product-title-with-link, .wn-popup-product-title)) .message-purchase-main {
		min-height: 68px;
	}

	body #message-purchased[id]:not(:has(.wn-popup-product-title-with-link, .wn-popup-product-title)) .message-purchase-main::before {
		margin-left: 14px;
	}

	body #message-purchased[id]:not(:has(.wn-popup-product-title-with-link, .wn-popup-product-title)) p.wn-notification-message-container {
		padding: 12px 48px 12px 12px;
		font-size: 14.5px;
	}

	body #message-purchased[id] #notify-close {
		top: 0;
		right: 0;
		width: 44px;
		height: 44px;
		background: none;
	}
}

@media (max-width: 699px) {
	body:has(.kl-lista:not(.is-skryta)) #message-purchased[id] {
		bottom: 81px !important;
	}
}

@media (max-width: 600px) {
	body:has(.up-sl-lista.is-videt) #message-purchased[id] {
		bottom: 84px !important;
	}
}