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

@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-lot-image {
		width: 188px;
		height: 249px;
		background-size: cover!important;
		background-position: center!important;
		background-repeat: no-repeat!important;
		
		/* box-sizing: border-box; */
		outline: 1px solid rgba(0, 34, 102, 0.1);
		border-radius: 10px;

		
	}
	

	.lot-main-badge {
		height: 28px;
		padding: 0px 10px;
		border-radius: 999px;
		position: relative;
		display: inline-flex;
		align-items: center; 
	}
	
	.other-suffix.full-width {
		width: auto;
		text-align: right;
	}
	

	.lot-main-badge .label {
		font-size: 14px;
		font-weight: 600;
		text-align: center;
		white-space: nowrap; 
	}
	.lot-main-badge.wb {
		background: linear-gradient(30.64deg, rgb(111, 1, 251) 15.648%,rgb(255, 73, 215) 94.42%);
	}
	.lot-main-badge.wb .label {
		padding-bottom: 3px;
	}
	.lot-main-badge.ozon {
		background: rgb(0, 85, 255);
	}
	.lot-main-badge.ozon .label {
		padding-bottom: 1px;
	}

	.lot-main-badge.shop {
		outline: 1px solid rgb(245, 240, 255);
		background: rgb(245, 240, 255);
	}

	.lot-main-badge.shop .label {
		color: rgb(126, 61, 255);
		padding-bottom: .5px;
	}

	.normal-line-height {
		line-height: 100%;
		margin-bottom: -1px;
	}

	.lot-main-badge.multiple-card {
		outline: 1px solid rgb(235, 241, 255);
		background: rgb(235, 241, 255);
	}

	.lot-main-badge.multiple-card .label {
		padding-bottom: .5px;
		color: rgb(26, 102, 255);
	}

	.lot-main-badge.single-card {
		outline: 1px solid rgb(224, 250, 255);
		background: rgb(224, 250, 255);
	}

	.lot-main-badge.single-card .label {
		padding-bottom: .5px;
		color: rgb(0, 127, 153);
	}

	.lot-main-badge.is-active {
		outline: 1px solid rgb(219, 255, 240);
		background: rgb(219, 255, 240);
		transition: .1s;
	}

	.lot-main-badge.is-active .label  {
		padding-bottom: .5px;
		color: rgb(0, 133, 77);
	}


	.lot-main-badge.not-active {
		outline: 1px solid rgb(255, 245, 224);
		background: rgb(255, 245, 224);
	}

	.lot-main-badge.not-active .label  {
		padding-bottom: .5px;
		color: rgb(199, 116, 0);
	}

	.display-block {
		display: block;
	}






	.lot-categories {
		color: rgb(0, 173, 92);
		font-size: 15px;
		font-weight: 600;
		line-height: 140%;
		text-align: left;
	}
	
	.count-categories {
		margin-left: 9px;
	}
	
	.lot-title {
		color: rgb(0, 9, 26);
		font-size: 18px;
		font-weight: 600;
		line-height: 120%;
		text-align: left;
	}
	
	.description-gray-text {
		color: rgba(20, 41, 82, 0.5);
		font-size: 14px;
		font-weight: 500;
		line-height: 140%;
		text-align: left;
	}
	
	.dots {
		height: 9px;
		border-bottom: 1px dashed rgba(10, 37, 92, 0.2);
	}
	
	.other-value {
		color: rgba(0, 8, 26, 0.7);
		font-size: 15px;
		font-weight: 600;
		line-height: 120%;
		text-align: right;
		display: inline-block;
	}
	
	.other-suffix {
		color: rgba(0, 17, 51, 0.55);
		font-size: 15px;
		font-weight: 500;
		line-height: 130%;
		text-align: left;
		display: inline-block;
		width: 30px;
	}
	
	.info-ico {
		/* margin-top: -1px; */
		margin-right: 6px;
		margin-top: -1.3%;
	}
	
	
	.gray-text {
		color: rgba(20, 41, 82, 0.5);
		font-size: 14px;
		font-weight: 500;
		line-height: 120%;
		text-align: left;
		
	}
	
	
	
	.rating-block svg {
		display: block;
	}
	.rating-block .star {
		margin-top: -2px;
	}
	.rating-block .rating {
		color: rgba(6, 0, 31, 0.7);
		font-size: 14px;
		font-weight: 600;
		line-height: 120%;
	}
	
	.separator-dot {
		color: rgba(15, 39, 87, 0.25);
	}
	
	.review-count {
		color: rgba(20, 41, 82, 0.45);
		font-size: 13px;
		font-weight: 600;
		line-height: 120%;
		margin-top: 1.8px;
	}
	.review-count .numeric {
		font-size: 14px;
	}
	
	
	.rating-block .rating-half {
		min-width: 200px;
	}
	
	.view-count-label {
		padding-top: 1px;
		color: rgba(20, 41, 82, 0.4);
		font-size: 15px;
		font-weight: 600;
		line-height: 120%;
	}
	
	
	.lot-img {
		padding: 20px 0px 20px 20px;
	}
	
	
	.lot-info {
		padding: 20px 30px;
		display: flex;
		flex-direction: column;
		justify-content: space-between;
	}
	
	.between-childs {
		display: flex;
		flex-direction: column;
		justify-content: space-between;
	}
	
	.lot-stat {
		border-left: 2.5px solid rgb(243, 244, 247);
		padding: 20px 30px;
		width: 357px;
	}
	
	.price {
		color: rgb(0, 9, 26);
		font-size: 24px;
		font-weight: 700;
		line-height: 130%;
	}
	
	
	.buy-btn {
		
		height: 48px;
		position: relative;
		box-sizing: border-box;
		border: 1px solid rgb(50, 79, 93);
		border-radius: 8px;
		background: rgb(255, 255, 255);
		transition: .1s;
		z-index: 0;
	}
	.buy-btn .label {
		position: absolute;
		top: 50%;
		left: 0px;
		transform: translateY(-50%);
		width: 100%;
		transition: .1s;
		color: rgb(23, 43, 54);
		font-size: 16px;
		font-weight: 600;
		line-height: 130%;
		text-align: center;
	}
	
	
	
	.buy-btn:hover {
		box-sizing: border-box;
		background: rgb(23, 43, 54);
	}
	.buy-btn:hover .label {
		color: rgb(255, 255, 255);
	}
	
	
	.payment-types-block {
		margin-left: -4px;
		margin-right: -4px;
	}
	
	
	.user-price-input input {
		
		width: 100%;
		border: 1px solid rgba(0, 51, 153, 0.15);
		border-radius: 7px;
		background: rgb(255, 255, 255);
		
		height: 40px;
		
		color: rgb(0, 9, 26);
		font-size: 16px;
		font-weight: 500;
		line-height: 140%;
		
		padding: 0px 70px 0px 16px;
		outline: none;
		caret-color: rgb(0, 85, 255);
	}
	.user-price-input input::placeholder {
		color: rgba(20, 41, 82, 0.4);
	}
	.user-price-input input:focus {
		border: 1px solid rgb(50, 79, 93);
	}
	.next-btn {
		position: absolute;
		top: 3px;
		bottom: 3px;
		right: 3px;
		width: 34px;
		border-radius: 5px;
		background: transparent;
		transition: .1s;
		pointer-events: none;
	}
	.next-btn svg {
		margin-top: -.5px;
	}
	.next-btn svg path {
		stroke: rgba(20, 41, 82, 0.35);
	}
	.user-price-input:not(:has(input:placeholder-shown)) {
		.next-btn { 
			pointer-events: auto;
			background: rgb(23, 43, 54);
		}
		.next-btn svg path {
			stroke: rgb(255, 255, 255);
		}
	}
	.cross {
		position: absolute;
		top: 50%;
		transform: translateY(-50%);
		right: 40px;
		opacity: 0;
		pointer-events: none;
	}
	.user-price-input:has(input:focus):not(:has(input:placeholder-shown)) {
		.cross {
			opacity: 1;
			pointer-events: auto;
		}
	}
	.user-price-input {
		position: relative;
	}
	.next-btn-ico {
		position: relative;
		height: 100%;
	}
	.next-btn-ico svg {
		display: block;
		position: relative;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
	}
	
	
	
	.gray-text-param {
		color: rgba(0, 17, 51, 0.55);
		font-size: 14px;
		font-weight: 500;
		line-height: 120%;
		
	}
	
	
	.lot-stat .dots {
		height: 11px;
	}
	.lot-stat .other-suffix {
		width: 11px;
	}
	
	.lot-stat .other-suffix.full-width {
		width: auto;
		text-align: right;
	}
	
	
	.blur-text {
		filter: blur(4px);
		cursor: pointer;
	}
	
	.base-info svg {
		display: block;
	}
	
	
	
	.lot-main-badge.is-active:hover {
		outline: 3px solid rgb(219, 255, 240); 
		
	}
	
	
	
	
	
	
	@media (min-width: 924px) {
		
		.short .main-lot-image {
			width: 198px;
			height: 262px;
		}
		.short-payment-type {
			padding-top: 1px;
		}
	}
	
	
	
	
	
	
	
	
	.personal .lot-stat {
		width: 509px;
	}
	.status-badge {
		color: rgb(255, 255, 255);
		font-size: 14px;
		font-weight: 700;
		line-height: 28px;
		border-radius: 999px;
		padding: 0px 12px;
	}
	.status-badge.on-moderation {
		background: rgba(0, 17, 51, 0.6);
	}
	.status-badge.declined {
		background: rgb(244, 65, 52);
	}
	.status-badge.published {
		background: rgb(71, 133, 255);
	}
	.status-badge.unpublished {
		background: rgb(255, 170, 0);
	}
	.status-badge.in-active-deal {
		background: rgb(0, 179, 104);
	}
	.status-badge.completed {
		background: rgb(0, 179, 104);
	}
	.edit-status-btn {
		box-sizing: border-box;
		border: 1px solid rgba(0, 51, 153, 0.15);
		border-radius: 8px;
		background: rgb(255, 255, 255);
		height: 46px;
		position: relative;
		transition: .1s;
	}
	.edit-status-btn .label {
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		width: 100%;
		
		color: rgba(0, 8, 26, 0.8);
		font-size: 15px;
		font-weight: 600;
		line-height: 130%;
		text-align: center;
		padding-top: 1px;
		transition: .1s;
		
	}
	
	.edit-status-btn:hover {
		border: 1px solid rgb(0, 85, 255);
	}
	.edit-status-btn:hover .label {
		color: rgb(0, 85, 255);
	}
	
	.remove-ad-btn .ico svg {
		display: block;
		transition: .1s;
		
	}
	.remove-ad-btn .ico svg path {
		transition: .1s;
		
	}
	.remove-ad-btn {
		width: 46px;
		height: 46px;
		box-sizing: border-box;
		border: 1px solid rgba(0, 51, 153, 0.15);
		border-radius: 8px;
		position: relative;
		transition: .1s;
		
	}
	.remove-ad-btn:hover {
		border: 1px solid rgb(244, 65, 52);
	}
	
	.remove-ad-btn:hover svg path {
		stroke: rgb(244, 65, 52);
		stroke-opacity: 1;
	}
	
	.remove-ad-btn .ico {
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		transition: .1s;
		
	}
	
	
	.edit-status-btn.active {
		border: 1px solid rgb(0, 85, 255);
	}
	.edit-status-btn.active:hover {
		background: rgb(0, 85, 255);
	}
	.edit-status-btn.active:hover .label {
		color: rgb(255, 255, 255);
	}
	
	.edit-status-btn.active .label {
		color: rgb(0, 85, 255);
	}
	
	
	.personal .other-stat-width {
		max-width: 361px;
	}
	
	
	
	.decline-reason {
		color: rgb(244, 65, 52);
		font-size: 14px;
		font-weight: 600;
		line-height: 130%;
		text-align: right;
		margin-top: 15px;
		margin-bottom: -9px;
	}
	
	
	
	


	
	
	
}







	


