.color_samples {
	margin: var(--padding) 0;
}

.color_samples h2 {
	font-size: 48px;
	line-height: 1.25;
	margin-bottom: 20px;
}

.color_samples__header {
	text-align: center;
}

ul.color_samples__grid {
	padding: 0;
	margin: 0;
	list-style: none;
	display: flex;
	gap: 33px;
	flex-wrap: wrap;
}

.color_sample__image_wrapper {
	margin-bottom: 20px;
	border-top-left-radius: 8px;
	border-top-right-radius: 8px;
	overflow: hidden;
	position: relative;
}

/* Color images block: no title below, so remove spacing and round all corners */
.color_images .color_sample__image_wrapper {
	margin-bottom: 0;
	border-bottom-left-radius: 8px;
	border-bottom-right-radius: 8px;
}

/*
 * Color images block: the grid width normally comes from the header (784px).
 * Without a title/text there is no header, so give the content full width
 * itself — otherwise the percentage-based grid items collapse to 0 width.
 */
.color_images .color_samples__content {
	flex: 1;
	width: 100%;
}

.color_sample__image {
	padding-bottom: 70.3125%; /* Aspect ratio in percentage */
	background-size: cover;
	transition: transform 0.4s ease-in-out;
}

.color_sample:hover .color_sample__image {
	transform: scale(1.1);
}

.color_sample__label {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	background-color: var(--brown);
	color: white;
	font-weight: bold;
	border-radius: 100px;
	padding: 9px 25px;
}

.color_sample:hover .color_sample__label {
	background-color: var(--creme);
	color: var(--brown);
}

.color_sample__label {
	transition: background-color 0.4s ease-in-out, color 0.4s ease-in-out;
}

li.color_sample {
	flex: 0 0 calc(33.33% - 22px); /* (33px * 2 gaps / 3 columns) */
	cursor: pointer;
	text-align: center;
	display: none;
}

@media (min-width: 992px) {
	.color_samples_columns_4 li.color_sample {
		flex-basis: calc((100% - 99px) / 4);
	}

	.color_images_columns_4 ul.color_samples__grid {
		gap: 20px;
	}

	.color_images_columns_4 li.color_sample {
		flex-basis: calc((100% - 60px) / 4);
	}

	.color_samples_columns_5 li.color_sample {
		flex-basis: calc((100% - 132px) / 5);
	}

	.color_samples_columns_6:not(.side_image) ul.color_samples__grid {
		gap: 10px;
	}

	.color_samples_columns_6:not(.side_image) li.color_sample {
		flex-basis: calc((100% - 50px) / 6);
	}

	/* Keep color names proportional to the available item width. */
	.color_samples_columns_4:not(.side_image) .color_sample__title {
		font-size: 20px;
		line-height: 30px;
	}

	.color_samples_columns_5:not(.side_image) .color_sample__title {
		font-size: 18px;
		line-height: 28px;
	}

	.color_samples_columns_6:not(.side_image) .color_sample__title {
		font-size: 16px;
		line-height: 26px;
	}
}

li.color_sample.active {
	display: block;
}

.color_samples__header {
	width: 784px;
	max-width: 100%;
	margin: 0 auto;
	margin-bottom: 100px;
}

.color_samples__link {
	color: black;
	font-weight: bold;
	display: inline-flex;
	align-items: center;
	gap: 6px;
}

