.sticky-add-to-cart {
	position: fixed;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 999999;

	width: 100%;

	padding:
		10px 12px
		calc(10px + env(safe-area-inset-bottom));

	background: #fff;

	border-top:
		1px solid
		rgba(23, 32, 39, 0.12);

	box-shadow:
		0 -6px 24px
		rgba(23, 32, 39, 0.14);

	transform: translateY(120%);

	opacity: 0;
	visibility: hidden;
	pointer-events: none;

	transition:
		transform 0.22s ease,
		opacity 0.22s ease,
		visibility 0.22s ease;
}


/*
 * Widoczna belka.
 */

.sticky-add-to-cart.is-visible {
	transform: translateY(0);

	opacity: 1;
	visibility: visible;
	pointer-events: auto;
}


/*
 * Wnętrze.
 */

.sticky-add-to-cart__inner {
	display: flex;
	align-items: center;
	gap: 10px;

	width: 100%;
	max-width: 100%;

	margin: 0 auto;
}


/*
 * Dane produktu.
 */

.sticky-add-to-cart__product {
	flex: 1 1 0;
	min-width: 0;
}

.sticky-add-to-cart__info {
	min-width: 0;
}

.sticky-add-to-cart__name {
	margin: 0 0 2px;

	color:
		var(
			--text,
			#172027
		);

	font-size: 12px;
	font-weight: 700;
	line-height: 1.2;

	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.sticky-add-to-cart__price {
	color:
		var(
			--brand,
			#203b4a
		);

	font-size: 15px;
	font-weight: 800;
	line-height: 1.2;

	white-space: nowrap;
}

.sticky-add-to-cart__price del {
	margin-right: 4px;

	font-size: 12px;
	font-weight: 500;

	opacity: 0.55;
}

.sticky-add-to-cart__price ins {
	text-decoration: none;
}


/*
 * Sticky korzysta z normalnego
 * .product__add-to-cart.
 *
 * Tutaj ustawiamy tylko parametry
 * potrzebne do ułożenia go w belce.
 */

.sticky-add-to-cart__button {
	flex: 0 0 auto;

	width: auto;
	min-width: 0;

	margin: 0;

	white-space: nowrap;
}


/*
 * Mobile.
 *
 * Na bardzo małych ekranach
 * nazwa produktu może się skrócić,
 * żeby przycisk miał wystarczająco miejsca.
 */

@media (max-width: 374px) {
	.sticky-add-to-cart__name {
		max-width: 100px;
	}

	.sticky-add-to-cart__button {
		padding-right: 12px;
		padding-left: 12px;
	}
}


/*
 * >= 480px
 */

@media (min-width: 480px) {
	.sticky-add-to-cart {
		padding-right: 16px;
		padding-left: 16px;
	}

	.sticky-add-to-cart__inner {
		gap: 14px;
	}

	.sticky-add-to-cart__name {
		font-size: 13px;
	}

	.sticky-add-to-cart__price {
		font-size: 16px;
	}
}


/*
 * >= 768px
 */

@media (min-width: 768px) {
	.sticky-add-to-cart {
		padding:
			12px 24px
			calc(
				12px +
				env(safe-area-inset-bottom)
			);
	}

	.sticky-add-to-cart__inner {
		max-width: 1180px;
	}

	.sticky-add-to-cart__name {
		font-size: 14px;
	}

	.sticky-add-to-cart__price {
		font-size: 17px;
	}
}


/*
 * >= 1024px
 */

@media (min-width: 1024px) {
	.sticky-add-to-cart {
		padding-top: 14px;
		padding-bottom: 14px;
	}

	.sticky-add-to-cart__inner {
		gap: 20px;
	}

	.sticky-add-to-cart__name {
		font-size: 15px;
	}

	.sticky-add-to-cart__price {
		font-size: 18px;
	}

	.sticky-add-to-cart__button {
		min-width: 190px;
	}
}


/*
 * >= 1280px
 */

@media (min-width: 1280px) {
	.sticky-add-to-cart__inner {
		max-width: 1240px;
	}
}