.product__main {
	padding-top: 2.5em;
}
.product__main h1 {
	margin-bottom: 0.25em;
}
.categories,
.product__main .product-categories {
	gap: 0.5em;
}
.categories > *,
.product__main .product-categories > * {
	background-color: var(--divider-color);
	padding: 0 1em;
	border-radius: var(--element-radius, 2px);
}
.product-entry-1__wrapper {
	margin-bottom: 1.5em;
}
.product-gallery__wrapper a > img {
	width: 100%;
}
.product-gallery__wrapper.cols-3 a:nth-child(1n + 5),
.product-gallery__wrapper.cols-4 a:nth-child(1n + 6) {
	display: none;
}
.product__price {
	font-size: 1.25em;
	-ms-align-items: baseline;
	align-items: baseline;
	line-height: 1.25;
}
.product-entry-2__wrapper .product-price-colors__wrapper {
	gap: 1em;
}
.product-entry-2__wrapper .product__price {
	font-size: 1.75em;
	flex-grow: 0.5;
	justify-content: flex-start;
	margin-left: auto;
}
.product-entry-2__wrapper .product__price:has(.del) {
	width: 100%;
}
.product__price span {
	color: var(--secondary-color);
}
.product__price strong {
	color: inherit;
	font-size: 1.5em;
}
.product__price span.del {
	color: var(--text-color);
	position: relative;
	margin: 0 auto;
}
.product__price span.del::after {
	content: '';
	height: 2px;
	background-color: currentColor;
	width: 100%;
	position: absolute;
	left: 0;
	top: 50%;
}
.product__price span.discount {
	color: var(--secondary-bg-color);
	background-color: var(--text-color);
	/* width: 3em;
	text-align: center; */
	padding: 0 0.5em;
	line-height: 1.5em;
	-ms-align-self: center;
	align-self: center;
	border-radius: calc(var(--element-radius, 2px) + 2px);
}
.product-avaible-colors {
	gap: 0.5em;
	-webkit-flex-grow: 0.5;
	flex-grow: 0.5;
	justify-content: flex-end;
}
.product-avaible-colors > * {
	border: 3px solid var(--light-main-bg-color);
	display: block;
	width: 40px;
	height: 40px;
	border-radius: 50%;
}
.product-avaible-colors > span {
	outline: 2px solid var(--accent-color);
	outline-offset: 2px;
	margin-right: 4px;
}
.product-avaible-colors > *.main-blc {
	background-image: linear-gradient(45deg, #000, #404040);
}
.product-avaible-colors > *.main-wht {
	background-image: linear-gradient(45deg, #fdfdfb, #f6f6f4);
}
.product-avaible-colors > *.main-pnk {
	background-image: linear-gradient(45deg, #e194b7, #a94874);
}
.product-avaible-colors > *.main-bg {
	background-image: linear-gradient(45deg, #ceb893, #e2cfaf);
}
.product-avaible-colors > *.main-grn {
	background-image: linear-gradient(45deg, #a0a88a, #c6ceb0);
}
.product-avaible-colors > *:where(.print-blc, .print-wht) {
	text-align: center;
	line-height: 35px;
	/* position: relative; */
}
/* .product-avaible-colors > *:where(.print-blc, .print-wht)::before {
	content: '';
	inset: 10px;
	border-radius: inherit;
	background-color: currentColor;
	position: absolute;
	font-weight: 700;
} */
.product-avaible-colors > *.print-blc::before {
	content: 'B';
	color: #111;
}
.product-avaible-colors > *.print-wht::before {
	content: 'W';
	color: #fdfdfb;
}
.product__chars {
	margin: 1.5em 0;
	/* max-width: 360px; */
}
.product__chars li + li {
	margin-top: 0.25em;
	padding-top: 0.25em;
	border-top: 1px solid var(--divider-color);
}
button.product__order {
	width: 100%;
	font-size: 1em;
	margin-bottom: 2.25em;
}
a.product {
	padding-bottom: 2em;
	display: block;
}
.product__img-wrapper {
	position: relative;
	background-color: var(--divider-color);
	/* border-bottom: 1px solid var(--divider-color); */
	min-height: 3.75em;
}
.product__img-wrapper img {
	width: 100%;
}
.product__img-wrapper .product__categories {
	position: absolute;
	left: 1em;
	bottom: 1em;
}
.product__img-wrapper .product__categories span {
	border-radius: var(--element-radius, 2px);
	background-color: var(--grd-bg-color-1);
	padding: 0.25em 0.75em;
}
.product__img-wrapper .product__categories span + span {
	margin-left: 0.5em;
}
.product .product__title + p {
	line-height: 1.25;
	position: relative;
	font-size: 0.75em;
	margin-top: -0.5em;
	padding: 0.75em 1em 1.25em;
	min-height: 4.5em;
}
.product .product__price {
	padding: 0.6em 0.8em;
	margin-bottom: 0.8em;
	background-color: rgba(22, 22, 24, 0.02);
	border-bottom: 1px solid var(--divider-color);
}
.product .product__chars {
	padding: 0 1.25em;
	margin-top: 0;
	font-size: 0.8em;
}
body.productOrder-is-active #productOrder,
body.sizeGuide-is-active #sizeGuide {
	opacity: 1;
	visibility: visible;
}
#productOrder .modal__window,
#sizeGuide .modal__window {
	width: 26em;
}
#productOrder .modal__window .product-order__form {
	padding-top: 0.5em;
	padding-bottom: 1.75em;
}
#productOrder .modal__window .product-order__form .form__title {
	font-size: 1em;
}
button.size-guide {
	background: transparent url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 -960 960 960" fill="orange"><path d="m280-588.92-71.54 39.69q-11.69 6.46-23.08 3.61-11.38-2.84-17.84-14.53l-49.23-86.16q-6.46-11.69-3.62-23.46 2.85-11.77 14.54-18.23l190-112h48.46q11.31 0 17.96 6.65 6.66 6.66 6.66 17.97v7.69q0 35.31 26.19 61.5Q444.69-680 480-680t61.5-26.19q26.19-26.19 26.19-61.5v-7.69q0-11.31 6.66-17.97Q581-800 592.31-800h48.46l190 112q11.69 6.46 14.54 18.23 2.84 11.77-3.62 23.46l-49.23 86.16q-6.46 11.69-17.73 14.42-11.27 2.73-23.19-3.73L680-588.69v397.92q0 13.15-8.81 21.96T649.23-160H310.77q-13.15 0-21.96-8.81T280-190.77v-398.15ZM320-656v456h320v-456l122.46 67.23L802.92-658 631.69-759.54h-25.38q-3.46 50.23-39.19 84.89Q531.38-640 480-640t-87.12-34.65q-35.73-34.66-39.19-84.89h-25.38L157.08-658l40.46 69.23L320-656Zm160 176.23Z"/></svg>') 0% 50% / 24px no-repeat;
	color: var(--accent-color);
	text-decoration: underline;
	margin-bottom: 1em;
	padding: 0.5em 0 0.5em 30px;
}
#sizeGuide .modal__window {
	max-height: 95%;
	overflow-y: auto;
}
/* .size-guide__wrapper {
	max-height: calc(90vh - 2.5em - 50px);
	overflow-y: auto;
} */
.size-guide__wrapper table {
	margin: 1em 0;
	width: 100%;
}
.size-guide__wrapper table th {
	text-align-last: left;
}
.size-guide__wrapper table tr:not(.avaible) td {
	opacity: 0.5;
}


