/* 📱 موبایل عمودی (پورتрет) - Default */ .your-elementor-element { padding: 15px; font-size: 14px; } /* 📱 موبایل افقی (لندسکیپ) */ @media (min-width: 576px) and (max-width: 767px) and (orientation: landscape) { .your-elementor-element { padding: 12px; font-size: 13px; display: flex; flex-direction: row; } } /* 📟 تبلت عمودی (پورتрет) */ @media (min-width: 768px) and (max-width: 991px) and (orientation: portrait) { .your-elementor-element { padding: 20px; font-size: 16px; grid-template-columns: repeat(2, 1fr); } } /* 📟 تبلت افقی (لندسکیپ) */ @media (min-width: 768px) and (max-width: 991px) and (orientation: landscape) { .your-elementor-element { padding: 25px; font-size: 17px; grid-template-columns: repeat(3, 1fr); } } /* 💻 لپ‌تاپ */ @media (min-width: 992px) and (max-width: 1199px) { .your-elementor-element { padding: 30px; font-size: 18px; grid-template-columns: repeat(4, 1fr); max-width: 1200px; margin: 0 auto; } } /* 🖥️ دسکتاپ */ @media (min-width: 1200px) and (max-width: 1399px) { .your-elementor-element { padding: 35px; font-size: 19px; grid-template-columns: repeat(4, 1fr); max-width: 1300px; } } /* 🖥️ صفحه عرضی (Large Desktop) */ @media (min-width: 1400px) { .your-elementor-element { padding: 40px; font-size: 20px; grid-template-columns: repeat(5, 1fr); max-width: 1400px; } } /* 🎯 بریک‌پوینت‌های المنتور */ @media (max-width: 1024px) { /* تبلت */ .your-elementor-element { flex-wrap: wrap; } } @media (max-width: 767px) { /* موبایل */ .your-elementor-element { flex-direction: column; } } /* ✨ بهبود ظاهر کلی */ .your-elementor-element { transition: all 0.3s ease; box-sizing: border-box; width: 100%; } .your-elementor-element:hover { transform: translateY(-5px); box-shadow: 0 10px 25px rgba(0,0,0,0.1); } /* 🎪 اسلایدرهای ریسپانسیو */ @media (max-width: 767px) { .your-elementor-element .slider-item { width: 100% !important; margin: 5px 0; } } @media (min-width: 768px) and (max-width: 991px) { .your-elementor-element .slider-item { width: 50% !important; } } @media (min-width: 992px) { .your-elementor-element .slider-item { width: 33.333% !important; } } @media (min-width: 1400px) { .your-elementor-element .slider-item { width: 25% !important; } } /* 📐 مدیریت تصاویر ریسپانسیو */ .your-elementor-element img { max-width: 100%; height: auto; object-fit: cover; border-radius: 8px; } /* موبایل عمودی */ @media (max-width: 575px) and (orientation: portrait) { .your-elementor-element img { aspect-ratio: 3/4; height: 250px; } } /* تبلت عمودی */ @media (min-width: 768px) and (max-width: 991px) and (orientation: portrait) { .your-elementor-element img { aspect-ratio: 3/4; height: 300px; } } /* دسکتاپ */ @media (min-width: 1200px) { .your-elementor-element img { aspect-ratio: 3/4; height: 350px; } }