.product-gallery-item {
	aspect-ratio: 2/1;

	overflow: hidden;

	border-radius: 32px;

	display: flex;
	flex-direction: column;
}

.product-gallery-media {
	flex: 1 0 0;
	align-self: stretch;

	position: relative;
}

[class*="product-gallery-media-"] {
	position: absolute;
	width: 100%;
	height: 100%;
	inset: 0;
}

.product-gallery-media .product-gallery-media-image {
	height: 100%;
	object-fit: cover;
}

.product-gallery-detail {
	color: white;
	background-color: var( --e-global-color-primary );

	display: flex;
	flex-direction: column;
	align-self: stretch;

	padding: 0 48px 32px;

	position: relative;
}

.product-gallery-detail-decor-tab {
	position: absolute;
	top: -40px;
	left: 0;

	width: 50%;
	
	display: flex;
	justify-content: flex-end;
	align-items: center;
}

.product-gallery-detail-decor-tab-fill {
	flex: 1 0 0;
	align-self: stretch;

	background-color: var( --e-global-color-primary );
}

.product-gallery-detail-decor-tab-img {
	height: 40px;
	flex-shrink: 0;
	aspect-ratio: 57/40;
}

.product-gallery-detail-title,
.product-gallery-detail-desc {
	color: white;
}

.product-gallery-controls {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 16px;

	margin-top: 24px;
}

.product-gallery-controls [class*="product-gallery-control"] {
	width: 48px;
	height: 48px;

	background-repeat: no-repeat;
	background-size: 24px;
	background-position: center;

	cursor: pointer;

	border: 2px solid var( --e-global-color-primary );
	border-radius: 80px;

	transition: all 300ms ease-in-out;
}

.product-gallery-controls .product-gallery-control-prev {
	background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxOCIgaGVpZ2h0PSIxNSIgZmlsbD0ibm9uZSI+PHBhdGggZD0iTS43NSA2Ljc1YS43NS43NSAwIDAgMCAwIDEuNWgxNi41YS43NS43NSAwIDAgMCAwLTEuNUguNzVaIiBmaWxsPSIjMzMzOTg4Ii8+PHBhdGggZD0iTTguMDMuMjJhLjc1Ljc1IDAgMCAwLTEuMDYgMEwuMjIgNi45N2EuNzUuNzUgMCAwIDAgMCAxLjA2bDYuNzUgNi43NWEuNzUuNzUgMCAxIDAgMS4wNi0xLjA2TDEuODEgNy41bDYuMjItNi4yMmEuNzUuNzUgMCAwIDAgMC0xLjA2WiIgZmlsbD0iIzMzMzk4OCIvPjwvc3ZnPg==');
}

.product-gallery-controls .product-gallery-control-next {
	background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxOCIgaGVpZ2h0PSIxNSIgZmlsbD0ibm9uZSI+PHBhdGggZD0iTTE3LjI1IDYuNzVhLjc1Ljc1IDAgMCAxIDAgMS41SC43NWEuNzUuNzUgMCAxIDEgMC0xLjVoMTYuNVoiIGZpbGw9IiMzMzM5ODgiLz48cGF0aCBkPSJNOS45Ny4yMmEuNzUuNzUgMCAwIDEgMS4wNiAwbDYuNzUgNi43NWEuNzUuNzUgMCAwIDEgMCAxLjA2bC02Ljc1IDYuNzVhLjc1Ljc1IDAgMSAxLTEuMDYtMS4wNmw2LjIyLTYuMjItNi4yMi02LjIyYS43NS43NSAwIDAgMSAwLTEuMDZaIiBmaWxsPSIjMzMzOTg4Ii8+PC9zdmc+');
}

.product-gallery-controls [class*="product-gallery-control"].swiper-button-disabled {
	opacity: .5;
	cursor: default;
}

@media (max-width: 767px) {
	.product-gallery-item {
		aspect-ratio: unset;

		border-radius: 24px;
	}

	[class*="product-gallery-media-"] {
		position: static;
	}

	.product-gallery-detail {
		padding: 24px;
	}
}

