/* MOZZAT sections — تُدار من الأداة */
.mzs-section { padding: 56px 20px; }
.mzs-inner { max-width: 1100px; margin: 0 auto; display: flex; flex-direction: column; gap: 28px; }
.mzs-text h2 { font-size: 1.9rem; font-weight: 800; margin: 0 0 10px; }
.mzs-text p { font-size: 1rem; line-height: 1.7; opacity: .85; margin: 0; }
.mzs-image img { width: 100%; height: auto; border-radius: 14px; display: block; }
.mzs-video-wrap { position: relative; padding-top: 56.25%; border-radius: 14px; overflow: hidden; }
.mzs-video-wrap iframe { position: absolute; inset: 0; width: 100%; height: 100%; border: 0; }
.mzs-card-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 20px; }
.mzs-card { background: #fff; border-radius: 12px; overflow: hidden; box-shadow: 0 4px 16px rgba(0,0,0,.08); }
.mzs-card img { width: 100%; height: 160px; object-fit: cover; display: block; }
.mzs-card h3 { font-size: 1.05rem; margin: 14px 14px 6px; }
.mzs-card p { font-size: .9rem; opacity: .8; margin: 0 14px 14px; line-height: 1.5; }
@media (max-width: 640px) { .mzs-section { padding: 36px 16px; } }