@media only screen and (min-width: 1025px) {
	.product__main {
		padding-top: 4em;
	}
	.product__main h1 {
		margin-top: -10px;
	}
	.product-entry-1__wrapper {
		float: right;
	}
	.product-entry-1__wrapper, .product-entry-2__wrapper {
		width: calc(50% - 2em);
	}
	.product-gallery__wrapper {
		--gap: 0.25em;
		--img-focus-bd-1-color: var(--secondary-color);
		--img-focus-bd-2-color: #fff;

		width: 50%;
		margin-right: 2em;
		/* position: sticky; */
		/* top: 2em; */
	}
	/* .product-gallery__wrapper a {
		border-radius: var(--element-radius, 2px);
		overflow: hidden;
	} */
	.product-gallery__wrapper a.main {
		margin-bottom: var(--gap);
	}
	/* .product-gallery__wrapper a.gallery-item {
		width: calc((100% - (var(--gallery-cols) - 1) * var(--gap)) / var(--gallery-cols));
	} */
	/* .product-gallery__wrapper.cols-2 a.gallery-item {
		width: calc((100% - var(--gap)) / 2);
	} */
	.product-gallery__wrapper a {
		cursor: zoom-in;
		/* position: relative; */
	}
	/* .product-gallery__wrapper a::before {
		content: '';
		pointer-events: none;
		position: absolute;
		inset: 1em;
		border-image: linear-gradient(to bottom right, var(--img-focus-bd-2-color) 0, var(--img-focus-bd-1-color) 10%, transparent 10%, transparent 40%, var(--img-focus-bd-1-color) 40%, var(--img-focus-bd-2-color) 50%, var(--img-focus-bd-1-color) 60%, transparent 60%, transparent 90%, var(--img-focus-bd-1-color) 90%, var(--img-focus-bd-2-color) 100%);
		border-image: linear-gradient(to bottom right, var(--img-focus-bd-1-color) 0, transparent 10%, transparent 40%, var(--img-focus-bd-1-color) 50%, transparent 60%, transparent 90%, var(--img-focus-bd-1-color) 100%);
		border-image: linear-gradient(to bottom right, var(--img-focus-bd-2-color) 10%, transparent 10%, transparent 40%, var(--img-focus-bd-2-color) 40%, var(--img-focus-bd-2-color) 60%, transparent 60%, transparent 90%, var(--img-focus-bd-2-color) 90%);
		border-image-slice: 1;
		border-width: 4px;
		border-style: solid;
		-webkit-transition: opacity 0.14s ease-in-out;
		-o-transition: opacity 0.14s ease-in-out;
		transition: opacity 0.14s ease-in-out;
		opacity: 0;
	}
	.product-gallery__wrapper a:hover::before {
		opacity: 0.77;
	} */
	.product-gallery__wrapper.cols-1 a.gallery-item,
	.product-gallery__wrapper.cols-2 a.gallery-item,
	.product-gallery__wrapper.cols-3 a.gallery-item {
		width: calc((100% - var(--gap) * 2) / 3);
	}
	.product-gallery__wrapper.cols-4 a.gallery-item {
		width: calc((100% - var(--gap) * 3) / 4);
	}
	.product-gallery__wrapper a.gallery-item + a.gallery-item {
		margin-left: var(--gap);
	}
	.product-entry-2__wrapper .product__price {
		justify-content: space-between;
	}
	.product-price-colors__wrapper:has(.del) .product-avaible-colors {
		justify-content: start;
	}
	.col-3 .product__price {
		font-size: 1em;
	}
	.col-3 .btn {
		padding: 0.5em 1em;
	}
	.product__img-wrapper img.hover-img {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}
	.product__img-wrapper:has(img.hover-img) img:not(.hover-img) {
		position: relative;
		-webkit-transition: opacity .26s ease-in-out;
		-o-transition: opacity .26s ease-in-out;
		transition: opacity .26s ease-in-out;
	}
	.product:hover .product__img-wrapper:has(img.hover-img) img:not(.hover-img) {
		opacity: 0;
	}
}

