section.recent-product-wrapper
{
	width: 100%;
	padding: clamp(2rem, 10dvh, 108px) clamp(1rem, 10dvw, 192px);
	
	main
	{
		display: grid;
		align-items: center;
		grid-template-columns: 1fr 1fr;
		grid-gap: 2rem;
		
		img
		{
			width: 100%;
			aspect-ratio: 4/3;
			object-fit: cover;
			object-position: center;
			border-radius: 1.5rem;
		}
		
		article
		{
			color: var(--wdc-black);
			
			h3
			{
				color: var(--wdc-terracotta);
				font-size: clamp(1rem, calc(1rem + .56dvh), 24px);
				margin-bottom: 1rem;
			}
			
			h2
			{
				color: black;
				margin-bottom: 1rem;
			}
			
			p
			{
				margin-bottom: 1rem;
			}
			
			h4.price
			{
				color: var(--wdc-terracotta);
				font-size: clamp(1rem, calc(1rem + .56dvh), 24px);
				margin-bottom: 1rem;
			}
		}
	}
}

@media (width < 900px)
{
	section.recent-product-wrapper
	{
		main
		{
			grid-template-columns: 1fr;
		}
	}
}