.color_samples__link:after {
	content: '';
	display: block;
	width: 14px;
	height: 12px;
	background-image: url("data:image/svg+xml;base64,PHN2ZyBpZD0iR3JvdXBfMTU5OCIgZGF0YS1uYW1lPSJHcm91cCAxNTk4IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iMTQuMDIyIiBoZWlnaHQ9IjEyIiB2aWV3Qm94PSIwIDAgMTQuMDIyIDEyIj4KICA8ZGVmcz4KICAgIDxjbGlwUGF0aCBpZD0iY2xpcC1wYXRoIj4KICAgICAgPHJlY3QgaWQ9IlJlY3RhbmdsZV8xMDM2IiBkYXRhLW5hbWU9IlJlY3RhbmdsZSAxMDM2IiB3aWR0aD0iMTQuMDIyIiBoZWlnaHQ9IjEyIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgwIDApIi8+CiAgICA8L2NsaXBQYXRoPgogIDwvZGVmcz4KICA8ZyBpZD0iR3JvdXBfMTU5MyIgZGF0YS1uYW1lPSJHcm91cCAxNTkzIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgwIDApIiBjbGlwLXBhdGg9InVybCgjY2xpcC1wYXRoKSI+CiAgICA8cGF0aCBpZD0iUGF0aF8xOTIxIiBkYXRhLW5hbWU9IlBhdGggMTkyMSIgZD0iTTEwLjU2Miw3LjAxM2MtLjA1NS0uMDA2LS4xLS4wMTMtLjE0NC0uMDE1LS4wODYsMC0uMTcxLDAtLjI1NywwSDEuMTUzYTIuMjE4LDIuMjE4LDAsMCwxLS4zOTMtLjAyQS45MTEuOTExLDAsMCwxLC4wOSw2LjRhLjk3OC45NzgsMCwwLDEtLjA2OS0uNjE3LDEuMDQ2LDEuMDQ2LDAsMCwxLC4zNzctLjYuODMzLjgzMywwLDAsMSwuNDQxLS4xNzNBMS45LDEuOSwwLDAsMSwxLjEwNyw1SDEwLjRhLjUzMi41MzIsMCwwLDAsLjExMS0uMDFjLjA1Ny0uMDEyLjA2My0uMDMyLjAyMi0uMDc0LS4xNzEtLjE3NC0uMzQyLS4zNDgtLjUxNi0uNTJxLS44NTItLjgzOC0xLjcwNi0xLjY3NS0uMzU5LS4zNTMtLjcxNi0uNzA5Yy0uMS0uMS0uMi0uMjA1LS4yOTEtLjMxMWExLjExMSwxLjExMSwwLDAsMS0uMjc5LS41NzFBLjkuOSwwLDAsMSw3LjA3OC42NmEuOTg0Ljk4NCwwLDAsMSwuMy0uNDM3LDEsMSwwLDAsMSwuODctLjIuOTI2LjkyNiwwLDAsMSwuNDg2LjI2NHEuNDYzLjQ1NC45MjQuOTA4dC45MzUuOTMyTDEyLjY0OSw0LjE4Yy4zNDkuMzQ4LjcuNjkzLDEuMDQ0LDEuMDQ1YTEuMDMyLDEuMDMyLDAsMCwxLC4zMTUuOTE3LDEuMzI4LDEuMzI4LDAsMCwxLS4xNDcuMzg4LDIuMTU0LDIuMTU0LDAsMCwxLS40My41TDEyLjI4MSw4LjE3NSwxMC4wNTQsMTAuNHEtLjYxNi42MTUtMS4yMzIsMS4yMjlhMS4xNTUsMS4xNTUsMCwwLDEtLjYxMi4zNTUuOTkxLjk5MSwwLDAsMS0xLjExOS0uNi45NjcuOTY3LDAsMCwxLC4xMzItMSw0LjQ3Miw0LjQ3MiwwLDAsMSwuNDEzLS40NDJxLjY4Ni0uNjg2LDEuMzc3LTEuMzY3Yy4zNjItLjM1Ny43MjktLjcxMSwxLjA5Mi0xLjA2N3EuMTg1LS4xODIuMzY1LS4zNjlhMS4xMzgsMS4xMzgsMCwwLDAsLjA5MS0uMTI5IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgwIDApIi8+CiAgPC9nPgo8L3N2Zz4K");
}

.color_samples__text {
	line-height: 26px;
	margin-bottom: 39px;
}

.color_samples__text ul.check {
	display: flex;
	flex-direction: column;
	align-items: center;
	max-width: 100%;
}

.color_samples__text ul.check > li {
	width: fit-content;
	max-width: 100%;
	text-align: left;
}

