/*2024-08-21*/
@import url(ok.css);
#content>.max-width {
	border-left:none;
	border-right:none;
	max-width:none;
	}
	/*#content>.max-width>*:not(:last-child) {
		margin-bottom:2.5rem;
		}*/
	#content .content {
		padding-bottom:0.5rem;
		}
	#content .search.before {
		/*border-top:solid 1px rgb(72,72,72);
		padding-top:2rem;
		padding-bottom:1.5rem;*/
		}
	#content section.search form {
		display:grid;
		grid-template-columns:1fr 1fr;
		grid-template-rows:auto;
		grid-template-areas:
			"name name"
			"title title"
			"price price"
			"y y"
			"x x"
			"year year"
			"cat medium"
			"submit reset";
		align-items:start;
		gap:1rem 2rem;
		}
		#content section.search form .element[data-name="name"] {	grid-area:name;	}
		#content section.search form #size_y {	grid-area:y;	}
		#content section.search form #size_x {	grid-area:x;	}
		#content section.search form #price_bid {	grid-area:price;	}
		#content section.search form #ok_cat_container {	grid-area:cat;	}
		#content section.search form #medium_container {	grid-area:medium;	}
		#content section.search form #year {	grid-area:year;	}
	/*#content .search.after {
		padding-top:1rem;
		padding-bottom:3.5rem;
		display:grid;
		grid-template-columns:1fr 1fr;
		grid-template-rows:auto;
		grid-template-areas:
			"sort sort"
			"frame reset";
		gap:0.5rem 1rem;
		}*/
		/*#content .search.after label {
			display:inline-block;
			}
		#content .search.after #s_container {	grid-area:sort;	}
			#content .search.after #s_container label {
				width:6rem;
				font-weight:bold;
				}
				#content .search.after #s_container label::after {	content:":";	}
		#content .search.after #frame_container {
			grid-area:frame;
			display:flex;
			}
			#content .search.after #frame_container .input {
				order:1;
				margin-right:2rem;
				}
			#content .search.after #frame_container label {
				order:2;
				}

		#reset_container {
			grid-area:reset;
			text-align:right;
			}*/
	#content .list {
		display:grid;
		padding-bottom:var(--auctionListGap);
		grid-template-columns:1fr;
		grid-template-rows:auto;
		gap:3.5rem;
		}
		#content .list article.item {
			margin-bottom:0.5rem;
			}

@media all and (min-width:45em) { /* 45*12px=720px */
	#content .content {	padding-bottom:2rem;	}
	#content h1 {	font-size:1.9rem;	}
	#content section.search form {
		grid-template-columns:1fr 1fr 1fr 1fr;
		grid-template-rows:auto;
		grid-template-areas:
			"name title price x"
			"medium cat year y"
			". . . submit";
		gap:1rem 4rem;
		}
	#content .list {
		--gap:4rem;
		padding:0 3rem;
		grid-template-columns:1fr 1fr 1fr;
		grid-template-rows:auto;
		gap:var(--gap);
		}
		#content .list article.item {
			margin-bottom:1rem;
			}
	}
@media all and (min-width:75em) { /* 75*16px=1200px */
	#content .list {
		--gap:4rem 8rem;
		padding:0 4.5rem;
		}
	}
/*2024-08-21*/