@charset "utf-8";

.products.list {}
.products.list .items {display:flex; margin:0 -1rem; flex-wrap:wrap;}
.products.list .items .empty {width:100%; margin:0 1rem; padding:7rem 3rem; font-size:1.25rem; border:#dedede solid 1px; background-color:#f3f3f3; text-align:center;}
.products.list .item {width:33.333%; padding:1rem;}
.products.list .item .inner {height:100%; border:#dedede solid 1px; box-shadow:#f3f3f3 0.5rem 0.5rem 3rem;}
.products.list .item h3 {margin:0; padding:0.5rem 1rem; border-bottom:#dedede solid 1px; font-size:1rem; font-weight:500; word-wrap:break-word;}
.products.list .item a {color:#3E455B;}
.products.list .item .preview {padding:1rem; border-bottom:#dedede solid 1px;}
.products.list .item .preview img {display:block; width:100%;}
.products.list .item .prices {padding:0.5rem 1rem; background-color:#f3f3f3; font-size:0.875rem; font-weight:500; text-align:center;}
.products.list .item .prices .from {margin-right:0.5rem;}
.products.list .item .prices .from:after {margin-left:0.5rem; content:"..."; color:#cc0000;}
.products.list .item .prices .to {color:#cc0000;}
.products.list .item .prices .sold {color:#797979;}
.products.list .item .info {padding:0.5rem 1rem; border-top:#dedede solid 1px; font-size:0.75rem;}


.products.list.four-cols .item {width:25%;}


@media all and (max-width: 1000px) {
	.products.list .item {width:50%;}
	.products.list.four-cols .item {width:33.333%;}
}

@media all and (max-width: 700px) {
	.products.list.four-cols .item {width:50%;}
}

@media all and (max-width: 450px) {

	.products.list .item {width:100%;}
	.products.list.four-cols .item {width:100%;}
}