/* Cards common */
.row-cards {
    margin-left: -6px;
    margin-right: -6px;
	margin-bottom: 12px;
}
.row-cards > div{
	padding: 0 6px;
}
.card{
	border-radius: 24px;
	background-color: #fff;
	border: 1px solid rgba(0, 0, 0, 0.1);
	font-weight: 500;
	margin-bottom: 16px;
}
.card .c-foot{
	display:flex;
	margin: 16px;
	justify-content: space-between;
	align-items: center;
}
.card .c-body{
	margin: 0 16px;
}
.card .name{
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
    overflow: hidden !important;
	text-decoration: none;
	letter-spacing: 0.5px;
	color: #1F1F1F;
	width: 100%;
    display: inline-block;
    line-height: 1.5;
}
.card .fl {
    display:flex;
	justify-content: space-between;
	align-items: center;
}
.card .c-foot .btn{
	margin-right: 6px;
}
.card a{
	font-weight: 500;
}
.card .title{
	font-size: 20px;
	font-weight: 400;
	height: 120px;
	color:#1F1F1F;
	text-decoration: none;
	display: -webkit-box;
	max-height: 120px;
	-webkit-line-clamp: 4;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
}
.card .tags{
	margin: 16px 0 0;
	overflow: hidden;
	height: 25px;
}
.card .badge {
	margin-right: 4px;
	display: inline-block;
}
.card .low {
	text-transform: lowercase;
}
/* .card .badge.active {
    background-color: #F6F7A9;
	color: #710096;
}
.badge.badge-lavender {
    background-color: #F1ECFC;
} */
.card .desc{
    font-size: 12.8px;
	color: #4C4C4C;
	letter-spacing: 0.8px;
	font-weight: 400;
	line-height: 16px;
	margin: 0;
	padding: 0;
}
.card .pic{
	background-color: #FFF;
	overflow:hidden;
	text-align: center;
}
.card .icon.min{
	font-size: 20px;
	fill: #F76048;
}
.card .r-s{
	margin-left: 12px;
}
.card .r-s > span, .card .r-s .icon{
	vertical-align: middle;
}
.card .r-c{
	color: #4c4c4c;
	font-weight: 400;
}
.card .vote-up{
    margin-left: 8px;
}

/* Cards users */
.card-u .c-head{
	text-align: center;
	margin: 16px 16px 12px;
	/* margin: 4.44vw 16px 2.22vw; */
}
.card-u .oc{
	height: 96px;
	width: 96px;
	padding: 5px;
	
}
.card-u .oc .ini{
	font-size: 25px;
}
.card-u .c-body{
	text-align: center;
	margin-bottom: 12px;
	height:162px;
	/* display:flex;
	flex-direction:column;
	justify-content: center; */
}
/* .card-u .c-body .separated{
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
} */
.card-u .name-xs{
	line-height: 24px;
	overflow: hidden;
}
.card-u .name{
	/* font-size: 14px; */
	/* line-height: 18px; */
	vertical-align: middle;
	letter-spacing: 0.8px;
}
/* .card-u .name-xs .name{
	white-space: normal!important;
} */
.card-u ul{
	white-space: nowrap;
    overflow: hidden;
}
.card-u li{
	font-size: 12.8px;
	line-height: 16px;
	color: #797979;
	text-decoration: none;
}
.card-u .badge{
	margin-bottom: 7px;
}
.card-u .c-foot{
	margin: 0 16px 16px;
}
.card-u .c-foot .ws-dropdown a{
	margin-right: 0;
}
.card-u .tags{
	height: 96px;
}

/* Cards discus */
.card-discus .c-head{
	margin: 16px;
	text-align: left;
}
.card-discus .c-head .oc {
    vertical-align: middle;
    margin-right: 8px;
    width: 32px;
    height: 32px;
    padding: 2px;
}
.card-discus .c-head a {
    text-decoration: none;
    outline: none!important;
    font-size: 12.6px;
    line-height: 16px;
}
.card-discus ul.separated li {
    font-weight: 400;
	font-size: 12.6px;
}
.card-discus ul.separated li:after {
    width: 3px;
    height: 3px;
}
.card-discus ul.separated li .icon {
	margin-right: 8px;
	vertical-align: -0.25em;
    fill:#F76048;
}
.card-discus .title{
	display: inline-block;
	margin-bottom: 20px;
	height: 128px;
	max-height: 128px;
	line-height: 32px;
	font-weight: 400;
	-webkit-line-clamp: 4;
}
.card-discus .tags{
	height: 56px;
	margin-top: 0;
}
.card-discus .tags div{
	margin-bottom: 6px;
}
.card-discus .c-body{
	margin-bottom: 16px;
}
.card-discus .oc{
	margin-left: -14px;
	width: 32px;
	height: 32px;
	padding: 2px;
	vertical-align: middle;
}
.card-discus .col-1{
	display: flex;
	align-items: center;
}
.card-discus .oc:first-child{
	margin-left: 0;
}
.card-discus .ovals{
    line-height: 1;
}
.card-discus .ovals span{
    font-size: 12.6px;
}
.card-discus .c-foot .vote{
    margin-right: 8px;
	padding: 11px 16px;
}
.card-discus .vote .icon{
    margin-right: 8px;
}

