/**
 * التجاوب مع الشاشات الصغيرة (يُحمّل آخر المكونات)
 * (جزء من المكونات المركزية: تُحمّل كلها عبر المقبض tnt-components)
 */

@media (max-width: 1100px) {
	.tnt .tnt-grid--main, .tnt .tnt-grid--3 { grid-template-columns: 1fr; }
}
@media (max-width: 782px) {
	.tnt .tnt-grid--2 { grid-template-columns: 1fr; }
	.tnt .tnt-field--half, .tnt .tnt-field--third { grid-column: span 6; }
	.tnt .tnt-dl { grid-template-columns: 1fr; gap: 2px; }
	.tnt .tnt-dl dd { margin-bottom: 10px; }
	.tnt .tnt-card__head, .tnt .tnt-card__body { padding: 16px; }
	.tnt .tnt-table th, .tnt .tnt-table td { padding: 12px; }
}