/*------------------------------------------------------------------------------*/
/* Modal Buy Container
/*------------------------------------------------------------------------------*/

.ModalBuyContainer {
	background: var(--color-white);
	border-radius: 6px;
	margin: 1rem auto; 
	max-width: 1025px;
	padding: var(--margin-large);
	width: calc(100% - 2rem);
}

.ModalBuyContainer + .mfp-close {
	color: var(--color-text-dark);
	left: 0;
	margin: auto;
	max-width: 1025px;
	padding: 0 1.5rem;
	text-align: right;
	width: 100%;
}

.ModalBuyContainer.ModalVariationSelect {
	max-width: 600px;
}

.ModalBuyContainer.ModalVariationSelect + .mfp-close {
	max-width: 600px;
}

.ModalBuyContainer .ProductDesc figure {
	display: none;
}

.ModalBuyContainer .BuyFormVariationRadio .Checks:not(.CustomRadioChecks) {
	align-items: flex-start;
	gap: 0;
	border: 1px solid var(--border-color);
	border-radius: var(--border-radius);
	display: flex;
	flex-flow: column;
	margin-bottom: 1.5rem;
	margin-top: .5rem;
}

.ModalBuyContainer .BuyFormVariationRadio .Checks:not(.CustomRadioChecks) label {
	align-items: center;
	border-bottom: 1px solid var(--border-color);
	display: flex;
	padding: 1rem;
	position: relative;
	width: 100%;
}

.ModalBuyContainer .BuyFormVariationRadio .Checks:not(.CustomRadioChecks) label:last-child {
	border-bottom: none;
}

.ModalBuyContainer .ProductLayout {
	grid-template-columns: 1fr 2fr;
}

.ModalBuyContainer .BuyFormVariationRadio label, .ModalBuyContainer .BuyFormVariationRadio .label {
  font-size: var(--font-size-small);
}

.ModalBuyContainer .ProductImages img {
  padding: 1rem;
  border: 1px solid var(--border-color);
}

@media screen and (max-width: 1025px) {
	.ModalBuyContainer {
		padding: var(--grid-list-gutter);
	}

	.ModalBuyContainer .ProductImages {
		display: none;
	}
}

/*------------------------------------------------------------------------------*/
/* Product Page Link
/*------------------------------------------------------------------------------*/

.ProductPageLink a, .ProductVariationConfirm button {
	border: 1px solid var(--border-color);
	border-radius: 3px;
	display: inline-block;
	font-family: var(--font-family);
	font-size: var(--font-size-extra-small);
	letter-spacing: 1px;
	line-height: 1.2;
	min-height: inherit;
	padding: 1rem 1.5rem;
	text-decoration: none; 
	text-transform: initial;
}

.ProductPageLink a:hover, .ProductVariationConfirm button:hover {
	background-color: var(--color-bg-light-shade-1);
}

.ProductPageLink {
	margin-bottom: 2rem;
}