.PageCarouselPaintArtWorks {
	display: block;
	width: 100%;
	display: flex;
	flex-direction: column;
	& ul.carousel {
		gap: 0;
		display: grid;
		padding: 0;
		font-size: 0.75em;
	}
	& ul.carousel > li {
		text-transform: uppercase;
		cursor: pointer;
		padding: 0;
		aspect-ratio: 1/1.7;
		font-size: 1rem;
		background: none !important;
		position: relative;
		margin: 0;
	}
	& .buttons {
		display: block;
		position: absolute;
		top: 404px;
		right: -2px;
		width: 3.6em;
		height: 50px;
		font-size: 1.5em;
		text-align: middle;
		& > form {
			display: block;
			float: left;
			height: auto;
            font-size: 1em;
			& i {
				padding: 5px 0px 5px 15px;
				display: block;
			}
		}
		& user-likeheckbox {
			float: right;
            --width: 1em;
		}
	}
	& scalable-to-parent {
		width: 304px;
		height: auto;
	}
	& .list_item_container.sold a::after {
		background: url(/images/sold.png) no-repeat -2% 25% / 35% transparent;
	}
	& .list_item_container.sold .buttons form {
		display: none;
	}
	& .size{
		
		letter-spacing: -0.02em;
	}
	& .list_item_container {
		width: 295px;
		aspect-ratio: 1 / 1.7;
		display: block;
		margin: 5px 5px 0;
		transition: all 0.3s ease-in-out;
		padding: 5px;
		box-sizing: border-box;
		border-radius: 10px;
		cursor: pointer;
		position: relative;
		overflow: hidden;
		& a::after {
			content: " ";
			position: absolute;
			top: 0;
			left: -2px;
			width: 100%;
			height: 80%;
			background: transparent;
			opacity: 1;
			z-index: 10;
			display: block;
		}
		&:hover {
			box-shadow: 1px -1px 6px rgba(0, 0, 0, 0.35);
			background-color: #FFF;
		}
		&:hover .img-paintartwork-container img {
			scale: 1.2;
		}
		& a {
			color: var(--font_color_main);
			text-decoration: none;
			display: flex;
			flex-direction: column;
			gap: .1rem;
			height: 482px;
		}
		& .img-paintartwork-container {
			display: block;
			position: relative;
			overflow: hidden;
			width: 100%;
			aspect-ratio: 1 / 1.30;
			object-fit: contain;
			border: 1px #d8d7d7 solid;
			box-sizing: border-box;
			& img {
				width: 100%;
				height: 100%;
				object-fit: contain;
				display: block;
				border: none;
				transition: all 0.3s ease-in-out;
				scale: 1;
			}
		}
		& .title-paintartwork {
			font-size: 1.1em;
			height: 2.3em;
			font-weight: 600;
			letter-spacing: 0.005em;
			line-height: 1.1em;
			text-transform: uppercase;
			overflow: hidden;
			text-overflow: ellipsis;
			margin: 0 0 0.5em 0;
		}
		& .text-paintartwork {
			font-size: .92em;
			line-height: 1.4em;
			min-height: 1.3em;
			height: auto;
			white-space: nowrap;
		}
		& price {
			position: absolute;
			bottom: 15px;
			right: 12px;
			font-size: .95em;
			font-weight: 600;
		}
	}
}