.lot-card {
	border-radius: 17px;
	background: rgb(255, 255, 255);
	cursor: pointer;
	transition: outline 0.1s ease, box-shadow 0.1s ease;
	outline: 3px solid transparent;
	padding: 4px;
	height: 100%;
}

@media (min-width: 925px) {
	.lot-card:hover { 
		outline: 3px solid rgb(255, 255, 255);
		box-shadow: 0px 12px 20px 0px rgba(0, 17, 51, 0.08);
	}
}


.lot-card {
	
	.main-image {
		background-size: cover!important;
		background-position: center!important;
		background-repeat: no-repeat!important;
		padding-top: 74.8%;
		position: relative;
		border-radius: 13px;
		overflow: hidden;
		
		/* border: 0.5px solid var(--Black/Black_30 15%, rgba(31, 92, 122, 0.15)); */
		
		box-shadow: inset 0 0 0 0.5px rgba(31, 92, 122, 0.15);
		
	}
	.card-body {
		margin-top: 2px;
		padding: 10px 12px;
	}
	.price {
		color: rgba(0, 18, 26, 1);
		font-size: 20px;
		font-weight: 700;
		line-height: 27px;
	}
	.url {
		font-family: Raleway;
		font-size: 16px;
		font-weight: 600;
		line-height: 22px;
		margin-top: 1px;
		min-height: 22px;
	}
	.url.hidden {
		font-size: 15px;
		font-weight: 600;
		color: rgba(15, 63, 87, 0.3);
	}
	.url.ozon {
		color: rgba(0, 85, 255, 1);
	}
	.url.wildberries {
		background: linear-gradient(30.64deg, rgba(111, 1, 251, 1), rgba(255, 73, 215, 1) 100%);
		-webkit-background-clip: text;
		-webkit-text-fill-color: transparent;
		background-clip: text;
		text-fill-color: transparent;
	}
	.url.website {
		color: rgba(87, 87, 255, 1);
	}
	.url.domain {
		color: rgba(0, 163, 131, 1);
	}
	.url.tg_chat, .url.tg_channel, .url.tg_bot, .url.tg_app {
		background: linear-gradient(180deg, rgba(20, 176, 255, 1), rgba(0, 130, 194, 1) 100%);
		-webkit-background-clip: text;
		-webkit-text-fill-color: transparent;
		background-clip: text;
		text-fill-color: transparent;
	}
	.url.vk {
		color: rgba(0, 119, 255, 1);
	}
	.url.youtube {
		color: rgba(255, 0, 0, 1);
	}
	
	.url.dzen {
		color: rgba(50, 79, 93, 1);
	}
	.url.ok {
		color: rgba(255, 119, 0, 1);
	}
	.url.rutube {
		color: rgba(254, 44, 85, 1);
	}
	.url.other {
		color: rgba(15, 63, 87, 0.5);
	}
	
	.title {
		color: rgba(50, 79, 93, 1);
		font-size: 16px;
		font-weight: 600;
		line-height: 21px;
		height: 42px;
		
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 2;
		overflow: hidden;
		text-overflow: ellipsis;
		
	}
	
	.seller-no-avatar {
		box-sizing: border-box;
		border: 0.5px solid rgba(55, 118, 149, 0.05);
		border-radius: 999px;
		background: rgba(55, 118, 149, 0.05);
		width: 24px;
		height: 24px;
		position: relative;
	}
	.seller-no-avatar .label {
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		
		color: rgba(15, 63, 87, 0.25);
		font-size: 12px;
		font-weight: 700;
		line-height: 14px;
	}
	
	.seller-avatar {
		box-sizing: border-box;
		box-shadow: inset 0 0 0 0.5px rgba(31, 92, 122, 0.15);
		border-radius: 999px;
		background: rgba(255, 255, 255, 1);
		
		width: 24px;
		height: 24px;
		
		background-size: cover!important;
		background-position: center!important;
		/* background-repeat: no-repeat!important; */
	}
	
	svg {
		display: block;
	}
	
	.seller-name {
		color: rgba(0, 34, 51, 0.6);
		font-family: Raleway;
		font-size: 14px;
		font-weight: 600;
		line-height: 16px;
	}
	
	.rating {
		color: rgba(0, 17, 26, 0.7);
		font-size: 14px;
		font-weight: 600;
		line-height: 20px;
	}
	
	.dot {
		width: 3px;
		height: 3px;
		border-radius: 999px;
		background: rgba(31, 92, 122, 0.15);
	}
	
	
	.star {
		margin-top: -2px;
	}
	
	.reviews-count {
		color: rgba(20, 61, 82, 0.4);
		font-size: 14px;
		font-weight: 600;
		line-height: 16px;
	}
	
	.right-top-block {
		position: absolute;
		top: 0px;
		right: 0px;
		padding: 6px;
	}
	.right-bottom-block {
		position: absolute;
		bottom: 0px;
		right: 0px;
		padding: 6px;
	}
	.left-top-block {
		position: absolute;
		top: 0px;
		left: 0px;
		padding: 6px;
	}
	.left-bottom-block {
		position: absolute;
		bottom: 0px;
		left: 0px;
		padding: 6px;
	}
	
	
	.right-top-block .row-margin {
		margin-right: -3px;
		margin-left: -3px;
	}
	.right-bottom-block .row-margin {
		margin-right: -3px;
		margin-left: -3px;
	}
	.left-bottom-block .row-margin {
		margin-right: -3px;
		margin-left: -3px;
	}
	
	
	.label-badge {
		text-align: center;
		min-width: 22px;
		height: 22px;
		border-radius: 7px;
		position: relative;
		
		padding-right: 7px;
		padding-left: 7px;
		box-shadow: inset 0 0 0 0.5px rgba(31, 92, 122, 0.15);
		background: rgba(255, 255, 255, 0.8);
		backdrop-filter: blur(10px);
		
	}
	.label-badge svg {
		margin-left: auto;
		margin-right: auto;
	}
	.label-badge .text {
		color: rgba(0, 18, 26, 1);
		font-size: 13px;
		font-weight: 600;
		line-height: 22px;
		padding-bottom: 1px;
	}
	
	
	.label-badge.marketplace.wildberries {
		display: inline-block;
		padding-top: 4px!important;
		background: linear-gradient(30.64deg, rgba(111, 1, 251, 1),rgba(255, 73, 215, 1) 100%);
		padding-right: 5px;
		padding-left: 5px;
	}
	
	.label-badge.marketplace.ozon {
		display: inline-block;
		padding-top: 5.3px!important;
		border: 0.5px solid rgba(31, 92, 122, 0.15);
		background: rgba(0, 85, 255, 1);
		padding-right: 6px;
		padding-left: 6px;
	}
	
	.label-badge.ai {
		box-sizing: border-box;
		border: 0.5px solid rgba(20, 61, 82, 0.1);
		background: rgba(15, 63, 87, 0.3);
		padding-left: 0px;
		padding-right: 0px;
	}
	
	.label-badge.rights-approved {
		box-sizing: border-box;
		border: 0.5px solid rgba(31, 92, 122, 0.15);
		background: rgba(0, 173, 92, 1);
	}
	
	.label-badge.views-count {
		outline: none; /* отключаем outline */
		box-shadow: inset 0 0 0 0.5px rgba(20, 61, 82, 0.1);
		background: rgba(15, 63, 87, 0.2);
		padding-left: 6px;
		padding-right: 6px;
		
	}
	
	.label-badge.views-count .text {
		color: rgba(255, 255, 255, 1);
		font-size: 12px;
		font-weight: 700;
		line-height: 20px;
		padding-top: 1px;
		
	}
	.label-badge.sn {
		background-size: cover!important;
		background-position: center!important;
		background-repeat: no-repeat!important;
		box-shadow: inset 0 0 0 1px rgba(31, 92, 122, 0.15);
		
	}
	
	.label-badge.tg {
		background: url(/imgs/creation-ico-telegram.webp);
		background-size: cover!important;
		background-position: center!important;
		background-repeat: no-repeat!important;
		box-shadow: inset 0 0 0 1px rgba(31, 92, 122, 0.15);
	}
	.label-badge.ai {
		padding-top: 2px;
	}
	
	.label-badge.rights-approved {
		padding-top: 3px;
		padding-left: 0px;
		padding-right: 0px;
		
	}
	
	.empty-rating {
		height: 20px;
		margin-top: 8px;
	}
	
	.label-badge-col {
		height: 22px;
	}
	
	
	.fav-btn {
		position: relative;
		width: 30px;
		height: 30px;
		
		box-sizing: border-box;
		box-shadow: inset 0 0 0 0.5px rgba(31, 92, 122, 0.15);
		border-radius: 7px;
		backdrop-filter: blur(10px);
		background: rgba(31, 92, 122, 0.15);
		transition: .1s;
		
	}
	.fav-btn .ico {
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		transition: .1s;
		
	}
	.fav-btn .ico path {
		transition: .1s;
	}
	.fav-btn.active {
		backdrop-filter: blur(60px);
		background: rgba(244, 65, 52, 1);
	}
	.fav-btn.active .ico path {
		fill: rgb(255, 255, 255);
	}
	
	
	
	
	
	
	
}







	


@media (max-width: 924px) {
	
	.lot-card {
		padding: 0px;
		border-radius: 16px;
		
		.left-bottom-block {
			height: 32px;
		}
		.main-image {
			border-radius: 16px 16px 0px 0px;
		}
		.price {
			font-size: 18px;
			font-weight: 700;
			line-height: 21px;
		}
		.card-body {
			padding: 10px 12px;
			 margin-top: 0px;
		}
		.url {
			font-size: 14px;
			font-weight: 600;
			line-height: 20px;
			min-height: 20px;
			min-width: 20px;
		}
		.title {
			font-size: 14px;
			font-weight: 600;
			line-height: 18px;
			height: 36px;
		}
		
		
		.label-badge.marketplace.wildberries {
			padding-top: 2.5px!important;
		}
		
		.label-badge.marketplace.ozon {
			padding-top: 4.5px!important;
		}
		
		.label-badge .text {
			font-size: 12px!important;
			font-weight: 600!important;
			line-height: 20px!important;
			
		}
		.label-badge {
			height: 20px!important;
		}
		.seller-name {
			font-size: 13px;
			font-weight: 600;
			line-height: 16px;
		}
	}
	
	
	
	
}