/* ---- from legacy recently-viewed.php, lines 21-82 ---- */
.cp-rv-section{ padding:10px 0 40px; }
.cp-rv-carousel{ position:relative; padding:0 46px; }
.cp-rv-grid{
	display:flex;
	flex-wrap:nowrap;
	overflow-x:auto;
	scroll-behavior:smooth;
	gap:20px;
	padding-bottom:4px;
	-ms-overflow-style:none;
	scrollbar-width:none;
}
.cp-rv-grid::-webkit-scrollbar{ display:none; }
.cp-rv-arrow{
	position:absolute; top:calc(50% - 12px); transform:translateY(-50%);
	width:40px; height:40px; border-radius:50%;
	background:#fff; border:1px solid #e5e7eb; box-shadow:0 4px 14px rgba(0,0,0,.14);
	display:flex; align-items:center; justify-content:center;
	color:#197003; font-size:15px; cursor:pointer; z-index:5;
	transition:all .2s ease;
}
.cp-rv-arrow:hover{ background:#197003; color:#fff; box-shadow:none; }
.cp-rv-prev{ left:0; }
.cp-rv-next{ right:0; }

.cp-rv-card{
	display:block; flex:0 0 calc(25% - 15px); max-width:calc(25% - 15px);
	background:#fff; border-radius:16px; overflow:hidden;
	box-shadow:0 4px 18px rgba(0,0,0,.09); text-decoration:none !important;
	transition:transform .3s ease, box-shadow .3s ease; border:1px solid #eef1f4;
}
.cp-rv-card:hover{ transform:translateY(-6px); box-shadow:0 16px 34px rgba(0,0,0,.16); text-decoration:none !important; }
.cp-rv-thumb{ position:relative; width:100%; height:150px; overflow:hidden; background:#f0f2f5; }
.cp-rv-thumb img{ width:100%; height:100%; object-fit:cover; display:block; transition:transform .4s ease; }
.cp-rv-card:hover .cp-rv-thumb img{ transform:scale(1.09); }
.cp-rv-tag{
	position:absolute; top:10px; left:10px; z-index:2;
	background:rgba(25, 112, 3,.92); color:#fff; font-size:10px; font-weight:700;
	letter-spacing:.4px; text-transform:uppercase; padding:4px 10px; border-radius:999px;
	display:inline-flex; align-items:center; gap:5px; backdrop-filter:blur(4px);
}
.cp-rv-body{ padding:14px 15px 15px; }
.cp-rv-title{ font-size:14px; font-weight:700; color:#1a2c4e; line-height:1.35; margin:0 0 6px; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; }
.cp-rv-loc{ font-size:12px; color:#7c8798; margin-bottom:10px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; display:flex; align-items:center; gap:5px; }
.cp-rv-foot{ display:flex; align-items:center; justify-content:space-between; padding-top:10px; border-top:1px solid #f1f5f9; gap:8px; }
.cp-rv-price{ font-size:16px; font-weight:800; color:#197003; font-family:'Outfit','Poppins',sans-serif; white-space:nowrap; }
.cp-rv-view{ font-size:11.5px; font-weight:700; color:#fff; background:#1a2c4e; padding:6px 14px; border-radius:999px; white-space:nowrap; transition:background .2s ease; }
.cp-rv-card:hover .cp-rv-view{ background:#197003; }

@media (max-width:991px){
	.cp-rv-card{ flex:0 0 calc(50% - 10px); max-width:calc(50% - 10px); }
}
@media (max-width:767px){
	.cp-rv-carousel{ padding:0 38px; }
	.cp-rv-arrow{ width:34px; height:34px; font-size:13px; }
}
@media (max-width:480px){
	.cp-rv-card{ flex:0 0 78%; max-width:78%; }
	.cp-rv-thumb{ height:130px; }
}