@media only screen and (max-width: 1024px) {
	.product__main h1 {
		text-align: center;
	}
	.product__main .product-categories {
		justify-content: center;
	}
	.product-gallery__wrapper {
		margin: 0 -15px 1.5em;
		width: calc(100% + 30px);
	}
	/* .product-gallery__wrapper a.gallery-item {
		width: calc(100% / (var(--gallery-cols) + 1));
	}
	.product-gallery__wrapper:has(.gallery-item) a.main {
		width: calc(100% - 100% / (var(--gallery-cols) + 1));
	} */
	.product-gallery__wrapper.cols-1 a:where(.main, .gallery-item) {
		width: 50%;
	}
	.product-gallery__wrapper.cols-2 a.gallery-item {
		width: 33.33%;
	}
	.product-gallery__wrapper.cols-3 a.gallery-item {
		width: 25%;
	}
	.product-gallery__wrapper.cols-4 a.gallery-item {
		width: 20%;
	}
	.product-gallery__wrapper.cols-2 a.main {
		width: 66.67%;
	}
	.product-gallery__wrapper.cols-3 a.main {
		width: 75%;
	}
	.product-gallery__wrapper.cols-4 a.main {
		width: 80%;
	}
	.product__img-wrapper img.hover-img {
		display: none;
	}
}

@media (hover: hover) and (pointer: fine) {
	.categories a:hover,
	.product__main .product-categories a:hover {
		/* color: var(--headings-color); */
		color: var(--headings-color);
	}
}