.item-row{
	display:grid;
	grid-template-columns:repeat(auto-fill, 240px);
	gap:18px;
	justify-content:center;
}

.item-card{
	position:relative;
	min-width:240px;
	padding:0px;
	aspect-ratio:8/10;
	cursor:pointer;
	border-radius:4px;
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
	transition: box-shadow 0.2s ease;
	font-weight:600;
}

.item-card:hover {
	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.12);
}

.item-spacer {
	position:relative;
	width:98%;
	aspect-ratio:1;
}

.item-img-wrapper {
	position:absolute;
	top:9px;
	right:9px;
	left:9px;
	aspect-ratio:1;
	overflow: hidden;
}


.item-img{
	width:100%;
	height:auto;
	object-fit:cover;
	transition: transform 0.1s ease;
}

.item-img-wrapper:hover .item-img {
	transform: scale(1.1);
}

.item-text{
	display: -webkit-box;
	-webkit-line-clamp: 2; 
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: normal;
	font-size:1em;
	padding:0 9px 0 6px;
}

.item-date{
	padding:0 0 0 4px;
	color:#bf6d31;
	font-size:.8em;	
	text-align:left;
}

.item-city{
	padding:2px 6px 0 0;
	color:#88a4a0;
	font-size:.9em;
}

.item-stars {
	position:absolute;
	right:0px;
	bottom:20px;
	left:4px;
	display: inline-flex;
	text-align:left;
	direction:ltr;
}

.item-stars i {
	font-family: "Font Awesome 5 Free";
	font-style: normal;
	color: #f3f3f3;
	font-size: 1em; 
	margin-right: 2px;
}

.item-stars i.active {
	color: gold; 
}

.item-conditions {
	position:absolute;
	right:0px;
	bottom:-4px;
	left:0px;
	padding:0 0 0 6px;
	background-color:white;
	color:white;
	font-size:.8em;
	border-radius: 0 12px 0 4px;
	text-align:center;
}

.item-overlay {
	position:absolute;
	top:0px;
	width:100%;
	height:100%;
	background-color:rgba(255,255,255, .6);
	z-index:18;
	border-radius:4px;
	display:flex;
	align-items:center;
	justify-content:center;
}

.item-overlay-row {
	padding:9px 15px;
	border-radius:22px;
	background-color:rgba(255,255,255, .81);
}