.fs-p-productSearch {
	border-bottom: none;
}

.fs-p-productSearch__parameter li {
	display: inline-block;
}

.fs-p-productSearch .fs-p-productSearch__formSwitch {
	background-color: transparent;
	border: 1px solid gray;
}

.fs-p-productSearch :checked ~ .fs-p-productSearch__search {
	background: rgba(126, 126, 126, 0.08);
}

.fs-p-productSearch__search fieldset {
	margin: 8px 5px;
}

.fs-p-productSearch__search legend {
	display: block;
	width: 100%;
	font-weight: bold;
	text-align: center;
	padding-bottom: 5px;
	border-bottom: 1px solid gray;
}

div.fs-p-productSearch__search ul, div.fs-p-productSearch__search fieldset {
	margin: 10px;
}

div.fs-p-productSearch__search ul li {
	display: inline-block;
	vertical-align: middle;
}

div.fs-p-productSearch__search button {
	display: block;
	margin: 10px auto;
	height: 2rem;
	background-color: black;
	color: white;
	border: none;
}

/* grid */
div.fs-p-productSearch__search ul {
	padding: 0;
	display: grid;
	grid-column-gap: 1rem;
}

#basic_search, #featured {
	display: flex;
	justify-content: space-evenly;
	flex-wrap: nowrap;
	align-items: flex-end;
}

#basic_search li {
	font-size: min(2vw, 0.9rem);
	max-width: 33%;
}

#basic_search li input[type="text"] {
	line-height: 1.2rem;
}

#categories li:nth-child(3) {
	grid-column: 3/3;
}

.fs-p-productSearch__field fieldset li {
	font-size: min(2vw, 1rem);
	margin: 2px 0;
}

#size_list li:nth-child(6) {
	grid-column: 6/6;
}

#materials li:nth-child(4) {
	grid-column: 4/4;
}

#colors {
	position: relative;
	height: 25px;
	text-align: center;
	display: grid;
}

#colors li:nth-child(10) {
	grid-column: 10/10;
}

fieldset.grid_col_span2 {
	grid-column: 1/ span 2;
}

/* btn, color select */

.btn, .col_box {
	position: relative;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.btn input, .col_box input {
	position: absolute;
	opacity: 0;
	cursor: pointer;
	height: 0;
	width: 0;
}

.btn_value {
	border: 1px solid gray;
	background-color: transparent;
	padding: 2px 5px;
	border-radius: 5px;
	color: gray;
	display: inline-block;
	text-align: center;
	width: 100%;
}

#size_list .btn_value {
	width: 100%;
	border-radius: 30px;
}

.col_tile {
	position: absolute;
	height: 2rem;
	width: 2rem;
	border: 1px solid gray;
}

#col_white {
	background-color: white;
}
#col_black {
	background-color: black;
}
#col_brown {
	background-color: #98724a;
}
#col_rose {
	background-color: #b87ca2;
}
#col_red {
	background-color: #f00;
}
#col_yellow {
	background-color: #f6e200;
}
#col_green {
	background-color: #207c34;
}
#col_blue {
	background-color: #1531c0;
}
#col_metalic {
	background-image: linear-gradient(to bottom right, #404143, #fff, #404143);
}
#col_animal {
	background-image: url(https://moumoune.itembox.design/item/extra/icons/animal.jpg);
}

.btn input:checked ~ .btn_value {
	background-color: #666;
	color: white;
}

.col_box input:checked ~ .col_tile {
	border: 2px solid #333;
	border-radius: 2rem;
}

@media screen and (min-width: 1000px) {
	form.fs-p-productSearch__field {
		margin: 10px 10vw;
	}
	.col_box {
	margin-right: 30px;
	}
}

/* 250213 */
	#colors{
		margin-left: 0;
	}
	#colors li{
		width: 30px;
		height: 30px;
		padding-right: 33px;
	}
div.fs-p-productSearch__search ul li{
	display: block;
}
.col_tile{
	height: 30px;
	width: 30px;
	background-size: contain;
	border: none;
	background-color: initial!important;
	background-repeat: no-repeat;
}
#col_white{
	background-image: url(https://moumoune.itembox.design/item/extra/icons/white2.png);
}

#col_black{
	background-image: url(https://moumoune.itembox.design/item/extra/icons/black2.png);
}

#col_brown{
	background-image: url(https://moumoune.itembox.design/item/extra/icons/brown2.png);
}

#col_rose{
	background-image: url(https://moumoune.itembox.design/item/extra/icons/rose2.png);
}

#col_red{
	background-image: url(https://moumoune.itembox.design/item/extra/icons/red2.png);
}

#col_yellow{
	background-image: url(https://moumoune.itembox.design/item/extra/icons/yellow2.png);
}

#col_green{
	background-image: url(https://moumoune.itembox.design/item/extra/icons/green2.png);
}

#col_blue{
	background-image: url(https://moumoune.itembox.design/item/extra/icons/blue2.png);
}

#col_metalic{
	background-image: url(https://moumoune.itembox.design/item/extra/icons/metallic2.png);
}

#col_other{
	background-image: url(https://moumoune.itembox.design/item/extra/icons/other2.png);
}

@media screen and (max-width: 768px) {
	#colors{
		display: flex;
		height: initial;
		flex-wrap: wrap;
	}
	#colors li{
		width: 36px;
		height: 36px;
		padding-right: 33px;
	}
	.col_tile{
		height: 36px;
		width: 36px;
	}
}