.color_sample__title {
	font-size: 24px;
	line-height: 34px;
	text-decoration: underline;
	color: var(--brown);
	font-weight: bold;
}

ul.color_filter_buttons {
	padding: 0;
	margin: 0;
	list-style: none;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 15px;
	margin-bottom: 40px;
	margin-top: -40px;
}

.color_filter_button,
.more_colors_button {
	cursor: pointer;
	background-color: var(--creme);
	color: var(--brown);
	border-radius: 100px;
	font-size: 14px;
	line-height: 18px;
	font-weight: bold;
	text-transform: uppercase;
	min-height: 40px;
	display: flex;
	align-items: center;
	padding: 0 20px;
}

.color_filter_button.active {
	background-color: var(--brown);
	color: white;
}

.more_colors_button_wrapper {
	text-align: center;
}

.more_colors_button_wrapper {
	margin-top: 50px;
}

.more_colors_button {
	border: none;
	display: inline-block;
}

.more_colors_button:hover {
	background-color: var(--brown);
	color: white;
}

.popup_wrapper {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 999999;
	display: none;
}

.popup_wrapper.active {
	display: block;
}

.popup_overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,0.85);
}

.large_color {
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
}

.large_color img {
	max-height: calc(100vh - 100px);
	display: block;
}

ul.color_popup__thumbs {
	transition: transform 0.3s ease;
	padding: 0;
	margin: 0;
	list-style: none;
	display: flex;
	gap: 10px;
}

ul.color_popup__thumbs li {
	flex: 0 0 80px;
	max-width: 80px;
	cursor: pointer;
}

.color_popup__thumbs_wrapper {
	padding: 10px;
}

ul.color_popup__thumbs li img {
	display: block;
}

.color_thumb.active {
	border: 2px solid white;
}

.color_popup__footer {
	background-color: rgba(0, 0, 0, 0.4);
	position: absolute;
	bottom: 100px;
	width: 100%;
	bottom: 0;
	left: 0;
	z-index: 1;
}

.color_popup__name {
	text-transform: uppercase;
	color: white;
	text-align: center;
	padding: 14px 10px 12px;
	font-size: 13px;
	line-height: 18px;
}

.close_popup {
	position: absolute;
	right: 0;
	top: 0;
	width: 40px;
	height: 40px;
	z-index: 2;
	color: white;
	cursor: pointer;
	background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgdmlld0JveD0iMCAwIDE2IDE2IiBmaWxsPSJ3aGl0ZSI+CiAgICA8cGF0aCBkPSJNMS40MSAxLjQxTDggOGw2LjU5LTYuNTlMMTYgMi44MyA5LjQxIDkuNDEgMTYgMTUuNTlsLTEuNDEgMS40MUw4IDEwLjgzbC02LjU5IDYuNTlMMCAxNS41OWw2LjU5LTYuNTlMMCAyLjgzIDEuNDEgMS40MXoiLz4KPC9zdmc+Cg==");
	background-position: center;
	background-repeat: no-repeat;
	opacity: 0.8;
}

.close_popup:hover {
	opacity: 1;
}

.color_arrow {
	width: 44px;
	height: 44px;
	border: 2px solid white;
	border-radius: 50%;
	cursor: pointer;
	position: fixed;
	top: 50%;
	transform: translateY(-50%);
	opacity: 0.8;
	background-position: center;
	background-repeat: no-repeat;
}

.color_arrow:hover {
	opacity: 1;
}

