/* =========================================================
   MODERNE BASKET NOTIFIER – ITRESERVDELAR
   Isoleret til .basket-notifier-container.
   HTML og eksisterende JavaScript bevares.
   ========================================================= */

.basket-notifier-container {
	position: fixed;
	inset: 0;
	z-index: 1000000;
	align-items: flex-start;
	justify-content: center;
	padding: clamp(18px, 4vh, 48px) 18px;
	overflow-x: hidden;
	overflow-y: auto;
	background: rgba(18, 29, 24, 0.66);
	-webkit-backdrop-filter: blur(5px);
	backdrop-filter: blur(5px);
	box-sizing: border-box;
}

.basket-notifier-container:not(.hidden) {
	display: flex;
}

.basket-notifier-container.despawn {
	pointer-events: none;
	animation: itdNotifierBackdropOut 0.3s ease forwards;
}

.basket-notifier-container > .basket-notifier {
	position: relative;
	display: block;
	width: min(1060px, 100%);
	max-height: calc(100dvh - 50px);
	margin: auto;
	overflow-x: hidden;
	overflow-y: auto;
	color: var(--itd-text, #1f2924);
	background: #fff;
	border: 1px solid rgba(226, 232, 228, 0.95);
	border-radius: 18px;
	box-shadow:
		0 28px 80px rgba(10, 26, 18, 0.30),
		0 8px 26px rgba(31, 55, 43, 0.13);
	animation: itdNotifierEnter 0.34s cubic-bezier(.2, .8, .2, 1);
	box-sizing: border-box;
}

.basket-notifier-container.despawn > .basket-notifier {
	animation: itdNotifierExit 0.28s ease forwards;
}


/* =========================================================
   LUK-KNAP
   Bevarer det tomme direkte child-span, som eksisterende JS lytter på.
   ========================================================= */

.basket-notifier-container .basket-notifier > span:first-child {
	position: sticky;
	top: 14px;
	right: 14px;
	z-index: 50;
	display: flex;
	float: right;
	align-items: center;
	justify-content: center;
	width: 42px;
	height: 42px;
	margin: 14px 14px -56px 0;
	color: #435149;
	background: rgba(247, 249, 248, 0.96);
	border: 1px solid var(--itd-border, #e2e8e4);
	border-radius: 50%;
	box-shadow: 0 5px 16px rgba(31, 55, 43, 0.11);
	cursor: pointer;
	transition:
		color .18s ease,
		background-color .18s ease,
		border-color .18s ease,
		transform .18s ease;
	box-sizing: border-box;
}

.basket-notifier-container .basket-notifier > span:first-child::before,
.basket-notifier-container .basket-notifier > span:first-child::after {
	content: "";
	position: absolute;
	width: 17px;
	height: 2px;
	background: currentColor;
	border-radius: 2px;
}

.basket-notifier-container .basket-notifier > span:first-child::before {
	transform: rotate(45deg);
}

.basket-notifier-container .basket-notifier > span:first-child::after {
	transform: rotate(-45deg);
}

.basket-notifier-container .basket-notifier > span:first-child:hover,
.basket-notifier-container .basket-notifier > span:first-child:focus {
	color: #fff;
	background: var(--itd-green-dark, #286d51);
	border-color: var(--itd-green-dark, #286d51);
	transform: rotate(4deg) scale(1.04);
}


/* =========================================================
   PRODUKT TILFØJET + KURVOVERSIGT
   ========================================================= */

.basket-notifier-container .basket-notifier > div:nth-child(2) {
	display: grid;
	grid-template-columns: minmax(0, 1.15fr) minmax(330px, .85fr);
	gap: 20px;
	padding: 28px 72px 24px 28px;
	background:
		linear-gradient(135deg, rgba(242, 248, 236, 0.92), rgba(255, 255, 255, 0.98) 58%);
	border-bottom: 1px solid var(--itd-border, #e2e8e4);
	box-sizing: border-box;
}

/* Den tilføjede vare */
.basket-notifier-container .basket-notifier > div:nth-child(2) > div:first-child {
	display: grid;
	grid-template-columns: 46px 82px minmax(0, 1fr);
	align-items: center;
	gap: 15px;
	min-width: 0;
	padding: 15px;
	background: #fff;
	border: 1px solid var(--itd-border, #e2e8e4);
	border-radius: 13px;
	box-shadow: 0 7px 22px rgba(31, 55, 43, 0.07);
	box-sizing: border-box;
}

.basket-notifier-container .basket-notifier > div:nth-child(2) > div:first-child > i.fa-check {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 42px;
	height: 42px;
	margin: 0;
	color: #fff;
	background: var(--itd-green, #74ab2d);
	border-radius: 50%;
	box-shadow: 0 0 0 7px rgba(116, 171, 45, 0.14);
	font-size: 18px;
}

.basket-notifier-container .basket-notifier-image {
	display: block;
	width: 82px !important;
	min-width: 82px;
	max-width: 82px !important;
	height: 82px !important;
	min-height: 82px;
	max-height: 82px !important;
	margin: 0 !important;
	padding: 7px;
	object-fit: contain;
	object-position: center;
	background: #fff;
	border: 1px solid var(--itd-border, #e2e8e4);
	border-radius: 11px;
	box-sizing: border-box;
}

.basket-notifier-container .basket-product-name {
	display: block;
	min-width: 0;
	color: var(--itd-text, #1f2924);
	font-family: "Overpass", sans-serif !important;
	font-size: 16px;
	font-weight: 800;
	line-height: 1.45;
	overflow-wrap: anywhere;
}

/* Kurvstatus og handlinger */
.basket-notifier-container .basket-notifier > div:nth-child(2) > div:last-child {
	display: flex;
	flex-direction: column;
	justify-content: center;
	gap: 15px;
	min-width: 0;
	padding: 17px;
	background: #fff;
	border: 1px solid var(--itd-border, #e2e8e4);
	border-radius: 13px;
	box-shadow: 0 7px 22px rgba(31, 55, 43, 0.07);
	box-sizing: border-box;
}

.basket-notifier-container .basket-notifier > div:nth-child(2) > div:last-child > div:first-child {
	display: block;
	margin: 0;
	padding: 0 0 13px;
	border-bottom: 1px solid var(--itd-border, #e2e8e4);
}

.basket-notifier-container .basket-notifier > div:nth-child(2) > div:last-child > div:first-child > div {
	display: flex;
	align-items: flex-end;
	justify-content: space-between;
	gap: 15px;
}

.basket-notifier-container .basket-notifier-basket-items {
	display: block;
	color: var(--itd-muted, #657169);
	font-family: "Roboto", sans-serif !important;
	font-size: 13px;
	font-weight: 600;
	line-height: 1.35;
}

.basket-notifier-container .basket-notifier-basket-price {
	color: var(--itd-text, #1f2924);
	font-family: "Overpass", sans-serif !important;
	font-size: 21px;
	font-weight: 900;
	line-height: 1.15;
	text-align: right;
}

/* Vi ændrer ikke eksisterende forretningslogik for synlighed af kurvprisen. */

.basket-notifier-container .basket-notifier > div:nth-child(2) > div:last-child > div:last-child {
	display: grid;
	grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
	gap: 10px;
}

.basket-notifier-container .notifier-close,
.basket-notifier-container .notifier-basket {
	position: relative;
	display: flex !important;
	align-items: center;
	justify-content: center;
	width: 100%;
	min-height: 48px;
	margin: 0 !important;
	padding: 12px 17px !important;
	border-radius: 9px !important;
	font-family: "Overpass", sans-serif !important;
	font-size: 14px;
	font-weight: 800;
	line-height: 1.2;
	text-align: center;
	text-decoration: none !important;
	cursor: pointer;
	transition:
		background-color .18s ease,
		border-color .18s ease,
		color .18s ease,
		box-shadow .18s ease,
		transform .18s ease;
	box-sizing: border-box;
}

.basket-notifier-container .notifier-close {
	color: var(--itd-green-dark, #286d51) !important;
	background: #fff !important;
	border: 1px solid rgba(40, 109, 81, 0.35) !important;
}

.basket-notifier-container .notifier-close:hover,
.basket-notifier-container .notifier-close:focus {
	color: var(--itd-green-darker, #1f5740) !important;
	background: var(--itd-green-soft, #f2f8ec) !important;
	border-color: var(--itd-green, #74ab2d) !important;
	transform: translateY(-1px);
}

.basket-notifier-container .notifier-basket {
	padding-right: 42px !important;
	color: #fff !important;
	background: var(--itd-green-dark, #286d51) !important;
	border: 1px solid var(--itd-green-dark, #286d51) !important;
	box-shadow: 0 7px 17px rgba(40, 109, 81, 0.20);
}

.basket-notifier-container .notifier-basket::after {
	content: "\f07a";
	position: absolute;
	top: 50%;
	right: 16px;
	font-family: "Font Awesome 5 Free", "FontAwesome";
	font-size: 14px;
	font-weight: 900;
	transform: translateY(-50%);
}

.basket-notifier-container .notifier-basket:hover,
.basket-notifier-container .notifier-basket:focus {
	color: #fff !important;
	background: var(--itd-green-darker, #1f5740) !important;
	border-color: var(--itd-green-darker, #1f5740) !important;
	box-shadow: 0 10px 23px rgba(40, 109, 81, 0.28);
	transform: translateY(-1px);
}


/* =========================================================
   OVERSKRIFT TIL RELATEREDE VARER
   ========================================================= */

.basket-notifier-container .basket-notifier > div:nth-child(3) {
	margin: 0 !important;
	padding: 23px 28px 13px;
	background: #fff !important;
}

.basket-notifier-container .basket-notifier > div:nth-child(3) > div {
	display: flex;
	align-items: center;
	gap: 11px;
}

.basket-notifier-container .basket-notifier > div:nth-child(3) > div::before {
	content: "\f290";
	display: flex;
	align-items: center;
	justify-content: center;
	width: 36px;
	height: 36px;
	flex: 0 0 36px;
	color: var(--itd-green-dark, #286d51);
	background: var(--itd-green-soft, #f2f8ec);
	border-radius: 9px;
	font-family: "Font Awesome 5 Free", "FontAwesome";
	font-size: 16px;
	font-weight: 900;
}

.basket-notifier-container .basket-notifier > div:nth-child(3) h3 {
	margin: 0 !important;
	color: var(--itd-text, #1f2924) !important;
	background: transparent !important;
	font-family: "Overpass", sans-serif !important;
	font-size: clamp(20px, 2.2vw, 25px) !important;
	font-weight: 900;
	line-height: 1.25;
}


/* =========================================================
   RELATEREDE PRODUKTKORT I NOTIFIER
   ========================================================= */

.basket-notifier-container .basket-notifier-related-products {
	position: relative;
	margin: 0;
	padding: 0 18px 30px;
	background: #fff;
	box-sizing: border-box;
}

.basket-notifier-container .basket-notifier-related-products .slick-list {
	margin: 0;
	padding: 5px 0 8px;
	overflow: hidden;
}

.basket-notifier-container .basket-notifier-related-products .slick-track {
	display: flex !important;
	align-items: stretch;
	height: auto !important;
}

.basket-notifier-container .basket-notifier-related-product {
	display: flex !important;
	flex-direction: column;
	height: auto !important;
	min-height: 355px;
	margin: 0 7px;
	padding: 0;
	overflow: hidden;
	background: #fff;
	border: 1px solid var(--itd-border, #e2e8e4);
	border-radius: 13px;
	box-shadow: 0 5px 16px rgba(31, 55, 43, 0.06);
	transition:
		border-color .18s ease,
		box-shadow .18s ease,
		transform .18s ease;
	box-sizing: border-box;
}

.basket-notifier-container .basket-notifier-related-product:hover {
	border-color: rgba(116, 171, 45, 0.62);
	box-shadow: 0 11px 27px rgba(40, 109, 81, 0.13);
	transform: translateY(-2px);
}

/* Titel */
.basket-notifier-container .basket-notifier-related-product > div:first-child {
	display: flex;
	align-items: flex-start;
	min-height: 66px;
	padding: 14px 14px 8px;
}

.basket-notifier-container .basket-notifier-related-product > div:first-child > span {
	display: block;
	width: 100%;
	font-size: inherit !important;
	line-height: inherit;
}

.basket-notifier-container .basket-notifier-related-product > div:first-child a {
	display: -webkit-box;
	min-height: 42px;
	max-height: 42px;
	overflow: hidden;
	color: var(--itd-text, #1f2924) !important;
	font-family: "Roboto", sans-serif !important;
	font-size: 14px;
	font-weight: 700;
	line-height: 1.5;
	text-decoration: none;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
}

.basket-notifier-container .basket-notifier-related-product > div:first-child a:hover {
	color: var(--itd-green-dark, #286d51) !important;
	text-decoration: underline;
}

/* Billede */
.basket-notifier-container .basket-notifier-related-product > a:nth-child(2) {
	display: flex !important;
	align-items: center;
	justify-content: center;
	width: auto;
	height: 170px;
	margin: 0 14px;
	padding: 12px;
	overflow: hidden;
	background: var(--itd-surface-soft, #f7f9f8);
	border: 1px solid #edf1ee !important;
	border-radius: 10px;
	box-sizing: border-box;
}

.basket-notifier-container .basket-notifier-related-product > a:nth-child(2) > img {
	display: block;
	width: 100% !important;
	max-width: 100% !important;
	height: 100% !important;
	max-height: 100% !important;
	margin: auto !important;
	padding: 0;
	object-fit: contain !important;
	object-position: center;
	transition: transform .25s ease;
}

.basket-notifier-container .basket-notifier-related-product:hover > a:nth-child(2) > img {
	transform: scale(1.045);
}

/* Pris + køb */
.basket-notifier-container .basket-notifier-related-product > div:last-child {
	display: flex !important;
	flex: 1 1 auto;
	flex-direction: column;
	justify-content: flex-end;
	height: auto !important;
	min-height: 108px;
	margin: 0;
	padding: 12px 14px 14px;
	background: #fff;
}

.basket-notifier-container .basket-notifier-related-product > div:last-child > div:first-child:empty {
	display: none;
}

.basket-notifier-container .basket-notifier-related-product > div:last-child > div:last-child {
	display: grid;
	grid-template-columns: minmax(0, 1fr);
	gap: 10px;
	width: 100%;
}

.basket-notifier-container .basket-notifier-related-product > div:last-child > div:last-child > div:first-child {
	display: flex;
	align-items: baseline;
	gap: 4px;
	color: var(--itd-text, #1f2924);
	font-family: "Overpass", sans-serif !important;
}

.basket-notifier-container .basket-notifier-related-product > div:last-child > div:last-child > div:first-child > span:first-child {
	font-size: 20px;
	font-weight: 900;
	line-height: 1.1;
}

.basket-notifier-container .basket-notifier-related-product > div:last-child > div:last-child > div:first-child > span:last-child {
	color: var(--itd-muted, #657169);
	font-size: 11px;
	font-weight: 600;
}

.basket-notifier-container .basket-notifier-related-product .inBasketNotifier.btn_addToBasket {
	position: relative;
	display: flex !important;
	align-items: center;
	justify-content: center;
	width: 100%;
	min-height: 42px;
	margin: 0 !important;
	padding: 10px 38px 10px 14px !important;
	overflow: hidden;
	color: #fff !important;
	background: var(--itd-green-dark, #286d51) !important;
	border: 1px solid var(--itd-green-dark, #286d51) !important;
	border-radius: 8px !important;
	box-shadow: 0 5px 13px rgba(40, 109, 81, 0.17);
	font-family: "Overpass", sans-serif !important;
	font-size: 13px;
	font-weight: 800;
	text-align: center;
	text-decoration: none !important;
	transition:
		background-color .18s ease,
		box-shadow .18s ease,
		transform .18s ease;
	box-sizing: border-box;
}

.basket-notifier-container .basket-notifier-related-product .inBasketNotifier.btn_addToBasket::after {
	content: "\f07a";
	position: absolute;
	top: 50%;
	right: 13px;
	font-family: "Font Awesome 5 Free", "FontAwesome";
	font-size: 12px;
	font-weight: 900;
	transform: translateY(-50%);
}

.basket-notifier-container .basket-notifier-related-product .inBasketNotifier.btn_addToBasket:hover,
.basket-notifier-container .basket-notifier-related-product .inBasketNotifier.btn_addToBasket:focus {
	color: #fff !important;
	background: var(--itd-green-darker, #1f5740) !important;
	border-color: var(--itd-green-darker, #1f5740) !important;
	box-shadow: 0 8px 18px rgba(40, 109, 81, 0.25);
	transform: translateY(-1px);
}

.basket-notifier-container .basket-notifier-related-product .inBasketNotifier.btn_addToBasket.adding {
	pointer-events: none;
	opacity: .72;
}


/* =========================================================
   SLICK DOTS
   ========================================================= */

.basket-notifier-container .basket-notifier-related-products .slick-dots {
	position: static;
	display: flex !important;
	align-items: center;
	justify-content: center;
	gap: 7px;
	width: 100%;
	margin: 18px 0 0;
	padding: 0;
	list-style: none;
}

.basket-notifier-container .basket-notifier-related-products .slick-dots li {
	width: auto;
	height: auto;
	margin: 0;
}

.basket-notifier-container .basket-notifier-related-products .slick-dots li button {
	display: block;
	width: 9px;
	height: 9px;
	margin: 0;
	padding: 0;
	overflow: hidden;
	color: transparent;
	background: #ccd6d0;
	border: 0;
	border-radius: 999px;
	font-size: 0;
	cursor: pointer;
	transition:
		width .18s ease,
		background-color .18s ease;
}

.basket-notifier-container .basket-notifier-related-products .slick-dots li button::before {
	display: none !important;
	content: none !important;
}

.basket-notifier-container .basket-notifier-related-products .slick-dots li.slick-active button {
	width: 27px;
	background: var(--itd-green-dark, #286d51);
}


/* =========================================================
   UDEN RELATEREDE PRODUKTER
   ========================================================= */

.basket-notifier-container .basket-notifier.no-related-products > div:nth-child(3),
.basket-notifier-container .basket-notifier.no-related-products > .basket-notifier-related-products {
	display: none !important;
}


/* =========================================================
   RESPONSIV
   ========================================================= */

@media (max-width: 800px) {
	.basket-notifier-container {
		align-items: flex-end;
		padding: 12px;
	}

	.basket-notifier-container > .basket-notifier {
		width: 100%;
		max-height: calc(100dvh - 24px);
		margin: auto 0 0;
		border-radius: 17px;
	}

	.basket-notifier-container .basket-notifier > div:nth-child(2) {
		grid-template-columns: 1fr;
		gap: 12px;
		padding: 24px 58px 18px 18px;
	}

	.basket-notifier-container .basket-notifier > div:nth-child(3) {
		padding: 20px 18px 11px;
	}

	.basket-notifier-container .basket-notifier-related-products {
		padding-right: 11px;
		padding-left: 11px;
	}
}

@media (max-width: 540px) {
	.basket-notifier-container {
		padding: 0;
		background: rgba(18, 29, 24, 0.70);
	}

	.basket-notifier-container > .basket-notifier {
		max-height: 94dvh;
		border-right: 0;
		border-bottom: 0;
		border-left: 0;
		border-radius: 18px 18px 0 0;
	}

	.basket-notifier-container .basket-notifier > span:first-child {
		top: 10px;
		right: 10px;
		width: 38px;
		height: 38px;
		margin: 10px 10px -48px 0;
	}

	.basket-notifier-container .basket-notifier > div:nth-child(2) {
		padding: 19px 53px 15px 13px;
	}

	.basket-notifier-container .basket-notifier > div:nth-child(2) > div:first-child {
		grid-template-columns: 38px 64px minmax(0, 1fr);
		gap: 10px;
		padding: 11px;
	}

	.basket-notifier-container .basket-notifier > div:nth-child(2) > div:first-child > i.fa-check {
		width: 34px;
		height: 34px;
		box-shadow: 0 0 0 5px rgba(116, 171, 45, 0.13);
		font-size: 14px;
	}

	.basket-notifier-container .basket-notifier-image {
		width: 64px !important;
		min-width: 64px;
		max-width: 64px !important;
		height: 64px !important;
		min-height: 64px;
		max-height: 64px !important;
	}

	.basket-notifier-container .basket-product-name {
		font-size: 13px;
		line-height: 1.4;
	}

	.basket-notifier-container .basket-notifier > div:nth-child(2) > div:last-child {
		padding: 13px;
	}

	.basket-notifier-container .basket-notifier > div:nth-child(2) > div:last-child > div:last-child {
		grid-template-columns: 1fr;
	}

	.basket-notifier-container .notifier-close,
	.basket-notifier-container .notifier-basket {
		min-height: 45px;
	}

	.basket-notifier-container .basket-notifier > div:nth-child(3) {
		padding: 18px 13px 9px;
	}

	.basket-notifier-container .basket-notifier > div:nth-child(3) h3 {
		font-size: 19px !important;
	}

	.basket-notifier-container .basket-notifier-related-product {
		min-height: 330px;
		margin-right: 5px;
		margin-left: 5px;
	}

	.basket-notifier-container .basket-notifier-related-product > a:nth-child(2) {
		height: 150px;
	}
}


/* =========================================================
   ANIMATIONER
   ========================================================= */

@keyframes itdNotifierEnter {
	from {
		opacity: 0;
		transform: translateY(18px) scale(.985);
	}
	to {
		opacity: 1;
		transform: translateY(0) scale(1);
	}
}

@keyframes itdNotifierExit {
	to {
		opacity: 0;
		transform: translateY(14px) scale(.985);
	}
}

@keyframes itdNotifierBackdropOut {
	to {
		opacity: 0;
	}
}

@media (prefers-reduced-motion: reduce) {
	.basket-notifier-container,
	.basket-notifier-container > .basket-notifier,
	.basket-notifier-container .basket-notifier-related-product,
	.basket-notifier-container .basket-notifier-related-product img,
	.basket-notifier-container .notifier-close,
	.basket-notifier-container .notifier-basket,
	.basket-notifier-container .inBasketNotifier {
		animation: none !important;
		transition: none !important;
	}
}

/* =========================================================
   BASKET NOTIFIER V2 – NULSTIL GAMLE KONFLIKTREGLER
   Skal ligge efter både den oprindelige style.css og den
   moderne basket-notifier styling.
   ========================================================= */

/*
 * Den gamle styling bruger faste procenthøjder og gør den sidste
 * notifier-sektion til en flex-række. Da den sidste sektion samtidig
 * er Slick-slideren, bliver .slick-list presset sammen i venstre side.
 */

.basket-notifier-container > .basket-notifier {
	display: flex !important;
	flex-direction: column !important;
	width: min(1060px, calc(100vw - 36px)) !important;
	height: auto !important;
	min-height: 0 !important;
	max-height: calc(100dvh - 50px) !important;
	margin: auto !important;
	overflow-x: hidden !important;
	overflow-y: auto !important;
	background: #fff !important;
	box-sizing: border-box !important;
}


/* ---------- Topsektion: tilføjet vare og kurvstatus ---------- */

.basket-notifier-container > .basket-notifier > div:nth-child(2) {
	display: grid !important;
	grid-template-columns: minmax(0, 1.15fr) minmax(330px, .85fr) !important;
	flex: none !important;
	width: 100% !important;
	height: auto !important;
	min-height: 0 !important;
	margin: 0 !important;
	padding: 28px 72px 24px 28px !important;
	background:
		linear-gradient(
			135deg,
			rgba(242, 248, 236, 0.92),
			rgba(255, 255, 255, 0.98) 58%
		) !important;
	box-sizing: border-box !important;
}

.basket-notifier-container > .basket-notifier > div:nth-child(2) > div:first-child {
	display: grid !important;
	grid-template-columns: 46px 82px minmax(0, 1fr) !important;
	align-items: center !important;
	flex: none !important;
	width: 100% !important;
	height: auto !important;
	min-height: 0 !important;
	margin: 0 !important;
}

.basket-notifier-container > .basket-notifier > div:nth-child(2) > div:last-child {
	display: flex !important;
	flex: none !important;
	flex-direction: column !important;
	width: 100% !important;
	height: auto !important;
	min-height: 0 !important;
	margin: 0 !important;
}

.basket-notifier-container > .basket-notifier > div:nth-child(2) > div:last-child > div:first-child {
	display: block !important;
	flex: none !important;
	width: 100% !important;
	height: auto !important;
	min-height: 0 !important;
	margin: 0 !important;
}

.basket-notifier-container > .basket-notifier > div:nth-child(2) > div:last-child > div:first-child > div {
	display: flex !important;
	flex-direction: row !important;
	align-items: flex-end !important;
	justify-content: space-between !important;
	width: 100% !important;
	margin: 0 !important;
}

.basket-notifier-container > .basket-notifier > div:nth-child(2) > div:last-child > div:last-child {
	display: grid !important;
	grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
	flex: none !important;
	width: 100% !important;
	height: auto !important;
	min-height: 0 !important;
	margin: 0 !important;
}


/* ---------- Overskrift over relaterede varer ---------- */

.basket-notifier-container > .basket-notifier > div:nth-child(3) {
	display: block !important;
	flex: none !important;
	width: 100% !important;
	height: auto !important;
	min-height: 0 !important;
	margin: 0 !important;
	padding: 23px 28px 13px !important;
	background: #fff !important;
	border-bottom: 0 !important;
	box-sizing: border-box !important;
}

.basket-notifier-container > .basket-notifier > div:nth-child(3) > div {
	display: flex !important;
	align-items: center !important;
	width: 100% !important;
	height: auto !important;
	margin: 0 !important;
}


/* ---------- Selve Slick-slideren ---------- */

.basket-notifier-container > .basket-notifier > .basket-notifier-related-products {
	position: relative !important;
	display: block !important;
	flex: none !important;
	flex-direction: initial !important;
	justify-content: initial !important;
	width: 100% !important;
	height: auto !important;
	min-height: 0 !important;
	margin: 0 !important;
	padding: 0 18px 30px !important;
	overflow: visible !important;
	background: #fff !important;
	box-sizing: border-box !important;
}

.basket-notifier-container > .basket-notifier > .basket-notifier-related-products > .slick-list {
	display: block !important;
	flex: none !important;
	width: 100% !important;
	height: auto !important;
	min-height: 0 !important;
	margin: 0 !important;
	padding: 5px 0 8px !important;
	overflow: hidden !important;
	box-sizing: border-box !important;
}

.basket-notifier-container > .basket-notifier > .basket-notifier-related-products > .slick-list > .slick-track {
	display: flex !important;
	align-items: stretch !important;
	width: auto;
	height: auto !important;
	min-height: 0 !important;
	margin: 0 !important;
}

.basket-notifier-container
	> .basket-notifier
	> .basket-notifier-related-products
	.slick-slide {
	float: none !important;
	flex: 0 0 auto !important;
	height: auto !important;
	min-height: 1px !important;
}


/* ---------- Produktkort i notifieren ---------- */

.basket-notifier-container
	> .basket-notifier
	> .basket-notifier-related-products
	.basket-notifier-related-product {
	display: flex !important;
	flex: 0 0 auto !important;
	flex-direction: column !important;
	height: auto !important;
	min-height: 355px !important;
	margin: 0 7px !important;
	padding: 0 !important;
	overflow: hidden !important;
	background: #fff !important;
	border: 1px solid var(--itd-border, #e2e8e4) !important;
	border-radius: 13px !important;
	box-shadow: 0 5px 16px rgba(31, 55, 43, 0.06) !important;
	box-sizing: border-box !important;
}

.basket-notifier-container
	> .basket-notifier
	> .basket-notifier-related-products
	.basket-notifier-related-product
	> div:first-child {
	display: flex !important;
	align-items: flex-start !important;
	flex: none !important;
	width: 100% !important;
	height: auto !important;
	min-height: 66px !important;
	margin: 0 !important;
	padding: 14px 14px 8px !important;
	overflow: hidden !important;
	box-sizing: border-box !important;
}

.basket-notifier-container
	> .basket-notifier
	> .basket-notifier-related-products
	.basket-notifier-related-product
	> div:first-child
	> span {
	width: 100% !important;
	margin: 0 !important;
	font-size: inherit !important;
}

.basket-notifier-container
	> .basket-notifier
	> .basket-notifier-related-products
	.basket-notifier-related-product
	> a:nth-child(2) {
	position: relative !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	flex: none !important;
	width: auto !important;
	height: 170px !important;
	min-height: 170px !important;
	margin: 0 14px !important;
	padding: 12px !important;
	overflow: hidden !important;
	background: var(--itd-surface-soft, #f7f9f8) !important;
	border: 1px solid #edf1ee !important;
	border-radius: 10px !important;
	box-sizing: border-box !important;
}

.basket-notifier-container
	> .basket-notifier
	> .basket-notifier-related-products
	.basket-notifier-related-product
	> a:nth-child(2)
	> img {
	position: static !important;
	inset: auto !important;
	display: block !important;
	width: 100% !important;
	max-width: 100% !important;
	height: 100% !important;
	max-height: 100% !important;
	margin: auto !important;
	padding: 0 !important;
	object-fit: contain !important;
	object-position: center !important;
}

.basket-notifier-container
	> .basket-notifier
	> .basket-notifier-related-products
	.basket-notifier-related-product
	> div:last-child {
	display: flex !important;
	flex: 1 1 auto !important;
	flex-direction: column !important;
	justify-content: flex-end !important;
	width: 100% !important;
	height: auto !important;
	min-height: 108px !important;
	margin: 0 !important;
	padding: 12px 14px 14px !important;
	background: #fff !important;
	box-sizing: border-box !important;
}

.basket-notifier-container
	> .basket-notifier
	> .basket-notifier-related-products
	.basket-notifier-related-product
	> div:last-child
	> div:first-child {
	display: block !important;
	flex: none !important;
	width: 100% !important;
	height: auto !important;
	min-height: 0 !important;
	margin: 0 !important;
	padding: 0 !important;
}

.basket-notifier-container
	> .basket-notifier
	> .basket-notifier-related-products
	.basket-notifier-related-product
	> div:last-child
	> div:first-child:empty {
	display: none !important;
}

.basket-notifier-container
	> .basket-notifier
	> .basket-notifier-related-products
	.basket-notifier-related-product
	> div:last-child
	> div:last-child {
	display: grid !important;
	grid-template-columns: minmax(0, 1fr) !important;
	justify-content: initial !important;
	gap: 10px !important;
	width: 100% !important;
	height: auto !important;
	margin: 0 !important;
}

.basket-notifier-container
	> .basket-notifier
	> .basket-notifier-related-products
	.basket-notifier-related-product
	> div:last-child
	> div:last-child
	> div {
	display: flex !important;
	align-items: baseline !important;
	gap: 4px !important;
	flex: none !important;
	width: 100% !important;
	max-width: none !important;
	margin: 0 !important;
}

.basket-notifier-container
	> .basket-notifier
	> .basket-notifier-related-products
	.basket-notifier-related-product
	.inBasketNotifier.btn_addToBasket {
	display: flex !important;
	flex: none !important;
	width: 100% !important;
	min-height: 42px !important;
	height: auto !important;
	margin: 0 !important;
	padding: 10px 38px 10px 14px !important;
	color: #fff !important;
	background: var(--itd-green-dark, #286d51) !important;
	border: 1px solid var(--itd-green-dark, #286d51) !important;
	border-radius: 8px !important;
	box-shadow: 0 5px 13px rgba(40, 109, 81, 0.17) !important;
}


/* ---------- Slick dots ---------- */

.basket-notifier-container
	> .basket-notifier
	> .basket-notifier-related-products
	> .slick-dots {
	position: static !important;
	display: flex !important;
	flex: none !important;
	align-items: center !important;
	justify-content: center !important;
	width: 100% !important;
	height: auto !important;
	margin: 18px 0 0 !important;
	padding: 0 !important;
}


/* ---------- Responsive overrides mod gamle media queries ---------- */

@media (max-width: 991px) {
	.basket-notifier-container > .basket-notifier {
		width: min(100%, calc(100vw - 24px)) !important;
		height: auto !important;
		max-height: calc(100dvh - 24px) !important;
		overflow-x: hidden !important;
		overflow-y: auto !important;
	}

	.basket-notifier-container > .basket-notifier > div:nth-child(2) {
		grid-template-columns: 1fr !important;
		height: auto !important;
		padding: 24px 18px 18px 18px !important;
	}

	/* Den gamle CSS skjuler denne vare på tablet – vis den igen. */
	.basket-notifier-container
		> .basket-notifier
		> div:nth-child(2)
		> div:first-child {
		display: grid !important;
		height: auto !important;
	}

	.basket-notifier-container
		> .basket-notifier
		> div:nth-child(2)
		> div:last-child {
		display: flex !important;
		flex-direction: row !important;
		height: auto !important;
		margin: 0 !important;
	}

	.basket-notifier-container
		> .basket-notifier
		> .basket-notifier-related-products {
		display: block !important;
		height: auto !important;
		padding: 0 11px 26px !important;
	}

	.basket-notifier-container
		> .basket-notifier
		> .basket-notifier-related-products
		> .slick-list
		> .slick-track {
		height: auto !important;
	}

	.basket-notifier-container
		> .basket-notifier
		> .basket-notifier-related-products
		.basket-notifier-related-product {
		margin: 0 6px !important;
	}
}

@media (max-width: 540px) {
	.basket-notifier-container > .basket-notifier {
		width: 100% !important;
		height: auto !important;
		max-height: 94dvh !important;
	}

	.basket-notifier-container > .basket-notifier > div:nth-child(2) {
		height: auto !important;
		padding: 19px 53px 15px 13px !important;
	}

	.basket-notifier-container > .basket-notifier > div:nth-child(3) {
		height: auto !important;
		padding: 18px 13px 9px !important;
	}

	.basket-notifier-container
		> .basket-notifier
		> .basket-notifier-related-products {
		height: auto !important;
		padding: 0 8px 22px !important;
	}

	.basket-notifier-container
		> .basket-notifier
		> .basket-notifier-related-products
		.basket-notifier-related-product {
		min-height: 330px !important;
		margin: 0 5px !important;
	}

	.basket-notifier-container
		> .basket-notifier
		> .basket-notifier-related-products
		.basket-notifier-related-product
		> a:nth-child(2) {
		height: 150px !important;
		min-height: 150px !important;
	}
}

@media (max-width: 400px) {
	.basket-notifier-container > .basket-notifier {
		width: 100% !important;
		height: auto !important;
		max-height: 94dvh !important;
	}

	.basket-notifier-container > .basket-notifier > div:nth-child(2),
	.basket-notifier-container > .basket-notifier > div:nth-child(3),
	.basket-notifier-container
		> .basket-notifier
		> .basket-notifier-related-products {
		height: auto !important;
	}

	.basket-notifier-container
		> .basket-notifier
		> .basket-notifier-related-products
		.basket-notifier-related-product
		> div:first-child,
	.basket-notifier-container
		> .basket-notifier
		> .basket-notifier-related-products
		.basket-notifier-related-product
		> div:last-child {
		height: auto !important;
	}
}

/* =========================================================
   BASKET NOTIFIER V3
   4 desktop / 3 tablet / 2 mobil / 1 under 360 px
   Samt korrekt fuldskærmsvisning og scroll på mobil.
   ========================================================= */

/* Lås siden bag notifieren, men lad notifieren selv scrolle. */
html.itd-basket-notifier-open,
html.itd-basket-notifier-open body {
	overflow: hidden !important;
	overscroll-behavior: none;
}

/* Sørg for at notifieren ligger over sticky/fixed navigation. */
body > .basket-notifier-container {
	position: fixed !important;
	inset: 0 !important;
	top: 0 !important;
	right: 0 !important;
	bottom: 0 !important;
	left: 0 !important;
	z-index: 2147483647 !important;
	width: 100vw !important;
	height: 100vh !important;
	height: 100dvh !important;
	max-width: none !important;
	max-height: none !important;
	margin: 0 !important;
	padding:
		max(10px, env(safe-area-inset-top))
		max(10px, env(safe-area-inset-right))
		max(10px, env(safe-area-inset-bottom))
		max(10px, env(safe-area-inset-left)) !important;
	overflow-x: hidden !important;
	overflow-y: auto !important;
	overscroll-behavior: contain;
	-webkit-overflow-scrolling: touch;
	box-sizing: border-box !important;
}

body > .basket-notifier-container > .basket-notifier {
	flex: 0 0 auto !important;
	width: min(1060px, 100%) !important;
	height: auto !important;
	min-height: 0 !important;
	max-height: calc(
		100dvh -
		max(20px, env(safe-area-inset-top)) -
		max(20px, env(safe-area-inset-bottom))
	) !important;
	margin: auto !important;
	overflow-x: hidden !important;
	overflow-y: auto !important;
	overscroll-behavior: contain;
	-webkit-overflow-scrolling: touch;
}

/* Slick skal altid kunne beregne hele notifierens bredde. */
body > .basket-notifier-container
	.basket-notifier-related-products,
body > .basket-notifier-container
	.basket-notifier-related-products
	.slick-list {
	width: 100% !important;
	max-width: 100% !important;
	min-width: 0 !important;
}

body > .basket-notifier-container
	.basket-notifier-related-products
	.slick-track {
	display: flex !important;
	align-items: stretch !important;
	height: auto !important;
	min-height: 0 !important;
}

body > .basket-notifier-container
	.basket-notifier-related-products
	.slick-slide {
	float: none !important;
	height: auto !important;
	min-width: 0 !important;
}

/* =========================================================
   TABLET – 3 produkter
   Slick bestemmer bredden via JavaScript.
   ========================================================= */

@media (min-width: 600px) and (max-width: 1023px) {
	body > .basket-notifier-container {
		padding:
			max(8px, env(safe-area-inset-top))
			max(8px, env(safe-area-inset-right))
			max(8px, env(safe-area-inset-bottom))
			max(8px, env(safe-area-inset-left)) !important;
	}

	body > .basket-notifier-container > .basket-notifier {
		width: min(980px, 100%) !important;
		max-height: calc(100dvh - 16px) !important;
		border-radius: 15px !important;
	}

	body > .basket-notifier-container
		.basket-notifier-related-products {
		padding: 0 10px 22px !important;
	}

	body > .basket-notifier-container
		.basket-notifier-related-product {
		min-height: 315px !important;
		margin: 0 5px !important;
	}

	body > .basket-notifier-container
		.basket-notifier-related-product
		> div:first-child {
		min-height: 58px !important;
		padding: 12px 11px 6px !important;
	}

	body > .basket-notifier-container
		.basket-notifier-related-product
		> div:first-child
		a {
		min-height: 38px !important;
		max-height: 38px !important;
		font-size: 12px !important;
		line-height: 1.45 !important;
	}

	body > .basket-notifier-container
		.basket-notifier-related-product
		> a:nth-child(2) {
		height: 140px !important;
		min-height: 140px !important;
		margin: 0 11px !important;
		padding: 10px !important;
	}

	body > .basket-notifier-container
		.basket-notifier-related-product
		> div:last-child {
		min-height: 100px !important;
		padding: 10px 11px 12px !important;
	}

	body > .basket-notifier-container
		.basket-notifier-related-product
		> div:last-child
		> div:last-child
		> div:first-child
		> span:first-child {
		font-size: 18px !important;
	}

	body > .basket-notifier-container
		.basket-notifier-related-product
		.inBasketNotifier.btn_addToBasket {
		min-height: 40px !important;
		padding: 9px 32px 9px 10px !important;
		font-size: 12px !important;
	}
}

/* =========================================================
   MOBIL – 2 produkter
   ========================================================= */

@media (max-width: 599px) {
	body > .basket-notifier-container {
		align-items: stretch !important;
		justify-content: stretch !important;
		padding: 0 !important;
		background: rgba(18, 29, 24, 0.74) !important;
	}

	body > .basket-notifier-container > .basket-notifier {
		width: 100vw !important;
		height: 100vh !important;
		height: 100dvh !important;
		min-height: 100vh !important;
		min-height: 100dvh !important;
		max-height: 100vh !important;
		max-height: 100dvh !important;
		margin: 0 !important;
		padding:
			env(safe-area-inset-top)
			env(safe-area-inset-right)
			env(safe-area-inset-bottom)
			env(safe-area-inset-left) !important;
		border: 0 !important;
		border-radius: 0 !important;
		overflow-x: hidden !important;
		overflow-y: auto !important;
		box-sizing: border-box !important;
	}

	/* Luk-knappen skal altid være synlig øverst. */
	body > .basket-notifier-container
		.basket-notifier
		> span:first-child {
		position: sticky !important;
		top: max(8px, env(safe-area-inset-top)) !important;
		right: 8px !important;
		z-index: 100 !important;
		width: 38px !important;
		height: 38px !important;
		margin: 8px 8px -46px auto !important;
		flex: 0 0 38px !important;
	}

	/* Tilføjet produkt og kurvoversigt i et kompakt, fuldt synligt flow. */
	body > .basket-notifier-container
		.basket-notifier
		> div:nth-child(2) {
		display: grid !important;
		grid-template-columns: 1fr !important;
		gap: 10px !important;
		width: 100% !important;
		height: auto !important;
		min-height: 0 !important;
		padding:
			calc(16px + env(safe-area-inset-top))
			12px
			14px !important;
	}

	body > .basket-notifier-container
		.basket-notifier
		> div:nth-child(2)
		> div:first-child {
		display: grid !important;
		grid-template-columns: 34px 58px minmax(0, 1fr) !important;
		gap: 9px !important;
		width: 100% !important;
		height: auto !important;
		min-height: 0 !important;
		padding: 10px !important;
	}

	body > .basket-notifier-container
		.basket-notifier
		> div:nth-child(2)
		> div:first-child
		> i.fa-check {
		width: 32px !important;
		height: 32px !important;
		font-size: 13px !important;
		box-shadow: 0 0 0 4px rgba(116, 171, 45, 0.13) !important;
	}

	body > .basket-notifier-container
		.basket-notifier-image {
		width: 58px !important;
		min-width: 58px !important;
		max-width: 58px !important;
		height: 58px !important;
		min-height: 58px !important;
		max-height: 58px !important;
		padding: 5px !important;
	}

	body > .basket-notifier-container
		.basket-product-name {
		font-size: 12px !important;
		line-height: 1.35 !important;
	}

	body > .basket-notifier-container
		.basket-notifier
		> div:nth-child(2)
		> div:last-child {
		width: 100% !important;
		height: auto !important;
		min-height: 0 !important;
		padding: 12px !important;
	}

	body > .basket-notifier-container
		.basket-notifier
		> div:nth-child(2)
		> div:last-child
		> div:first-child {
		padding-bottom: 10px !important;
	}

	body > .basket-notifier-container
		.basket-notifier-basket-price {
		font-size: 18px !important;
	}

	body > .basket-notifier-container
		.basket-notifier
		> div:nth-child(2)
		> div:last-child
		> div:last-child {
		display: grid !important;
		grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
		gap: 8px !important;
	}

	body > .basket-notifier-container
		.notifier-close,
	body > .basket-notifier-container
		.notifier-basket {
		min-height: 43px !important;
		padding: 10px 9px !important;
		font-size: 12px !important;
		white-space: nowrap;
	}

	body > .basket-notifier-container
		.notifier-basket {
		padding-right: 34px !important;
	}

	/* Relaterede sektion */
	body > .basket-notifier-container
		.basket-notifier
		> div:nth-child(3) {
		height: auto !important;
		min-height: 0 !important;
		padding: 16px 12px 9px !important;
	}

	body > .basket-notifier-container
		.basket-notifier
		> div:nth-child(3)
		> div::before {
		width: 34px !important;
		height: 34px !important;
		flex-basis: 34px !important;
	}

	body > .basket-notifier-container
		.basket-notifier
		> div:nth-child(3)
		h3 {
		font-size: 18px !important;
	}

	body > .basket-notifier-container
		.basket-notifier-related-products {
		display: block !important;
		width: 100% !important;
		height: auto !important;
		min-height: 0 !important;
		padding: 0 5px calc(18px + env(safe-area-inset-bottom)) !important;
		overflow: visible !important;
	}

	body > .basket-notifier-container
		.basket-notifier-related-products
		.slick-list {
		padding: 4px 0 7px !important;
	}

	body > .basket-notifier-container
		.basket-notifier-related-product {
		min-height: 270px !important;
		margin: 0 4px !important;
		border-radius: 11px !important;
	}

	body > .basket-notifier-container
		.basket-notifier-related-product
		> div:first-child {
		min-height: 52px !important;
		padding: 10px 8px 5px !important;
	}

	body > .basket-notifier-container
		.basket-notifier-related-product
		> div:first-child
		a {
		min-height: 35px !important;
		max-height: 35px !important;
		font-size: 11px !important;
		line-height: 1.45 !important;
		-webkit-line-clamp: 2 !important;
	}

	body > .basket-notifier-container
		.basket-notifier-related-product
		> a:nth-child(2) {
		height: 112px !important;
		min-height: 112px !important;
		margin: 0 8px !important;
		padding: 8px !important;
		border-radius: 8px !important;
	}

	body > .basket-notifier-container
		.basket-notifier-related-product
		> div:last-child {
		min-height: 96px !important;
		padding: 9px 8px 10px !important;
	}

	body > .basket-notifier-container
		.basket-notifier-related-product
		> div:last-child
		> div:last-child {
		gap: 7px !important;
	}

	body > .basket-notifier-container
		.basket-notifier-related-product
		> div:last-child
		> div:last-child
		> div:first-child
		> span:first-child {
		font-size: 17px !important;
	}

	body > .basket-notifier-container
		.basket-notifier-related-product
		> div:last-child
		> div:last-child
		> div:first-child
		> span:last-child {
		font-size: 9px !important;
	}

	body > .basket-notifier-container
		.basket-notifier-related-product
		.inBasketNotifier.btn_addToBasket {
		min-height: 38px !important;
		padding: 8px 29px 8px 7px !important;
		font-size: 11px !important;
		border-radius: 7px !important;
	}

	body > .basket-notifier-container
		.basket-notifier-related-product
		.inBasketNotifier.btn_addToBasket::after {
		right: 9px !important;
		font-size: 11px !important;
	}

	body > .basket-notifier-container
		.basket-notifier-related-products
		.slick-dots {
		margin-top: 13px !important;
		padding-bottom: 2px !important;
	}
}

/* Under 360 px bliver to kort for smalle; JavaScript skifter til ét. */
@media (max-width: 359px) {
	body > .basket-notifier-container
		.basket-notifier-related-product {
		min-height: 285px !important;
		margin: 0 5px !important;
	}

	body > .basket-notifier-container
		.basket-notifier-related-product
		> a:nth-child(2) {
		height: 125px !important;
		min-height: 125px !important;
	}
}

/* =========================================================
   BASKET NOTIFIER V4
   Flyt kurvstatus og kurvknapper under produktslideren på
   tablet og mobil. Elementet flyttes af responsive-v4.js.
   ========================================================= */

@media (max-width: 1023px) {
	/* Topsektionen indeholder kun den netop tilføjede vare efter flytning. */
	body > .basket-notifier-container
		.basket-notifier.itd-actions-after-products
		> div:nth-child(2) {
		grid-template-columns: minmax(0, 1fr) !important;
	}

	body > .basket-notifier-container
		.basket-notifier.itd-actions-after-products
		> div:nth-child(2)
		> div:first-child {
		width: 100% !important;
		max-width: none !important;
	}

	/*
	 * Handlingskortet er nu direkte child af .basket-notifier og ligger
	 * umiddelbart efter .basket-notifier-related-products.
	 */
	body > .basket-notifier-container
		.basket-notifier
		> .itd-basket-mobile-actions {
		position: sticky !important;
		right: auto !important;
		bottom: 0 !important;
		left: auto !important;
		z-index: 90 !important;
		display: grid !important;
		grid-template-columns: minmax(180px, .75fr) minmax(320px, 1.25fr) !important;
		align-items: center !important;
		gap: 16px !important;
		flex: none !important;
		width: 100% !important;
		height: auto !important;
		min-height: 0 !important;
		margin: 0 !important;
		padding:
			13px
			18px
			calc(13px + env(safe-area-inset-bottom)) !important;
		color: var(--itd-text, #1f2924) !important;
		background: rgba(255, 255, 255, .97) !important;
		border: 0 !important;
		border-top: 1px solid var(--itd-border, #e2e8e4) !important;
		border-radius: 0 !important;
		box-shadow: 0 -12px 30px rgba(31, 55, 43, .13) !important;
		-webkit-backdrop-filter: blur(10px);
		backdrop-filter: blur(10px);
		box-sizing: border-box !important;
	}

	/* Kurvantal og totalpris */
	body > .basket-notifier-container
		.basket-notifier
		> .itd-basket-mobile-actions
		> div:first-child {
		display: block !important;
		flex: none !important;
		width: 100% !important;
		height: auto !important;
		min-height: 0 !important;
		margin: 0 !important;
		padding: 0 !important;
		background: transparent !important;
		border: 0 !important;
	}

	body > .basket-notifier-container
		.basket-notifier
		> .itd-basket-mobile-actions
		> div:first-child
		> div {
		display: flex !important;
		flex-direction: row !important;
		align-items: baseline !important;
		justify-content: space-between !important;
		gap: 12px !important;
		width: 100% !important;
		height: auto !important;
		margin: 0 !important;
		padding: 0 !important;
	}

	body > .basket-notifier-container
		.basket-notifier
		> .itd-basket-mobile-actions
		> div:first-child
		> span:empty {
		display: none !important;
	}

	body > .basket-notifier-container
		.basket-notifier
		> .itd-basket-mobile-actions
		.basket-notifier-basket-items {
		color: var(--itd-muted, #657169) !important;
		font-family: "Roboto", sans-serif !important;
		font-size: 13px !important;
		font-weight: 700 !important;
		line-height: 1.3 !important;
		text-align: left !important;
	}

	body > .basket-notifier-container
		.basket-notifier
		> .itd-basket-mobile-actions
		.basket-notifier-basket-price {
		color: var(--itd-text, #1f2924) !important;
		font-family: "Overpass", sans-serif !important;
		font-size: 20px !important;
		font-weight: 900 !important;
		line-height: 1.1 !important;
		text-align: right !important;
		white-space: nowrap;
	}

	/* Knapperne */
	body > .basket-notifier-container
		.basket-notifier
		> .itd-basket-mobile-actions
		> div:last-child {
		display: grid !important;
		grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
		align-items: stretch !important;
		gap: 10px !important;
		flex: none !important;
		width: 100% !important;
		height: auto !important;
		min-height: 0 !important;
		margin: 0 !important;
		padding: 0 !important;
		background: transparent !important;
		border: 0 !important;
	}

	body > .basket-notifier-container
		.basket-notifier
		> .itd-basket-mobile-actions
		.notifier-close,
	body > .basket-notifier-container
		.basket-notifier
		> .itd-basket-mobile-actions
		.notifier-basket {
		width: 100% !important;
		min-height: 48px !important;
		height: auto !important;
		margin: 0 !important;
		padding-top: 11px !important;
		padding-bottom: 11px !important;
		font-size: 13px !important;
	}

	/*
	 * Giv lidt luft efter sliderens dots. Handlingskortet ligger i normal
	 * rækkefølge efter slideren og bliver sticky ved notifierens bund.
	 */
	body > .basket-notifier-container
		.basket-notifier.itd-actions-after-products
		> .basket-notifier-related-products {
		padding-bottom: 18px !important;
	}
}

@media (max-width: 599px) {
	body > .basket-notifier-container
		.basket-notifier
		> .itd-basket-mobile-actions {
		grid-template-columns: minmax(0, 1fr) !important;
		gap: 9px !important;
		padding:
			10px
			12px
			calc(10px + env(safe-area-inset-bottom)) !important;
	}

	body > .basket-notifier-container
		.basket-notifier
		> .itd-basket-mobile-actions
		> div:first-child {
		padding: 0 2px !important;
	}

	body > .basket-notifier-container
		.basket-notifier
		> .itd-basket-mobile-actions
		.basket-notifier-basket-items {
		font-size: 12px !important;
	}

	body > .basket-notifier-container
		.basket-notifier
		> .itd-basket-mobile-actions
		.basket-notifier-basket-price {
		font-size: 18px !important;
	}

	body > .basket-notifier-container
		.basket-notifier
		> .itd-basket-mobile-actions
		> div:last-child {
		gap: 8px !important;
	}

	body > .basket-notifier-container
		.basket-notifier
		> .itd-basket-mobile-actions
		.notifier-close,
	body > .basket-notifier-container
		.basket-notifier
		> .itd-basket-mobile-actions
		.notifier-basket {
		min-height: 46px !important;
		padding-right: 8px !important;
		padding-left: 8px !important;
		font-size: 12px !important;
		white-space: nowrap;
	}

	body > .basket-notifier-container
		.basket-notifier
		> .itd-basket-mobile-actions
		.notifier-basket {
		padding-right: 33px !important;
	}
}

@media (max-width: 359px) {
	body > .basket-notifier-container
		.basket-notifier
		> .itd-basket-mobile-actions
		> div:last-child {
		grid-template-columns: minmax(0, 1fr) !important;
	}

	body > .basket-notifier-container
		.basket-notifier
		> .itd-basket-mobile-actions
		.notifier-close,
	body > .basket-notifier-container
		.basket-notifier
		> .itd-basket-mobile-actions
		.notifier-basket {
		min-height: 43px !important;
	}
}