.cta {
	position: fixed;
	z-index: 50;
	bottom: 5rem;
}
.cta--left {
	left: 1.5625rem;
}
.cta-list {
	display: flex;
	flex-direction: column;
	align-items: center;
	list-style: none;
}
.cta-item {
	cursor: pointer;
}
.cta-item:not(:last-child) {
	margin-bottom: 0.5rem;
}
.cta-progressbar {
	width: 3.6875rem;
	height: 4.25rem;
}
.cta-progressbar svg {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.cta-contact {
	position: relative;
	display: inline-flex;
	height: auto;
	/* 	padding: 0.75rem; */
	width: 3rem;
	z-index: 1;
}
.cta-contact::after {
	content: "";
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 3rem;
	height: 3rem;
	background: rgba(38, 145, 222, 1);
	animation: ping 1s linear infinite;
	border-radius: 50%;
	z-index: 0;
}
@keyframes ping {
	0% {
		transform: translate(-50%, -50%) scale(1);
		opacity: 0.35;
	}
	100% {
		transform: translate(-50%, -50%) scale(1.75);
		opacity: 0;
	}
}
.cta-contact img {
	width: 100%;
	height: auto;
}
.cta--right {
	right: 1.1875rem;
}
.cta-cart-btn {
	position: relative;
	width: 4rem;
	height: 4rem;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	background: #fff;
	box-shadow: 0 3.556px 28.444px 0 rgba(0, 0, 0, 0.1);
}
.cta-cart-btn__badge {
	position: absolute;
	top: 0;
	right: 0;
	display: none;
	height: 1.3125rem;
	width: 1.3125rem;
	background: #d32131;
	border-radius: 81.73075rem;
	color: #fff;
	font-size: 0.8125rem;
	font-weight: 500;
	z-index: 1;

}

.cta-cart-btn__icon {
	width: 2.30769rem;
	height: auto;
	transform-origin: center;
}
.cta-cart-btn[data-quantity]:not([data-quantity="0"]) .cta-cart-btn__icon  {
	animation: shake-rotate 1s ease-out 0.25s infinite;
}
.cta-cart-btn[data-quantity]:not([data-quantity="0"]) .cta-cart-btn__badge {
	display: flex;
	align-items: center;
	justify-content: center;
}
.cta--mb {
	display: none;
}

/* Style CTA in Account page */
.page-id-239 .cta--left {
	left: unset;
	right: 1.1875rem;
}
.page-id-239 .cta--left .cta-item:has(.cta-progressbar),
.page-id-239 .cta--right {
	display: none;
}
@keyframes shake-rotate {
	0% {
		rotate: 0deg;
	}
	15% {
		rotate: -17.599deg;
	}
	30% {
		rotate: 0deg;
	}
	45% {
		rotate: 21.832deg;
	}
	60% {
		rotate: 0deg;
	}
	100% {
		rotate: 0deg;
	}
}
@media (max-width: 639.98px) {
	.cta--pc {
		display: none;
	}
	.cta--mb {
		display: block;
		right: 0;
	}
	.cta-item {
		padding: 0.625rem;
		width: 3.75rem;
		height: 3.75rem;
		display: flex;
		align-items: center;
		justify-content: center;
	}
	.cta-item:not(:last-child) {
		margin-bottom: 0.25rem;
	}
	.cta-progressbar {
		scale: 1.25;
	}
	.cta-progressbar,
	.cta-contact img {
		width: 100%;
		height: auto;
	}
	.cta-contact,
	.cta-item:last-child {
		padding: 0;
	}
	.cta-cart-btn {
		width: 3.12425rem;
		height: 3.12425rem;
		flex-shrink: 0;
	}
	.cta-cart-btn__badge {
		height: 0.9125rem;
		width: 0.9125rem;
		font-size: 0.75rem;
	}
	.cta-cart-btn__icon {
		width: 1.80244rem;
	}
	@keyframes ping {
		0% {
			transform: translate(-50%, -50%) scale(1);
			opacity: 0.35;
		}
		100% {
			transform: translate(-50%, -50%) scale(1.3);
			opacity: 0;
		}
	}
	
	.page-id-239 .cta.cta--mb .cta-item:has(.cta-progressbar),
	.page-id-239 .cta.cta--mb .cta-item:has(.cta-cart-btn) {
		display: none;
	}
}