/* .product-gallery-container {
	position: relative;
}

.product-gallery-container [class*="product-gallery-control"] {
	position: absolute;
	z-index: 1;
	top: 50%;
	transform: translateY(-50%);

	width: 48px;
	height: 48px;

	background-repeat: no-repeat;
	background-size: 24px;
	background-position: center;

	cursor: pointer;

	border: 2px solid white;
	border-radius: 80px;

	transition: all 300ms ease-in-out;
}

.product-gallery-container .product-gallery-control-prev {
	background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxOCIgaGVpZ2h0PSIxNSIgZmlsbD0ibm9uZSI+PHBhdGggZD0iTS43NSA2Ljc1YS43NS43NSAwIDAgMCAwIDEuNWgxNi41YS43NS43NSAwIDAgMCAwLTEuNUguNzVaIiBmaWxsPSIjMzMzOTg4Ii8+PHBhdGggZD0iTTguMDMuMjJhLjc1Ljc1IDAgMCAwLTEuMDYgMEwuMjIgNi45N2EuNzUuNzUgMCAwIDAgMCAxLjA2bDYuNzUgNi43NWEuNzUuNzUgMCAxIDAgMS4wNi0xLjA2TDEuODEgNy41bDYuMjItNi4yMmEuNzUuNzUgMCAwIDAgMC0xLjA2WiIgZmlsbD0iIzMzMzk4OCIvPjwvc3ZnPg==');
	left: 16px;
}

.product-gallery-container .product-gallery-control-next {
	background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxOCIgaGVpZ2h0PSIxNSIgZmlsbD0ibm9uZSI+PHBhdGggZD0iTTE3LjI1IDYuNzVhLjc1Ljc1IDAgMCAxIDAgMS41SC43NWEuNzUuNzUgMCAxIDEgMC0xLjVoMTYuNVoiIGZpbGw9IiMzMzM5ODgiLz48cGF0aCBkPSJNOS45Ny4yMmEuNzUuNzUgMCAwIDEgMS4wNiAwbDYuNzUgNi43NWEuNzUuNzUgMCAwIDEgMCAxLjA2bC02Ljc1IDYuNzVhLjc1Ljc1IDAgMSAxLTEuMDYtMS4wNmw2LjIyLTYuMjItNi4yMi02LjIyYS43NS43NSAwIDAgMSAwLTEuMDZaIiBmaWxsPSIjMzMzOTg4Ii8+PC9zdmc+');
	right: 16px;
}

.product-gallery-container [class*="product-gallery-control"].swiper-button-disabled {
	opacity: .5;
	cursor: default;
}

.product-gallery {
	border-radius: 32px;
}

.product-gallery .product-gallery-item {
	position: relative;

	width: 100%;

	border-radius: 32px;
	overflow: hidden;
}

.product-gallery .product-gallery-item::before {
	content: '';

	display: block;

	padding-top: 50%;
}

.product-gallery .product-gallery-item-container {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
}

.product-gallery .product-gallery-item-image {
	object-fit: cover;
}

.product-gallery .product-gallery-item-text {
	background-color: var(--e-global-color-primary);

	display: flex;
	flex-direction: column;
	gap: 16px;
}

.product-gallery .product-gallery-item-title {
	font-family: var(--e-global-typography-primary-font-family);

	color: white;
}

.product-gallery .product-gallery-item-desc {
	font-family: var(--e-global-typography-text-font-family);
	font-size: 20px;

	color: white;
}

@media (min-width: 1025px) {
	.product-gallery .product-gallery-item-image,
	.product-gallery .product-gallery-item-video {
		position: absolute;
		inset: 0;
		width: 100%;
		height: 100%;
	}

	.product-gallery .product-gallery-item-text {
		--glexco-product-gallery-text-decor: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI2NiIgaGVpZ2h0PSI3NSIgZmlsbD0ibm9uZSI+PHBhdGggZD0iTTY2IDc1VjBjMCA1OC44LTQ0IDc0LjUtNjYgNzVoNjZaIiBmaWxsPSIjMDAyRTZEIi8+PC9zdmc+');
		position: absolute;
		z-index: 1;
		right: 0;
		bottom: 0;

		max-width: 368px;
		padding: 40px 32px;
		border-top-left-radius: 32px;
	}

	.product-gallery .product-gallery-item-text::before,
	.product-gallery .product-gallery-item-text::after {
		content: var(--glexco-product-gallery-text-decor);
		position: absolute;

		display: block;
		width: 66px;
		height: 75px;
	}

	.product-gallery .product-gallery-item-text::before {
		right: 0;
		top: -75px;
	}

	.product-gallery .product-gallery-item-text::after {
		left: -66px;
		bottom: 0;
	}
}

@media (max-width: 1024px) {
	.product-gallery .product-gallery-item::before {
		padding-top: 65%;
	}

	.product-gallery .product-gallery-item-container {
		display: flex;
		flex-direction: column;
		justify-content: space-between;
	}

	.product-gallery .product-gallery-item-image-container {
		flex: 1 0 0;

		position: relative;
	}

	.product-gallery .product-gallery-item-image,
	.product-gallery .product-gallery-item-video {
		position: absolute;
		width: 100%;
		height: 100%;
		inset: 0;
	}

	.product-gallery .product-gallery-item-text {
		padding: 24px;
	}

	.product-gallery .product-gallery-item-text::before,
	.product-gallery .product-gallery-item-text::after {
		content: none;
	}
}

@media (max-width: 767px) {
	.product-gallery .product-gallery-item::before {
		padding-top: 100%;
	}

	.product-gallery .product-gallery-item-desc {
		font-size: 16px;
	}
} */

