/* #region Cover */
.ml-cover
{
	height: calc(100vh - 154px);
	padding: var(--space-1) !important;
}

.ml-cover div.wp-block-cover__inner-container
{
	height: 100%;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}

.ml-cover p
{
	font-size: 34px;
	color: #f1f2f2 !important;
	font-weight: 100;
	line-height: 1.25em;
}

.ml-cover h1
{
	color: #d1d3d4;
	font-size: 64px;
	font-weight: 500;
	line-height: 0.9em;
	margin-bottom: 1em;
}

@media screen and (max-width: 1101px) 
{
	.ml-cover p
	{
		font-size: clamp(10px, min(5.5vw, 5.5vh), 34px) !important;
	}

	.ml-cover h1
	{
		font-size: clamp(10px, min(10vw, 6vh), 64px) !important;
	}
}

@media screen and (max-width: 501px)
{
	.collection-double-buttons
	{
		flex-direction: column;
		gap: 1em !important;
		justify-content: center !important;
	}

	.wp-block-button
	{
		width: 100% !important;
	}
}
/* #endregion */


/* #region CollectionRow */
.collection-row .wp-block-cover
{
	height: 100%;
}

.collection-thin-column.collection-product-column
{
	flex-basis: 25em !important;
}

@media screen and (max-width: 781px)
{
	:is(.collection-row, .collection-last-row) > .wp-block-columns
	{
		gap: 0 !important;
	}

	:is(.collection-row, .collection-last-row) > .wp-block-columns .collection-main-product-column
	{
		min-height: 100vh;
		align-items: center;
		display: flex;
		justify-content: center;
	}

	.collection-last-row
	{
		padding-bottom: var(--space-1) !important;
	}
}
/* #endregion */


/* #region ProductColumn */
.collection-product-image
{
	padding-left: 1.5rem;
	padding-right: 1.5rem;
	text-align: center;
}

.collection-product-image img
{
	max-height: 50vh !important;
	height: auto !important;
	width: auto !important;
}

.collection-product-column
{
	max-width: 600px;
}

@media screen and (max-width: 1681px) 
{
	.collection-product-column { flex-basis: calc(90% - (40 * ((100vw - 1000px) / 2840))) !important; }
}

@media screen and (max-width: 781px)
{
	.collection-product-column { flex-basis: 90% !important; }
}
/* #endregion */


/* #region Spacer */
.collection-spacer-r
{
	height: 15vh;
	padding: 0px !important;
}

:is(.collection-spacer-r) .wp-block-columns
{
	height: 100%;
}

.collection-spacer-r > .wp-block-columns > .wp-block-column:last-child
{
	background-color: var(--merino-spacer-bg);
}

.collection-spacer-r > .wp-block-columns > .wp-block-column:first-child
{
	background-color: #c2cbe3;
}


@media screen and (max-width: 781px)
{
	.collection-spacer-r > .wp-block-columns > .wp-block-column:first-child
	{
		display: none;
	}
}
/* #endregion */


/* #region ButtonSpacer */
.collection-button-spacer > .wp-block-columns > .wp-block-column
{
	height: 33vh;
}

.collection-button-spacer > .wp-block-columns > .wp-block-column:last-child
{
	background-color: var(--merino-spacer-bg);
}

.collection-button-spacer > .wp-block-columns > .wp-block-column:first-child
{
	display: flex;
	align-items: center;
}

.collection-button-spacer .wp-block-buttons
{
	justify-content: center;
	gap: 5.5em;
	width: 100%;
	padding-left: var(--space-1);
	padding-right: var(--space-1);
}

@media screen and (max-width: 1161px)
{
	.collection-button-spacer .wp-block-buttons
	{
		flex-direction: column;
		gap: 1em;
	}

	.collection-button-spacer .wp-block-buttons .wp-block-button
	{
		width: 100%;
	}
}

@media screen and (max-width: 781px)
{
	.collection-button-spacer .wp-block-buttons
	{
		flex-direction: row;
		gap: 5.5em;
	}

	.collection-button-spacer .wp-block-buttons .wp-block-button
	{
		width: auto;
	}
	.collection-button-spacer > .wp-block-columns > .wp-block-column
	{
		height: 15vh;
	}
}

@media screen and (max-width: 580px)
{
	.collection-button-spacer .wp-block-buttons
	{
		flex-direction: column;
		gap: 1em;
	}

	.collection-button-spacer .wp-block-buttons .wp-block-button
	{
		width: 100%;
	}
}
/* #endregion */


/* #region Video */
.collection-video
{
	margin-bottom: 0px !important;
	cursor: pointer;
}
/* #endregion */


/* #region Image */
.collection-img-knitted
{
	max-width: 100px !important;
}
/* #endregion */

/* #region ml-banner */
.ml-banner
{
	background-color: black;
	padding: 1.5rem 4rem;
	font-weight: bold;
	text-align: center;
	color: white;
	margin-right: 0.1rem;
	line-height: 2;
}

.ml-banner[data-visible="false"]
{
	display: none;
}

.ml-banner .banner-blue
{
	color: #00aeef;
	font-size: 1.5rem;
}

.ml-banner .banner-code
{
	background-color: #383838;
	border-radius: 0.5rem;
	padding-left: 0.5rem;
	padding-right: 0.5rem;
	padding-bottom: 0.3rem;
	padding-top: 0.5rem;
	margin-left: 0.1rem !important;
	margin-right: 0.1rem !important;
}
/* #endregion */