/* استایل‌های پایه برای بخش‌های اضافی */
.container { max-width: 1200px; margin: 0 auto; padding: 0 15px; }
.row { display: flex; flex-wrap: wrap; margin: 0 -15px; }
.col-12 { flex: 0 0 100%; padding: 0 15px; }
.col-md-6 { flex: 0 0 50%; padding: 0 15px; }
.text-center { text-align: center; }
.py-5 { padding-top: 3rem; padding-bottom: 3rem; }
.mt-4 { margin-top: 1.5rem; }
.mb-4 { margin-bottom: 1.5rem; }
.btn { display: inline-block; padding: 0.5rem 1rem; border: 1px solid #ccc; border-radius: 0.25rem; text-decoration: none; }
.btn-primary { background: #007bff; color: #fff; border-color: #007bff; }
.btn-outline-secondary { background: transparent; color: #6c757d; border-color: #6c757d; }
.btn-danger { background: #dc3545; color: #fff; border-color: #dc3545; }
.badge { display: inline-block; padding: 0.25rem 0.5rem; background: #6c757d; color: #fff; border-radius: 0.25rem; }
.card { border: 1px solid #ddd; border-radius: 0.25rem; overflow: hidden; }
.card-img-top img { width: 100%; height: auto; }
.card-body { padding: 1rem; }
.bg-light { background: #f8f9fa; }
.border-top { border-top: 1px solid #dee2e6; }
.d-flex { display: flex; }
.align-items-center { align-items: center; }
.justify-content-between { justify-content: space-between; }
.gap-2 { gap: 0.5rem; }
/* ... سایر کلاس‌های مورد نیاز */