/* Product Header */
:root {
	--text-color: #656565;
}

.product-header-title-name {
	font-family: var(--e-global-typography-primary-font-family);
	font-size: 100px;
	line-height: 120px;
	font-weight: 700;
	color: var(--e-global-color-primary);
}
@media screen and (max-width: 1024px) {
	.product-header-title-name {
		font-size: 80px;
		line-height: 96px;
	}
}
.product-header-title .product-header-title-desc {
	font-family: var(--e-global-typography-text-font-family);
	font-size: 20px;
	color: var(--text-color);
}
.product-header-secondary .product-header-featured-title {
	font-family: var(--e-global-typography-primary-font-family);
	font-size: 50px;
	line-height: 60px;
	font-weight: 700;
	color: var(--e-global-color-primary);
}
.product-header-secondary .product-header-featured-desc {
	font-family: var(--e-global-typography-text-font-family);
	font-size: 20px;
	color: var(--text-color);
}
.product-header-container {
	display: flex;
	flex-direction: row-reverse;
	gap: 24px;
}

.product-header-container .product-header-main {
	flex: 1 0 0;

	display: flex;
	flex-direction: column;
}

.product-header-container .product-header-secondary {
	width: 30%;
	max-width: 400px;
	flex: 0 0 30%;

	display: flex;
	flex-direction: column-reverse;
}

.product-header-container .product-header-title,
.product-header-container .product-header-featured {
	display: flex;
	flex-direction: column;
	gap: 16px;

	position: relative;
}

.product-header-container .product-header-title {
	padding-bottom: 24px; /* 24px (space) + 32px (inverted border radius) */
}

.product-header-container .product-header-featured {
	padding-top: 24px; /* 24px (space) + 32px (inverted border radius) */
}

.product-header-container [class*="product-header-image-"] {
	width: 100%;
	height: 100%;

	object-fit: cover;

	flex: 1 0 0;

	border-radius: 32px;
}

.product-header-container .product-header-title-inverted,
.product-header-container .product-header-featured-inverted {
	position: absolute;
	top: 0;

	width: 64px;
	height: 100%;

	background-color: var(--e-global-color-9cba6ad);
}

