.pdp-atc-cta,
.pdp-atc-cta .pdp-atc-cta__inner {
	display: flex;
	flex-direction: column;
	row-gap: 0.75rem;
}

@media not all and (min-width: 768px) {
	.pdp-atc-cta .pdp-atc-cta__inner {
		--tw-bg-opacity: 1;
		--tw-shadow: 0 0 8px rgb(0 0 0 / 20%);
		--tw-shadow-colored: 0 0 8px var(--tw-shadow-color);

		position: fixed;
		bottom: 0;
		left: 0;
		right: 0;
		z-index: 40;
		padding: 0.75rem;
		background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
		animation: pdp-atc-slide-in 0.4s ease-out 0.3s both;
		box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
	}
}

.pdp-atc-cta .pdp-atc-cta__totals__inner > h3 {
	--tw-text-opacity: 1;

	font-size: 20px;
	font-weight: 700;
	line-height: 24px;
	color: rgb(5 1 17 / var(--tw-text-opacity, 1));
}

@media (min-width: 768px) {
	.pdp-atc-cta .pdp-atc-cta__totals__inner > h3 {
		font-size: 24px;
		line-height: 32px;
	}
}

.pdp-atc-cta .pdp-atc-cta__totals__inner > .pdp-atc-cta__totals__label {
	--tw-text-opacity: 1;

	font-size: 14px;
	line-height: 20px;
	color: rgb(121 126 131 / var(--tw-text-opacity, 1));
}

.pdp-atc-cta .pdp-atc-cta__totals {
	column-gap: 0.5rem;
	column-gap: 0.5rem;
	display: flex;
	justify-content: space-between;
}

.pdp-atc-cta .pdp-atc-cta__totals .pdp-atc-cta__totals-price {
	font-size: 20px;
	font-weight: 700;
	line-height: 24px;
	color: var(--color-base-text-2);
}

@media (min-width: 768px) {
	.pdp-atc-cta .pdp-atc-cta__totals .pdp-atc-cta__totals-price {
		font-size: 24px;
		line-height: 32px;
	}
}

.pdp-atc-cta .pdp-atc-cta__button {
	font-size: 20px;
	line-height: 24px;
}

@media (min-width: 768px) {
	.pdp-atc-cta .pdp-atc-cta__button {
		font-size: 24px;
		line-height: 32px;
	}
}

@media not all and (min-width: 768px) {
	body.template-product {
		padding-bottom: 9rem;
	}
}

@keyframes pdp-atc-slide-in {
	0% {
		transform: translateY(100%);
	}

	100% {
		transform: translateY(0);
	}
}