.product[class*="gallery"] {
	form.cart {
		
		// margin-bottom: var(--form-margin-bottom, -10px);

		&:before, &:after {
			content: '';
			display: table;
		}

		&:after {
			clear: both;
		}
	}
}

.ct-default-gallery,
.ct-stacked-gallery {
	.entry-summary > form.cart {
		margin-top: var(--product-element-spacing, 35px);
		padding-top: var(--product-element-spacing, 35px);
		border-top: 1px solid var(--border-color);
	}
}



// only for simple and variable products
.ct-cart-actions {
	display: flex;
	flex-wrap: wrap;

	> * {
		order: var(--item-order, 5);
		width: var(--item-width, 100%);
		margin-bottom: var(--cart-actions-items-spacing, 10px);
	}

	.quantity {
		--item-order: 1;
		--quantity-height: var(--buttonMinHeight);
		margin-inline-end: var(--cart-actions-items-spacing, 10px);

		@include media-breakpoint-down (xs) {
			&[data-type='type-1'] {
				--quantity-width: 80px;
			}

			&[data-type='type-2'] {
				--quantity-width: 100px;
			}
		}
	}

	// buttons
	@include media-breakpoint-down (xs) {
		--buttonMinHeight: 45px;
	}

	@include media-breakpoint-up (sm) {
		--buttonMinHeight: 55px;
	}

	.single_add_to_cart_button {
		flex: 1;
		--item-order: 2;

		@include media-breakpoint-up (sm) {
			&:not(.added) {
				max-width: var(--button-width);
			}
		}
	}

	.added_to_cart {
		--item-order: 3;
		--buttonTextInitialColor: var(--color);
		--buttonTextHoverColor: var(--color);
		--buttonInitialColor: rgba(224,229,235,0.6);
		--buttonHoverColor: rgba(224,229,235,1);

		@include media-breakpoint-up (sm) {
			flex: 1;
			margin-inline-start: var(--cart-actions-items-spacing, 10px);
		}
	}
}