.lot-card-website {
	border-radius: 20px;
	background: rgb(255, 255, 255);
	cursor: pointer;
	
}


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

.lot a {
	text-decoration: none;
	
}
.lot-card-website {
	
	
	
	.lot-info {
		padding: 20px 30px;
	}
	.short {
		padding: 0px;
		.lot-info {
			min-height: 302px;
		}
	}

	.lot-stat {
		padding: 20px 30px;
		border-left: 2px solid rgb(243, 245, 247);
		
	}

	.agreement-badge {
		color: rgba(20, 61, 82, 0.5);
		font-family: Raleway;
		font-size: 13px;
		font-weight: 600;
		line-height: 26px;
		
		border-radius: 99px;
		background: rgba(26, 162, 230, 0.08);
		
		padding: 0px 10px 0px 8px;
		transition: .1s;
		outline: 0px solid transparent;
	}
	.agreement-badge:hover {
		outline: 2px solid rgba(26, 162, 230, 0.08);
	}
	.agreement-badge .label {
		padding-top: 1px;
	}


	.lot-stat {
		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%);
	}
	

	.between-childs {
		display: flex;
		flex-direction: column;
		justify-content: space-between;
	}


	.type-badge {
		color: rgb(26, 102, 255);
		font-size: 13px;
		font-weight: 600;
		line-height: 24px;
		border: 1px solid rgb(240, 245, 255);
		border-radius: 99px;
		background: rgb(240, 245, 255);
		padding: 0px 10px;
	}

	.url {
		color: rgb(0, 85, 255);
		font-size: 15px;
		font-weight: 500;
		line-height: 110%;
	}
	
	
	.lot-name {
		color: rgb(0, 18, 26);
		font-size: 18px;
		font-weight: 600;
		line-height: 130%;
	}
	
	
	.right-approved-badge {
		color: rgb(255, 255, 255);
		font-size: 13px;
		font-weight: 600;
		line-height: 23px;
		
		border: 0.5px solid rgb(0, 173, 92);
		border-radius: 99px;
		background: rgb(0, 173, 92);
		
		padding: 0px 10px 1px 10px;
		
	}
	
	
	
	.gray-text-param {
		color: rgba(0, 17, 51, 0.55);
		font-size: 14px;
		font-weight: 500;
		line-height: 120%;
		
	}
	
	
	.stat-block {
		padding-bottom: 4px;
	}
	.stat-block .dots {
		height: 11px;
	}
	
	.stat-block .other-suffix.full-width {
		width: auto;
		text-align: right;
	}
	
	
	.blur-text {
		filter: blur(4px);
		cursor: pointer;
	}
	
	.stat-block svg {
		display: block;
		/* padding-top: 1px; */
	}
	
	.info-ico {
        margin-right: 6px;
        margin-top: -1.3%;
    }
	
	
	.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;
    }
	
	
	.calculating .other-value {
		color: rgb(0, 173, 92);
	}
	
	
	
	
	.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, 173, 92);
	}
	.edit-status-btn:hover .label {
		color: rgb(0, 173, 92);
	}
	
	.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(50, 79, 93);
	}
	.edit-status-btn.active .label {
		color: rgb(23, 43, 54);
	}
	.edit-status-btn.active:hover {
		background: rgb(23, 43, 54);
	}
	.edit-status-btn.active:hover .label {
		color: rgb(255, 255, 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: 0px;
	}
	
	@media (min-width: 924px) {
		
		.short .main-lot-image {
			width: 198px;
			height: 262px;
		}
		.short-payment-type {
			padding-top: 1px;
		}
	}
	
}






@media (max-width: 924px) {
	
	.lot-card-website {
		.lot-mobile {
			padding: 14px;
			border-radius: 20px;
			background: rgb(255, 255, 255);
			
			.lot-info {
				padding: 0px;
				min-height: auto;
			}
			.lot-card-website {
				padding: 0px;
				
			}
			.price-block {
				padding: 10.5px 12px 10.5px 15px;
				border-radius: 8px;
				background: rgba(43, 72, 130, 0.05);
			}
			
			.type-badge {
				font-size: 13px;
				font-weight: 600;
				text-align: center;
				line-height: 20px;
				padding-bottom: 1px;
			}
			
			
			.agreement-badge {
				font-size: 13px;
				font-weight: 600;
				line-height: 22px;
			}
	
			.agreement-badge svg {
				width: 14px;
				display: block;
			}
			.agreement-badge .label {
				padding-top: 0px;
				padding-bottom: .5px;
			}
			
			
			
			
			
			
			
			.right-approved-badge {
				line-height: 20px;
				padding-bottom: 1px;
				
			}
			
			.url {
				color: rgb(0, 85, 255);
				font-size: 14px;
				font-weight: 500;
				line-height: 140%;
			}
			
			.lot-name {
				color: rgb(0, 18, 26);
				font-size: 15px;
				font-weight: 600;
				line-height: 130%;
			}
			
			.gray-text-param {
				color: rgba(0, 34, 51, 0.55);
				font-size: 13px;
				font-weight: 500;
				line-height: 120%;
			}
			.other-value {
				color: rgba(0, 17, 26, 0.7);
				font-size: 13px;
				font-weight: 600;
				line-height: 120%;
			}
			.other-suffix {
				color: rgba(0, 34, 51, 0.55);
				font-size: 13px;
				font-weight: 500;
				line-height: 130%;
			}
			
			
			.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;
			}
			
			
			
			
		}
	}
	
}