@media (max-width: 924px) {
	
	.lot-mobile {
		padding: 14px;
		border-radius: 20px;
		background: rgb(255, 255, 255);
		
		
		.main-lot-image {
			width: 106px;
			height: 141px;
			background-size: cover!important;
			background-position: center!important;
			background-repeat: no-repeat!important;
			outline: 1px solid rgba(0, 34, 102, 0.1);
			border-radius: 10px;
			position: relative;
			
		}
		
		
		.lot-main-badge.wb {
			position: absolute;
			top: 5px;
			right: 5px;
			border: 0.5px solid rgba(0, 51, 153, 0.15);
			border-radius: 4px;
			border: none;
			outline: none;
			padding: 3px 6px;
			height: 21px;
		}
		.lot-main-badge.ozon {
			position: absolute;
			top: 5px;
			right: 5px;
			border: 0.5px solid rgba(0, 51, 153, 0.15);
			border-radius: 4px;
			border: none;
			outline: none;
			padding: 0px 5.5px;
			height: 21px;
			padding-bottom: 1px;
		}
		
		.lot-main-badge.shop {
			font-size: 13px;
			font-weight: 600;
			padding: 0px 9px;
			height: 23px;
			line-height: 140%;
			
		}
		.lot-main-badge.multiple-card {
			font-size: 13px;
			font-weight: 600;
			padding: 0px 9px;
			height: 23px;
			line-height: 140%;
		}
		.lot-main-badge.single-card {
			font-size: 13px;
			font-weight: 600;
			padding: 0px 9px;
			height: 23px;
			line-height: 140%;
		}
		.lot-info-mobile {
			padding: 4px 4px 2px 4px;
			height: 100%;
		}
		
		.lot-main-badge .label {
			font-size: 13px;
			font-weight: 600;
			text-align: center;
		}
		
		
		.lot-main-badge.is-active {
			height: 23px;
			padding: 0px 10px 0px 7px;
			
		}
		
		.lot-main-badge.not-active {
			height: 23px;
			padding: 0px 10px 0px 7px;
			
		}
		
		.normal-line-height {
			padding-bottom: 1px;
		}
		
		.lot-categories {
			padding: 0px 2px;
			color: rgb(0, 173, 92);
			font-size: 14px;
			font-weight: 600;
			line-height: 140%;
			text-align: left;
		}
		
		.lot-title {
			color: rgb(0, 9, 26);
			font-size: 15px;
			font-weight: 600;
			line-height: 130%;
		}
		
		
		.rating-block svg {
			display: block;
		}
		.rating-block .star {
			margin-top: -2px;
		}
		
		.separator-dot {
			color: rgba(15, 39, 87, 0.25);
		}
		
		.review-count {
			color: rgba(20, 41, 82, 0.45);
			font-size: 13px;
			font-weight: 600;
			line-height: 120%;
			padding-bottom: 0px;
		}
		.review-count .numeric {
			font-size: 13px;
		}
		
		
		.rating-block .rating-half {
			min-width: 200px;
		}
		
		.view-count-label {
			padding-top: 1px;
			color: rgba(20, 41, 82, 0.4);
			font-size: 15px;
			font-weight: 600;
			line-height: 120%;
		}
		
		.rating-block .rating {
			color: rgba(6, 0, 31, 0.7);
			font-size: 14px;
			font-weight: 600;
			line-height: 120%;
			padding-top: 1px;
		}
		
		.gray-text-param {
			font-size: 13px;
		}
		.other-value {
			font-size: 13px;
		}
		.other-suffix {
			font-size: 13px;
			width: 26px;
		}
		
		
		.params .block-with-tooltip svg {
			display: block;
			transform: translateY(2px);
			padding-bottom: 1px;
		}
		.params .block-with-tooltip {
			height: 16px;
			width: 16px;
		}
		
		
		.view-count-label {
			font-size: 13px;
			padding-top: 3.5px;
		}
		
		.price-block {
			padding: 10.5px 12px 10.5px 15px;
			border-radius: 8px;
			background: rgba(43, 72, 130, 0.05);
		}
		
		.price {
			font-size: 19px;
			font-weight: 700;
		}
		
		.user-price-input input {
			padding: 0px 37px 0px 16px;
			font-size: 14px;
			padding-bottom: 1px;
		}
		
		
		.buy-btn {
			height: 40px;
			
		}
			
		.buy-btn .label {
			font-size: 14px;
			font-weight: 600;
			line-height: 130%;
			padding-bottom: 1px;
		}
		
		
		
		
		.lot-img {
			padding: 0px;
		}
		
		
		.status-badge {
			font-size: 13px;
			font-weight: 700;
		}
		
		.personal-area-price {
			padding-bottom: 2px;
		}
		
		.decline-reason {
			margin-top: 8px;
			font-size: 14px;
			font-weight: 600;
			line-height: 140%;
			text-align: left;
			margin-bottom: 0px;
		}
		
		.edit-status-btn {
			height: 40px;
		}
		.edit-status-btn .label {
			font-size: 14px;
			font-weight: 600;
			line-height: 130%;
			padding-bottom: 2px;
		}
		.remove-ad-btn {
			height: 40px;
			width: 40px;
			
		}
		.remove-ad-btn svg {
			width: 13.5px;
			
		}
		
		.hide-if-empty:empty {
			margin-top: 8px;
		}
		.hide-if-empty:not(:empty) {
			margin-bottom: 8px;
		}
		
	}
	
	
	
}