section.page-top {
	display: flex;
	align-items: center;
	justify-content: space-between;
	background: transparent;
	align-content: center;
	flex-wrap: wrap;
	width: 1004px;
	max-width: 100%;
	min-height: 48px;
	margin: 126px auto 32px auto;
	padding: 0 12px;
	box-sizing: border-box;
}

@media screen and (max-width: 640px) {

	section.page-top {
		flex-direction: column;
		align-content: flex-start;
		align-items: flex-start;
	}

}

section.page-top .back-to-home {
    display: inline-flex;
    align-items: center;
}

@media screen and (max-width: 640px) {

	section.page-top .back-to-home {
		padding-left: 4px;
	}

}

section.page-top .back-to-home > a {
    display: flex;
    justify-content: space-between;
    align-items: center;
    color: rgb(0 0 0 / 52%);
    cursor: pointer;
    text-decoration: none;
    -webkit-transition: all 200ms ease-in-out;
    -moz-transition: all 200ms ease-in-out;
    -ms-transition: all 200ms ease-in-out;
    -o-transition: all 200ms ease-in-out;
    transition: all 200ms ease-in-out;
    font-size: 18px;
    font-weight: 400;
}

section.page-top .back-to-home > a:hover {
    color: rgb(0 0 0 / 72%);
}

section.page-top .back-to-home .sep {
	font-size: 18px;
	padding: 0 8px;
	color: rgb(0 0 0 / 52%);
}

section.page-top .back-to-home h3 {
    font-size: 18px;
    font-weight: 400;
    color: rgb(0 0 0 / 52%);
}

section.page-top .back-to-home .counter {
    padding: 2px 10px;
    margin-left: 12px;
    border-radius: 20px;
    font-size: 14px;
    background: rgb(0 0 0 / 42%);
    font-weight: 500;
    color: rgb(255 255 255 / 84%);
    line-height: 19px;
}



/*  */

.check-cont {
  display: inline-flex;
  align-items: center;
  padding-left: 32px;
}

@media screen and (max-width: 640px) {

	.check-cont {
		margin-top: 26px;
		padding-left: 4px;
	}

}

.check-cont span {
  padding-left: 12px;
  font-size: 16px;
  font-weight: 400;
  color: rgb(0 0 0 / 52%);
}

.tgl {
  display: none;
}

.tgl, .tgl:after, .tgl:before, .tgl *, .tgl *:after, .tgl *:before, .tgl + .tgl-btn {
  box-sizing: border-box;
}

.tgl::-moz-selection, .tgl:after::-moz-selection, .tgl:before::-moz-selection, .tgl *::-moz-selection, .tgl *:after::-moz-selection, .tgl *:before::-moz-selection, .tgl + .tgl-btn::-moz-selection {
  background: none;
}

.tgl::selection, .tgl:after::selection, .tgl:before::selection, .tgl *::selection, .tgl *:after::selection, .tgl *:before::selection, .tgl + .tgl-btn::selection {
  background: none;
}