.color_arrow.next {
	right: 10px;
	background-image: url("data:image/svg+xml;base64,PHN2ZyBpZD0iR3JvdXBfMTY0OSIgZGF0YS1uYW1lPSJHcm91cCAxNjQ5IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iMTguNjk2IiBoZWlnaHQ9IjE2IiB2aWV3Qm94PSIwIDAgMTguNjk2IDE2Ij4KICA8ZGVmcz4KICAgIDxjbGlwUGF0aCBpZD0iY2xpcC1wYXRoIj4KICAgICAgPHJlY3QgaWQ9IlJlY3RhbmdsZV8xMDM2IiBkYXRhLW5hbWU9IlJlY3RhbmdsZSAxMDM2IiB3aWR0aD0iMTguNjk2IiBoZWlnaHQ9IjE2IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgwIDApIiBmaWxsPSIjZmZmZmZmIi8+CiAgICA8L2NsaXBQYXRoPgogIDwvZGVmcz4KICA8ZyBpZD0iR3JvdXBfMTU5MyIgZGF0YS1uYW1lPSJHcm91cCAxNTkzIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgwIDApIiBjbGlwLXBhdGg9InVybCgjY2xpcC1wYXRoKSI+CiAgICA8cGF0aCBpZD0iUGF0aF8xOTIxIiBkYXRhLW5hbWU9IlBhdGggMTkyMSIgZD0iTTE0LjA4Myw5LjM1MWMtLjA3My0uMDA4LS4xMzMtLjAxOC0uMTkyLS4wMi0uMTE0LDAtLjIyOCwwLS4zNDIsMEgxLjUzN0EyLjk1NywyLjk1NywwLDAsMSwxLjAxMyw5LjMsMS4yMTUsMS4yMTUsMCwwLDEsLjEyLDguNTM2YTEuMywxLjMsMCwwLDEtLjA5MS0uODIzLDEuNCwxLjQsMCwwLDEsLjUtLjgsMS4xMSwxLjExLDAsMCwxLC41ODgtLjIzMSwyLjUzNSwyLjUzNSwwLDAsMSwuMzU4LS4wMThIMTMuODY0YS43MS43MSwwLDAsMCwuMTQ5LS4wMTRjLjA3Ni0uMDE2LjA4NS0uMDQyLjAyOS0uMS0uMjI4LS4yMzItLjQ1Ni0uNDY0LS42ODgtLjY5M3EtMS4xMzYtMS4xMTgtMi4yNzQtMi4yMzQtLjQ3OS0uNDcxLS45NTQtLjk0NmMtLjEzMy0uMTM0LS4yNjEtLjI3NC0uMzg4LS40MTRBMS40ODEsMS40ODEsMCwwLDEsOS4zNjUsMS41LDEuMiwxLjIsMCwwLDEsOS40MzcuODgsMS4zMTMsMS4zMTMsMCwwLDEsOS44MzcuMywxLjMzOSwxLjMzOSwwLDAsMSwxMSwuMDMyYTEuMjM1LDEuMjM1LDAsMCwxLC42NDguMzUycS42MTcuNiwxLjIzMiwxLjIxdDEuMjQ3LDEuMjQzbDIuNzQsMi43MzZjLjQ2NS40NjQuOTMzLjkyNCwxLjM5MiwxLjM5NGExLjM3NiwxLjM3NiwwLDAsMSwuNDIsMS4yMjIsMS43NywxLjc3LDAsMCwxLS4yLjUxNywyLjg3MywyLjg3MywwLDAsMS0uNTczLjY2OXEtLjc2Ni43NjMtMS41MzIsMS41MjVsLTIuOTcsMi45NjVxLS44MjEuODItMS42NDIsMS42MzlhMS41NCwxLjU0LDAsMCwxLS44MTYuNDc0LDEuMzIyLDEuMzIyLDAsMCwxLTEuNDkyLS44LDEuMjg5LDEuMjg5LDAsMCwxLC4xNzYtMS4zMyw1Ljk2Miw1Ljk2MiwwLDAsMSwuNTUxLS41OXEuOTE0LS45MTUsMS44MzYtMS44MjNjLjQ4My0uNDc3Ljk3MS0uOTQ4LDEuNDU2LTEuNDIzcS4yNDctLjI0Mi40ODctLjQ5MmExLjUxNywxLjUxNywwLDAsMCwuMTIxLS4xNzIiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAgMCkiIGZpbGw9IiNmZmZmZmYiLz4KICA8L2c+Cjwvc3ZnPgo=");
}

