h1{
	margin:0 0 14px;
	font-size:28px;
	}
	
.grid{
	display:grid;
	grid-template-columns: repeat(3, 1fr);
	gap:14px; 
	}
	
@media (max-width: 950px){ .grid{ grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 600px){ .grid{ grid-template-columns: 1fr; } }

.card{
	border:1px solid #eee;
	border-radius:14px;
	overflow:hidden;
	background:#fff;
	}
	
.card a{
	text-decoration:none;
	color:#111;
	display:block;
	}
	
.thumb{
	width:100%;
	aspect-ratio: 1 / 1;
	display:flex;
	align-items:center;
	justify-content:center;
	background:#fafafa;
	border-bottom:1px solid #eee;
	}
	
.thumb img{
	max-width:100%;
	max-height:100%;
	display:block; 
	}
	
.pad{
	padding:12px; 
	}
.title{
	font-weight:800;
	margin:0 0 6px; 
	}
.mini{
	color:#555;
	margin:0 0 10px;
	line-height:1.35; 
	}
	
.price{
	font-weight:700;
	color:#F00000;
	margin:0;
	}

footer{
	border-top:1px solid #eee;
	margin-top:20px;
	padding:16px 0;
	color:#666;
	}