.tgl + .tgl-btn {
  outline: 0;
  display: block;
  width: 44px;
  height: 24px;
  position: relative;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.tgl + .tgl-btn:after, .tgl + .tgl-btn:before {
  position: relative;
  display: block;
  content: "";
  width: 50%;
  height: 100%;
}

.tgl + .tgl-btn:after {
  left: 0;
}

.tgl + .tgl-btn:before {
  display: none;
}

.tgl:checked + .tgl-btn:after {
  left: 50%;
}

.tgl-flat + .tgl-btn {
  padding: 2px;
  transition: all 0.2s ease;
  background: #fafbfc;
  border: 3px solid #e1e1e1;
  border-radius: 2em;
}

.tgl-flat + .tgl-btn:after {
  transition: all 0.2s ease;
  background: #e1e1e1;
  content: "";
  border-radius: 1em;
}

.tgl-flat:checked + .tgl-btn {
  border: 3px solid #ee4f44;
}

.tgl-flat:checked + .tgl-btn:after {
  left: 50%;
  background: linear-gradient(45deg,#de1b67,#fa742b);
}



.info-container {
	background: #f7f9fb;
	width: 980px;
	max-width: 100%;
	margin: 52px auto 32px auto;
	box-sizing: border-box;
	border: 3px solid #d9dadb;
	border-radius: 16px;
	padding: 16px;
	font-size: 14px;
	line-height: 24px;
	display: flex;
	align-items: flex-start;
	flex-wrap: nowrap;
	color: rgb(0 0 0 / 72%);
}

.info-container.hidden {
	display: none;
}

@media screen and (max-width: 1004px) {

	.info-container {
		margin: 44px 16px 24px 16px;
		max-width: calc(100% - 32px);
		padding: 12px;
	}

}

.info-container svg {
	width: 36px;
	min-width: 24px;
	height: 36px;
	fill: #919292;
	margin-right: 14px;
}

.info-container p {
	padding: 7px 0;
}

.info-container p a {
	color: rgb(0 0 0 / 92%);
	text-decoration: none;
	font-weight: 500;
}




.grid-container {
	display: flex;
	justify-content: center;
	margin-bottom: 64px;
	padding: 32px 0 64px 0;
	min-height: calc(100vh - 742px);
}

@media screen and (max-width: 800px) {

	.grid-container {
	    padding-left: 6px;
		padding-right: 6px;
	}

}

.grid-container .items-grid {
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
	align-items: flex-start;
	width: 1004px;
	max-width: 100%;
	box-sizing: border-box;
}

.grid-container .items-grid .item {
	flex-basis: calc(25% - 24px);
	margin: 12px;
	
    background: #fefefe;
    position: relative;
    border-radius: 16px;
    box-shadow: 0 1px 1px rgba(0,0,0,.15);
    -webkit-transition: all 200ms ease-in-out;
    -moz-transition: all 200ms ease-in-out;
    -ms-transition: all 200ms ease-in-out;
    -o-transition: all 200ms ease-in-out;
    transition: all 200ms ease-in-out;
    overflow: hidden;
}

.grid-container .items-grid .item > a {
	text-decoration: none;
	color: initial;
}

.item.sold a {
	/*opacity: 0.84;*/
	cursor: default;
	pointer-events: none;
	display: block;
}



@media screen and (max-width: 760px) {

	.grid-container .items-grid .item {
		flex-basis: calc(100%/3 - 24px);
	}

}

@media screen and (max-width: 540px) {

	.grid-container .items-grid .item {
		margin: 8px;
		flex-basis: calc(50% - 16px);
	}

}

@media screen and (max-width: 410px) {

	.grid-container .items-grid .item {
		flex-basis: calc(100% - 16px);
	}

}

.grid-container .items-grid .item:hover {
	box-shadow: 0 2px 5px 0 rgba(0,0,0,0.12), 0 2px 10px 0 rgba(0,0,0,0.08);
}

.grid-container .items-grid .item.sold:hover {
	box-shadow: 0 1px 1px rgba(0,0,0,.15);
}

.grid-container .items-grid .product-card img {
	width: 100%;
	border-top-right-radius: 8px;
	border-top-left-radius: 8px;
	
	/* Keep images square */
	aspect-ratio: 1;
	object-fit: cover;
}

.item.sold .product-card img {
	/*-webkit-filter: grayscale(100%);
	filter: grayscale(100%);*/
}

.grid-container .items-grid .product-card span.itemDVinfo {
	display: flex;
	color: #ddd;
	position: absolute;
	margin-top: -32px;
	background: transparent;
	left: 8px;
	padding: 2px 6px;
	font-size: 10px;
	font-weight: 800;
	line-height: 16px;
	pointer-events: none;
}

.grid-container .items-grid .product-card span.photoCount {
	display: flex;
    color: #fafafa;
    position: absolute;
    margin-top: -33px;
    background: rgb(0 0 0 / 32%);
    right: 8px;
    border-radius: 20px;
    padding: 2px 6px;
    font-size: 12px;
    font-weight: 600;
    line-height: 16px;
}


.grid-container .items-grid .product-card span.photoCount svg {
    width: 15px;
    height: 15px;
	padding-right: 4px;
}


.product-card .card-body {
	z-index: 1;
	position: relative;
	background-color: #fefefe;
	border-bottom-right-radius: 8px;
	border-bottom-left-radius: 8px;
	
	margin-top: -4px; /* ? */
}

.product-card h4 {
	margin: 0;
	padding: 16px;
	font-size: 18px;
	font-weight: 500;
	color: rgba(0, 0, 0, 0.84);
	line-height: 24px;
}

@media screen and (max-width: 540px) {

	.product-card h4 {
		font-size: 16px;
		line-height: 23px;
	}

}

.product-card .price {
	margin: 0;
	padding: 0 16px 16px 16px;
	font-size: 18px;
	font-weight: 500;
	color: rgba(0, 0, 0, 0.84);
	line-height: 23px;
	display: flex;
	align-items: center;
}

.product-card .price > span {
	background: rgb(0 0 0 / 12%);
	padding: 0px 12px;
	border-radius: 20px;
	font-size: 14px;
	font-weight: 500;
	color: rgb(0 0 0 / 52%);
	/*margin-top: 1px;*/
}

.product-card .price > svg {
	height: 18px;
	fill: rgb(0 0 0 / 32%);
	/*fill: #4CAF50;*/
	margin-left: 4px;
}

.product-card .price > svg.hidden {
	display: none;
}

.product-card .price > del {
	color: rgb(0 0 0 / 32%);
	padding-right: 8px;
	text-decoration: unset;
	font-size: 16px;
}