/* Card products */
.card-product .c-head {
    padding: 8px 16px;
}
.card-product .c-head .oc {
    vertical-align: middle;
	margin-right: 8px;
	width: 32px;
	height: 32px;
	padding: 2px;
}
.card-product .c-head a {
	color: #1F1F1F;
	text-decoration: none;
	outline:none!important;
	font-size: 12.6px;
	line-height: 16px;
}
.card-product .c-body{
    margin: 0 0 16px;
}
.card-product .pic{
	height: 443px;
	line-height: 443px;
	/* height: 115.27vw;
	line-height: 115.27vw; */
}
.card-product .c-body img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}
.card-product .c-body img.empty {
    width: 44px;
    height: 26px;
}
.card-product .info{
    margin: 16px 16px 0;
	text-align: left;
}



/* Card services */
.card-service .c-head{
	position: relative;
    margin-bottom: 16px;
}
.card-service .c-head .badge{
	position: absolute;
    bottom: 16px;
    left: 16px;
	background-color: #FBF8EB;
	color: #5C4020;
}
.card-service .pic{
    border-radius:24px;
	height: 312px;
	line-height: 308px;
	background-color: rgba(0, 0, 0, 0.1);
}

.card-service .pic:has(.empty) {
	background-color: #F9FAFB;
	outline:1px solid rgba(0, 0, 0, 0.1);
}
.card-service .pic img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}
.card-service .c-head img.empty {
    width: 47px;
    height: 28px;
	vertical-align: middle;
}
.card-service .title{
    margin: 0 0 6px;
	height: 48px;
	max-height: 48px;
	line-height: 24px;
	font-weight: 500;
	-webkit-line-clamp: 2;
}
.card-service .info{
	height: 40px;
	max-height: 40px;
	font-size: 14px;
	font-weight: 400;
	line-height: 20px;
	-webkit-line-clamp: 2;
}
.card-service .tags{
	height: 25px;
}
.card-service .vote-up{
    margin-right: 5px;
}
.card-service .c-foot {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.card-service .c-foot .left{
    font-size: 14px;
	font-weight: 400;
	line-height: 20px;
}
.card-service .c-foot .left .low{
    color: #475467;
}

/* Card blog */
.card-blog .c-head{
	margin-bottom: 14px;
}

.card-mag .c-head{
	margin-bottom: 20px;
}
.card-product .c-body img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}
.card-blog .pic{
	border-radius: 10px 10px 0 0;
	height: 312px;
	line-height: 308px;
}
.card-blog .pic:has(.empty) {
	background-color: #F1ECFC;
}
.card-blog .c-head img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}
.card-blog .c-head img.empty{
    width: 70px;
    height: 42px;
	vertical-align: middle;
}
.card-blog .c-body .oc {
    vertical-align: middle;
	margin-right: 8px;
	width: 32px;
	height: 32px;
	padding: 2px;
}
.card-blog .c-body a {
    text-decoration: none;
    outline: none!important;
    font-size: 12.6px;
    line-height: 16px;
}
.card-blog .c-body a.title {
	margin-top: 8px;
	height: 96px;
	max-height: 96px;
	line-height: 32px;
	font-size: 20px;
	-webkit-line-clamp: 3;
}
.card-mag .c-body a.title {
	margin-top: 16px;
	height: 64px;
	max-height: 64px;
	-webkit-line-clamp: 2;
}
.card-blog .tags {
    margin-top: 15px;
}
.card-blog .blur {
    color: #475467;
	font-size: 12.6px;
	letter-spacing: 0.8px;
	line-height: 16px;
}
.card-blog .c-foot .blur {
	margin-left: 8px;
}


/* Card recipe */
.card-recipe .c-body .title {
	font-size: 20px;
}
.card-recipe ul li {
	font-size: 12.6px;
}
.card-recipe .icon.min {
	vertical-align: -0.225em;
}
.card-recipe ul li .icon.min {
	margin-right: 4px;
	font-size:18px;
}
.card-recipe ul.separated li:after {
	margin: 0 6px 0 8px;
	height: 3px;
    width: 3px;
}
.card-recipe .tags .icon.min {
	font-size: 18px;
	fill:#2E8455;
}
.card-recipe .c-foot .btn.m {
	margin-right:0;
}
.card-recipe .c-foot .star {
	margin-right: 2px;
	opacity:.5;
}
.card-recipe .c-foot .r-s {
	vertical-align: middle;
}
.card-recipe .c-foot .r-c {
	margin-left: 2px;
}

.card-recipe .c-foot .badge:last-child {
	margin-right: 0;
}


/* Card job */
.card-job .c-head {
    padding: 16px 16px 28px;
}
.card-job .blur {
    color: #4c4c4c;
	font-size: 12.8px;
	line-height: 16px;
}
.card-job .title {
	margin-bottom: 20px;
	height: 128px;
	max-height: 128px;
	line-height: 32px;
	-webkit-line-clamp: 4;
}
.card-job .action-btns {
   margin: 16px 0;
}
.card-job .job-logo {
  height: 44px;
  vertical-align: middle;
}
.card-job .job-logo img {
   max-height: 44px;
}