/**
 * Pure Life — анімація «товар летить у кошик» (лише мобільна)
 */
@media (max-width: 1100px) {

	.pl-cart-flyer-mobile {
		position: fixed;
		z-index: 10050;
		pointer-events: none;
		border-radius: 8px;
		overflow: hidden;
		box-shadow: 0 8px 22px rgba(0, 0, 0, 0.2);
		border: 2px solid #fff;
		will-change: left, top, width, height, opacity;
	}

	.pl-cart-flyer-mobile img {
		width: 100%;
		height: 100%;
		object-fit: cover;
		display: block;
	}

	.pl-cart-flyer-mobile--placeholder {
		background: linear-gradient(135deg, var(--main_color, #4caf50) 0%, var(--main_color_2, #66bb6a) 100%);
	}

	.pl-cart-mobile-source-flash {
		animation: pl-cart-mobile-source-flash 0.45s ease;
	}

	.bottom_bar_cart.pl-cart-mobile-pulse .link:before {
		animation: pl-cart-mobile-bottom-icon 0.65s ease;
	}

	.bottom_bar_cart.pl-cart-mobile-pulse .cart_count {
		animation: pl-cart-mobile-badge-bounce 0.55s ease;
	}

	#top #cart.pl-cart-mobile-pulse > button,
	#top #cart.pl-cart-mobile-pulse > a,
	#cart.pl-cart-mobile-pulse > button,
	#cart.pl-cart-mobile-pulse > a {
		animation: pl-cart-mobile-top-icon 0.65s ease;
	}

	#top #cart.pl-cart-mobile-pulse > button > span,
	#top #cart.pl-cart-mobile-pulse > a > span,
	#cart.pl-cart-mobile-pulse > button > span,
	#cart.pl-cart-mobile-pulse > a > span {
		animation: pl-cart-mobile-badge-bounce-top 0.55s ease;
	}

	@keyframes pl-cart-mobile-source-flash {
		0%,
		100% {
			box-shadow: none;
		}
		40% {
			box-shadow: 0 0 0 4px rgba(76, 175, 80, 0.35);
		}
	}

	@keyframes pl-cart-mobile-bottom-icon {
		0%,
		100% {
			transform: scale(1);
			filter: none;
		}
		40% {
			transform: scale(1.2);
			filter: drop-shadow(0 0 6px var(--main_color, #4caf50));
		}
	}

	@keyframes pl-cart-mobile-top-icon {
		0%,
		100% {
			transform: scale(1);
		}
		40% {
			transform: scale(1.15);
		}
	}

	@keyframes pl-cart-mobile-badge-bounce {
		0%,
		100% {
			transform: translate(-50%, 0%) scale(1);
		}
		45% {
			transform: translate(-50%, 0%) scale(1.4);
		}
	}

	@keyframes pl-cart-mobile-badge-bounce-top {
		0%,
		100% {
			transform: translate(0%, -50%) scale(1);
		}
		45% {
			transform: translate(0%, -50%) scale(1.35);
		}
	}
}