.product-header-container .product-header-title-inverted {
	left: -88px; /* 64px (width) + 24px (gap) */
	border-bottom-left-radius: 32px;
}

.product-header-container .product-header-featured-inverted {
	right: -88px; /* 64px (width) + 24px (gap) */
	border-top-right-radius: 32px;
}

.product-header-container .product-header-title-inverted::before,
.product-header-container .product-header-title-inverted::after,
.product-header-container .product-header-featured-inverted::before,
.product-header-container .product-header-featured-inverted::after {
	position: absolute;
	content: '';
	width: 64px;
	height: 64px;
	background-color: transparent;
	border-radius: 32px;
}

.product-header-container .product-header-title-inverted::before,
.product-header-container .product-header-title-inverted::after {
	box-shadow: 32px -32px 0 var(--e-global-color-9cba6ad);
}

.product-header-container .product-header-title-inverted::before {
	left: -64px;
	top: 0;
}

.product-header-container .product-header-title-inverted::after {
	bottom: -64px;
	right: 0;
}

.product-header-container .product-header-featured-inverted::before,
.product-header-container .product-header-featured-inverted::after {
	box-shadow: -32px 32px 0 var(--e-global-color-9cba6ad);
}

.product-header-container .product-header-featured-inverted::before {
	left: 0;
	top: -64px;
}

.product-header-container .product-header-featured-inverted::after {
	bottom: 0;
	right: -64px;
}

@media (max-width: 1024px) {
	.single-product .product-header-featured .product-header-featured-inverted {
		display: none !important;
	}
	.product-header-container .product-header-secondary {
		width: 40%;
		flex: 0 0 40%;
	}

	.product-header-container .product-header-title {
		padding-bottom: 48px; /* 24px (space) + 24px (inverted border radius) */
	}

	.product-header-container .product-header-featured {
		padding-top: 48px; /* 24px (space) + 24px (inverted border radius) */
	}

	.product-header-container [class*="product-header-image-"] {
		border-radius: 24px;
	}

	.product-header-container .product-header-title-inverted,
	.product-header-container .product-header-featured-inverted {
		width: 48px;
	}

	.product-header-container .product-header-title-inverted {
		left: -72px; /* 48px (width) + 24px (gap) */
		border-bottom-left-radius: 24px;
	}

	.product-header-container .product-header-featured-inverted {
		right: -72px; /* 48px (width) + 24px (gap) */
		border-top-right-radius: 24px;
	}

	.product-header-container .product-header-title-inverted::before,
	.product-header-container .product-header-title-inverted::after,
	.product-header-container .product-header-featured-inverted::before,
	.product-header-container .product-header-featured-inverted::after {
		width: 48px;
		height: 48px;
		border-radius: 24px;
	}

	.product-header-container .product-header-title-inverted::before,
	.product-header-container .product-header-title-inverted::after {
		box-shadow: 24px -24px 0 var(--e-global-color-9cba6ad);
	}

	.product-header-container .product-header-title-inverted::before {
		left: -48px;
	}

	.product-header-container .product-header-title-inverted::after {
		bottom: -48px;
	}

	.product-header-container .product-header-featured-inverted::before,
	.product-header-container .product-header-featured-inverted::after {
		box-shadow: -24px 24px 0 var(--e-global-color-9cba6ad);
	}

	.product-header-container .product-header-featured-inverted::before {
		top: -48px;
	}

	.product-header-container .product-header-featured-inverted::after {
		right: -48px;
	}
}

@media (max-width: 767px) {
	.product-header-container {
		flex-direction: column;
	}

	.product-header-container .product-header-title {
		padding-bottom: 24px;
	}

	.product-header-container .product-header-secondary {
		width: 100%;
		flex: 0 0 100%;
		max-width: 100%;

		flex-direction: column;
	}

	.product-header-container .product-header-featured {
		padding-top: 0;
		padding-bottom: 24px;
	}
}