/* ==========================================================================
   تم اکوموتیو — واکنش‌گرایی
   ========================================================================== */

/* نمایشگرهای متوسط */
@media (max-width: 1100px) {
	.market-box-grid { grid-template-columns: 320px 1fr; }
	.hero .card-hero { grid-template-columns: 1.1fr 1fr; }
	.footer-grid { grid-template-columns: 1.3fr 1fr 1fr; }
	.footer-grid .footer-col:last-child { display: none; }
}

/* تبلت */
@media (max-width: 992px) {
	.primary-nav { display: none; }
	.menu-toggle { display: inline-flex; }
	.subscribe-btn { display: none; }

	.news-grid { grid-template-columns: repeat(2, 1fr); }
	.highlights-grid { grid-template-columns: 1fr; }
	.editors-picks { margin-top: 30px; }

	.entry-layout { grid-template-columns: 1fr; }
	.sidebar { order: 2; }

	.archive-layout { grid-template-columns: 1fr; }
	.archive-grid { grid-template-columns: repeat(2, 1fr); }

	/* باکس بازار: نمودار بالا، فهرست پایین با اسکرول افقی */
	.market-box-grid { grid-template-columns: 1fr; }
	.market-list {
		order: 2;
		border-inline-end: none;
		border-top: 1px solid var(--c-line);
		max-height: none;
		flex-direction: row;
		overflow-x: auto;
		gap: 22px;
		padding: 16px;
	}
	.market-group { min-width: 300px; }

	.cta-panel { grid-template-columns: 1fr; }
	.cta-col + .cta-col { border-inline-start: none; border-top: 1px solid rgba(255, 255, 255, .12); }

	.author-profile { flex-direction: column; text-align: center; }
	.author-profile .entry-meta { justify-content: center; }

	.footer-grid { grid-template-columns: 1fr 1fr; }
	.footer-grid .footer-col:last-child { display: block; }
}

/* موبایل بزرگ */
@media (max-width: 768px) {
	.hero .card-hero { grid-template-columns: 1fr; }
	.hero .card-hero .card-media img { aspect-ratio: 16 / 10; }
	.hero-side { grid-template-columns: 1fr; }

	.chart-price { font-size: 1.3rem; }
	.chart-value { flex-direction: column; align-items: flex-start; gap: 4px; }

	.picks-grid { grid-template-columns: 1fr; }
}

/* موبایل کوچک */
@media (max-width: 560px) {
	body { font-size: 14px; }

	.topbar-meta .topbar-menu { display: none; }
	.topbar-inner { font-size: .74rem; }

	.header-inner { min-height: 62px; gap: 12px; }
	.logo-text small { display: none; }

	.news-grid { grid-template-columns: 1fr; }
	.archive-grid { grid-template-columns: 1fr; }
	.related-posts .news-grid { grid-template-columns: 1fr; }

	.section { margin-block: 32px; }

	.cta-col { padding: 26px 22px; }
	.cta-form { flex-direction: column; }
	.cta-form-alert select, .cta-form-alert input { flex: 1 1 100%; }

	.footer-grid { grid-template-columns: 1fr; gap: 24px; padding-block: 30px 22px; }
	.footer-bar-inner { flex-direction: column; text-align: center; }

	.entry-meta { gap: 10px; font-size: .76rem; }
	.chart-ranges { width: 100%; justify-content: space-between; }
	.range-btn { flex: 1; padding: 6px 8px; }

	.to-top { bottom: 16px; inset-inline-start: 16px; }
}