.color_arrow.prev {
	left: 10px;
	background-image: url("data:image/svg+xml;base64,PHN2ZyBpZD0iR3JvdXBfMTY0OSIgZGF0YS1uYW1lPSJHcm91cCAxNjQ5IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iMTguNjk2IiBoZWlnaHQ9IjE2IiB2aWV3Qm94PSIwIDAgMTguNjk2IDE2Ij4KICA8ZGVmcz4KICAgIDxjbGlwUGF0aCBpZD0iY2xpcC1wYXRoIj4KICAgICAgPHJlY3QgaWQ9IlJlY3RhbmdsZV8xMDM2IiBkYXRhLW5hbWU9IlJlY3RhbmdsZSAxMDM2IiB3aWR0aD0iMTguNjk2IiBoZWlnaHQ9IjE2IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgwIDApIiBmaWxsPSIjZmZmZmZmIi8+CiAgICA8L2NsaXBQYXRoPgogIDwvZGVmcz4KICA8ZyBpZD0iR3JvdXBfMTU5MyIgZGF0YS1uYW1lPSJHcm91cCAxNTkzIiBjbGlwLXBhdGg9InVybCgjY2xpcC1wYXRoKSI+CiAgICA8cGF0aCBpZD0iUGF0aF8xOTIxIiBkYXRhLW5hbWU9IlBhdGggMTkyMSIgZD0iTTQuNjEzLDkuMzUxYy4wNzMtLjAwOC4xMzMtLjAxOC4xOTItLjAyLjExNCwwLC4yMjgsMCwuMzQyLDBIMTcuMTU5YTIuOTU3LDIuOTU3LDAsMCwwLC41MjMtLjAyNywxLjIxNSwxLjIxNSwwLDAsMCwuODk0LS43NjMsMS4zLDEuMywwLDAsMCwuMDkxLS44MjMsMS40LDEuNCwwLDAsMC0uNS0uOCwxLjExLDEuMTEsMCwwLDAtLjU4OC0uMjMxLDIuNTM1LDIuNTM1LDAsMCwwLS4zNTgtLjAxOEg0LjgzMmEuNzEuNzEsMCwwLDEtLjE0OS0uMDE0Yy0uMDc2LS4wMTYtLjA4NS0uMDQyLS4wMjktLjEuMjI4LS4yMzIuNDU2LS40NjQuNjg4LS42OTNRNi40NzgsNC43MzYsNy42MTcsMy42MjFxLjQ3OS0uNDcxLjk1NC0uOTQ2Yy4xMzMtLjEzNC4yNjEtLjI3NC4zODgtLjQxNEExLjQ4MSwxLjQ4MSwwLDAsMCw5LjMzMSwxLjUsMS4yLDEuMiwwLDAsMCw5LjI1OC44OCwxLjMxMywxLjMxMywwLDAsMCw4Ljg1OC4zLDEuMzM5LDEuMzM5LDAsMCwwLDcuNy4wMzIsMS4yMzUsMS4yMzUsMCwwLDAsNy4wNS4zODRxLS42MTcuNi0xLjIzMiwxLjIxVDQuNTcxLDIuODM4TDEuODMxLDUuNTc0QzEuMzY2LDYuMDM4LjksNi41LjQzOSw2Ljk2N2ExLjM3NiwxLjM3NiwwLDAsMC0uNDIsMS4yMjIsMS43NywxLjc3LDAsMCwwLC4yLjUxNywyLjg3MywyLjg3MywwLDAsMCwuNTczLjY2OXEuNzY2Ljc2MywxLjUzMiwxLjUyNWwyLjk3LDIuOTY1cS44MjEuODIsMS42NDIsMS42MzlhMS41NCwxLjU0LDAsMCwwLC44MTYuNDc0LDEuMzIyLDEuMzIyLDAsMCwwLDEuNDkyLS44LDEuMjg5LDEuMjg5LDAsMCwwLS4xNzYtMS4zMyw1Ljk2Miw1Ljk2MiwwLDAsMC0uNTUxLS41OXEtLjkxNC0uOTE1LTEuODM2LTEuODIzYy0uNDgzLS40NzctLjk3MS0uOTQ4LTEuNDU2LTEuNDIzcS0uMjQ3LS4yNDItLjQ4Ny0uNDkyYTEuNTE3LDEuNTE3LDAsMCwxLS4xMjEtLjE3MiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMCAwKSIgZmlsbD0iI2ZmZmZmZiIvPgogIDwvZz4KPC9zdmc+Cg==");
}

