@charset "utf-8";

/* Product Grid */
.list-row {
	padding:0 12px 36px !important;
}

.list-row.clearfix {
	float:none !important;
	padding:0 !important;
	margin:0 !important;
	width:100% !important;
}

/* Product Card */
.list-item {
	position:relative;
	background:#fff;
	border:1px solid #eee;
	border-radius:18px;
	overflow:hidden;
	box-shadow:0 8px 24px rgba(0,0,0,.06);
	transition:all .28s ease;
}

.list-item:hover {
	transform:translateY(-8px);
	border-color:#111;
	box-shadow:0 18px 42px rgba(0,0,0,.16);
}

/* Image */
.list-item .list-img {
	position:relative;
	overflow:hidden;
	background:#f5f5f5;
}

.list-item .list-img:before {
	content:"";
	position:absolute;
	inset:0;
	z-index:2;
	background:linear-gradient(to top, rgba(0,0,0,.42), rgba(0,0,0,0) 55%);
	opacity:0;
	transition:opacity .28s ease;
}

.list-item:hover .list-img:before {
	opacity:1;
}

.list-item .list-img:after {
	content:"VIEW DETAIL";
	position:absolute;
	left:50%;
	top:50%;
	z-index:3;
	transform:translate(-50%, -40%);
	padding:9px 17px;
	border-radius:999px;
	background:#111;
	color:#fff;
	font-size:11px;
	font-weight:800;
	letter-spacing:.5px;
	opacity:0;
	transition:all .28s ease;
}

.list-item:hover .list-img:after {
	opacity:1;
	transform:translate(-50%, -50%);
}

.list-item .list-img img {
	width:100%;
	height:230px;
	object-fit:cover;
	transition:transform .45s ease, filter .45s ease;
}

.list-item:hover .list-img img {
	transform:scale(1.08);
	filter:contrast(1.05) saturate(1.05);
}

/* Content */
.list-item .list-content {
	padding:15px 15px 13px;
}

.list-item .list-details {
	padding-bottom:10px;
	margin-bottom:11px;
	border-bottom:1px solid #eee;
	color:#999;
	font-size:12px;
}

.list-item .list-details .member,
.list-item .list-details .guest {
	color:#555 !important;
	font-weight:800;
}

.list-item .list-sp {
	margin:0 7px;
	color:#ddd;
}

/* Title */
.list-item h2 {
	display:block;
	margin:0 0 10px;
	padding:0;
	min-height:44px;
	font-size:15px;
	line-height:22px;
	font-weight:900;
	letter-spacing:-0.5px;
}

.list-item h2 a {
	display:-webkit-box;
	-webkit-line-clamp:2;
	-webkit-box-orient:vertical;
	overflow:hidden;
	color:#111;
	text-decoration:none;
}

.list-item h2 a:hover {
	color:#b0885a;
}

/* Text / Price */
.list-item .list-cont {
	margin:0;
	padding:0;
	color:#666;
	font-size:14px;
	line-height:21px;
	letter-spacing:-0.35px;
	display:-webkit-box;
	-webkit-line-clamp:3;
	-webkit-box-orient:vertical;
	overflow:hidden;
}

.list-item .list-cont::first-line {
	color:#111;
	font-weight:800;
}

/* Footer */
.list-item .list-read {
	display:flex;
	align-items:center;
	justify-content:space-between;
	margin-top:14px;
	padding-top:11px;
	border-top:1px solid #eee;
	color:#999;
	font-size:13px;
}

.list-item .read-more {
	background:#fcfcfc;
	color:#fff !important;
	border-radius:999px;
	padding:6px 12px;
	font-size:11px;
	font-weight:800;
	text-decoration:none;
	display:inline-block;
}

.list-item .read-more:hover {
	background:#2389c4;
	transform:translateX(3px);
}

.list-item .read-more i {
	margin-left:5px;
}

/* Ribbon / Label */
.list-item .label,
.list-item .new,
.list-item .ribbon {
	border-radius:999px;
	font-size:11px;
	font-weight:900;
}

/* Mobile */
@media all and (max-width:767px) {
	.responsive .list-row {
		width:50% !important;
		padding:0 7px 28px !important;
	}

	.list-item {
		border-radius:15px;
	}

	.list-item .list-img img {
		height:190px;
	}

	.list-item .list-content {
		padding:12px;
	}

	.list-item h2 {
		min-height:40px;
		font-size:14px;
		line-height:20px;
	}

	.list-item .list-cont {
		font-size:13px;
		line-height:19px;
	}
}

@media all and (max-width:420px) {
	.responsive .list-row {
		width:100% !important;
	}

	.list-item .list-img img {
		height:auto;
	}
}