@import url(fontiran.css); 
body {
	font-family: IRANSans !important;
	font-weight: 300;
	background: linear-gradient(to bottom right, #f7f7f7, #e0e0e0);
	padding: 20px 0;
}
.container {
		max-width: 1000px;
		margin: 0 auto;
	}    
.post {
		display: flex;
		padding: 15px;
		margin: 15px 0;
		background: white;
		border-radius: 12px;
		box-shadow: 0 8px 16px rgba(0, 0, 0, 0.15);
		transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.post:hover {
		transform: scale(1.02);
		box-shadow: 0 12px 24px rgba(0, 0, 0, 0.2);
	}    
.image-container {
	width: 600px; /* عرض ثابت تا ۶۰۰ پیکسل */
	max-width: 100%; /* تنظیم حداکثر عرض به ۱۰۰% برای ریسپانسیو */
}
.post img {
	width: 100%;
	height: auto;
	max-width: 600px;
	max-height: 600px;
	border-radius: 8px;
	transition: transform 0.3s ease;
}
.post:hover img {
		transform: scale(1.03);
	}    

.frmpost {
		display: flex;
		padding: 15px;
		margin: 15px 0;
		background: white;
		border-radius: 12px;
		box-shadow: 0 8px 16px rgba(0, 0, 0, 0.15);
}
.frmpost img {
	width: 100%;
	height: auto;
	max-width: 600px;
	max-height: 600px;
	border-radius: 8px;
}

.caption {
	padding-top: 10px;
	text-align: justify;
	direction: rtl;
	line-height:27px;
}
.caption h6{
	padding-top: 10px;
	text-align: left;
}
/* استایل برای نمایش ریسپانسیو */
@media (max-width: 768px) {
	.post {
		display: block;
		text-align: center;
	}
	.image-container, .caption {
		width: 100%;
		margin-bottom: 15px;
	}
}