.color_progress {
	position: absolute;
	color: white;
	left: 0;
	top: 0;
	opacity: 0.8;
	font-size: 13px;
	line-height: 44px;
	padding: 0 10px;
}

.color_popup__thumbs_wrapper__inside {
	overflow: hidden;
}

.color_samples__inside {
	display: flex;
	gap: 168px;
	justify-content: center;
}

.side_image .color_samples__content {
	flex: 0 0 784px;
	max-width: 100%;
}

.color_samples__side_image {
	flex: 1;
	background-size: cover;
	background-position: center;
}

.image_position_left .color_samples__side_image {
	margin-left: calc((100vw - 1600px) / 2 * -1);
}

.image_position_right .color_samples__side_image {
	margin-right: calc((100vw - 1600px) / 2 * -1);
}

.side_image .color_samples__header {
	text-align: left;
}

.side_image li.color_sample {
	flex: 0 0 calc(50% - 17px);
}

.image_position_left .color_samples__side_image {
	border-top-right-radius: 8px;
	border-bottom-right-radius: 8px;
}

.image_position_right .color_samples__side_image {
	border-top-left-radius: 8px;
	border-bottom-left-radius: 8px;
}

.image_position_right .color_samples__side_image {
	order: 2;
}

.large_color {
	width: 100%;
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
}

.color_arrow {
	z-index: 1;
}

@media (max-width: 1660px) {
	.image_position_left .color_samples__side_image {
		margin-left: -30px;
	}

	.image_position_right .color_samples__side_image {
		margin-right: -30px;
	}
}

@media (max-width: 1199px) {
	.color_samples__inside {
		gap: 50px;
	}
}

@media (max-width: 991px) {
	.image_position_right .color_samples__side_image {
		margin-right: 0;
	}

	ul.color_popup__thumbs li {
		flex: 0 0 60px;
		max-width: 60px;
	}

	.color_samples__inside {
		flex-direction: column;
	}

	.side_image .color_samples__side_image {
		margin-left: 0;
		flex: 0 0 200px;
		border-radius: 8px;
	}

	.image_position_right .color_samples__side_image {
		order: 0;
	}
}

@media (max-width: 767px) {
	.color_samples {
		padding: 0;
		margin-top: var(--padding-mobile);
		margin-bottom: var(--padding-mobile);
	}

	.color_samples h2 {
		font-size: 24px;
		line-height: 34px;
	}

	.color_samples__header {
		text-align: left;
		margin-bottom: 31px;
	}

	.color_samples__text {
		margin-bottom: 25px;
	}

	.color_samples__text ul.check {
		align-items: flex-start;
	}

	.color_sample__title {
		font-size: 14px;
		line-height: 24px;
	}

	li.color_sample {
		flex: 0 0 100%;
	}

	ul.color_samples__grid {
		max-width: 400px;
		gap: 24px;
	}

	.side_image .color_samples__content {
		flex: 1;
	}

	ul.color_filter_buttons {
		justify-content: flex-start;
		overflow-x: auto;
		margin-top: 0;
		margin-bottom: 50px;
	}

	.color_filter_button {
		white-space: nowrap;
	}

	.side_image .color_samples__inside {
		gap: 0;
	}

	.color_samples__side_image {
		margin-bottom: 32px;
	}

	.side_image li.color_sample {
		flex: 0 0 100%;
	}

	.color_sample__label {
		font-size: 14px;
		line-height: 18px;
	}
}