/* Supplier product-description layout — migrated verbatim from the
   crawlerconnector module (2026-07-27) so the module can be removed while
   these styles survive. Concatenation of base + gorenje.ver1 + liebher.ver1
   (byte-faithful). Loaded on product pages from header.tpl. */

/* base styles */
/* gorenje ver1 styles */
/* parent class supplier_gorenje_ver1 */

/* crawler css style */
.supplier_gorenje_ver1 .block {
	display: flex;
	align-items: start;
	justify-content: space-between;
	margin-bottom: 20px; /* Margin for spacing between blocks */
}

.supplier_gorenje_ver1 .block img {
	max-width: 50%;
	height: auto; /* Maintain aspect ratio */
}

.supplier_gorenje_ver1 .block .text-content {
	width: 50%;
	padding: 10px; /* Some padding for better appearance */
}

.supplier_gorenje_ver1 .block.left-aligned {
	flex-direction: row-reverse; /* Reverse the order for left-aligned blocks on desktop */
}

/* Mobile view */
@media (max-width: 767px) {
	.supplier_gorenje_ver1 .block {
		display: block;
		align-items: start;
		justify-content: space-between;
		margin-bottom: 20px; /* Margin for spacing between blocks */
	}


	.supplier_gorenje_ver1 .block.left-aligned {
		flex-direction: column; /* Stack elements vertically */
	}

	.supplier_gorenje_ver1 .block img, .block .text-content {
		max-width: 100%; /* Take full width on mobile */
		width: 100%;
	}

	.supplier_gorenje_ver1 .block img {
		order: 2; /* Ensure the image is always below the text on mobile */
	}

	.supplier_gorenje_ver1 .block .text-content {
		order: 1;
	}
}

/* liebher ver1 styles */
/* parent class supplier_liebher_ver1 */

.supplier_liebher_ver1 .block {
	display: flex;
	align-items: start;
	justify-content: space-between;
	margin-bottom: 5px; /* Margin for spacing between blocks */
}

.supplier_liebher_ver1 .block img {
	max-width: 50%;
	height: auto; /* Maintain aspect ratio */
}

.supplier_liebher_ver1 .block .text-content {
	width: 75%;
	padding: 5px; /* Some padding for better appearance */
}

.supplier_liebher_ver1 .block.left-aligned {
	flex-direction: row-reverse; /* Reverse the order for left-aligned blocks on desktop */
}

.supplier_liebher_ver1 h3 {
	margin-top: 0px; 
	margin-bottom: 0px;
}

/* Mobile view */
@media (max-width: 767px) {
	.supplier_liebher_ver1 .block {
		display: block;
		align-items: start;
		justify-content: space-between;
		margin-bottom: 20px; /* Margin for spacing between blocks */
	}


	.supplier_liebher_ver1 .block.left-aligned {
		flex-direction: column; /* Stack elements vertically */
	}

	.supplier_liebher_ver1 .block img, .block .text-content {
		max-width: 100%; /* Take full width on mobile */
		width: 100%;
	}

	.supplier_liebher_ver1 .block img {
		order: 2; /* Ensure the image is always below the text on mobile */
	}

	.supplier_liebher_ver1 .block .text-content {
		order: 1;
	}
}