/* Critical CSS for Single Batch Pages */
.edmark-container { max-width: 1200px; margin: 0 auto; padding: 0 20px; }
.edmark-batch-hero { padding: 60px 0 80px; }
.edmark-breadcrumb { display: flex; gap: 10px; margin-bottom: 20px; font-size: 16px; color: #666; }
.edmark-breadcrumb a { color: #666; text-decoration: none; transition: color 0.3s; }
.edmark-breadcrumb a:hover { color: #FF6B6B; }
.edmark-breadcrumb .separator { color: #999; }
.batch-title { font-size: 42px; font-weight: 700; margin: 0 0 20px 0; color: #111827; }
.batch-badges { display: flex; gap: 12px; margin-bottom: 24px; flex-wrap: wrap; }
.badge { padding: 6px 12px; border-radius: 20px; font-size: 12px; font-weight: 600; }
.badge-active { background: #FF6B6B; color: white; }
.badge-full { background: #ef4444; color: white; }
.badge-inactive { background: #6B7280; color: white; }
.badge-location { background: #f3f4f6; color: #666; border: 1px solid #e5e7eb; }
.batch-overview { display: grid; grid-template-columns: 1fr 1fr; gap: 40px; margin-bottom: 60px; }
.batch-info h3 { font-size: 24px; font-weight: 600; margin: 0 0 16px 0; color: #111827; }
.batch-info p { line-height: 1.6; color: #666; margin: 0 0 16px 0; }
.batch-features { display: grid; grid-template-columns: repeat(2, 1fr); gap: 16px; }
.feature-item { display: flex; align-items: center; gap: 12px; }
.feature-icon { width: 24px; height: 24px; background: #FF6B6B; border-radius: 50%; display: flex; align-items: center; justify-content: center; color: white; font-size: 14px; }
.feature-text { font-size: 14px; color: #666; }
.cta-section { background: linear-gradient(135deg, #FF6B6B 0%, #ff8787 100%); padding: 40px; border-radius: 12px; text-align: center; margin-bottom: 60px; }
.cta-title { font-size: 28px; font-weight: 700; color: white; margin: 0 0 16px 0; }
.cta-subtitle { font-size: 18px; color: rgba(255,255,255,0.9); margin: 0 0 24px 0; }
.btn-primary { background: white; color: #FF6B6B; padding: 16px 32px; border-radius: 8px; text-decoration: none; display: inline-block; font-weight: 600; font-size: 16px; transition: all 0.3s; }
.btn-primary:hover { transform: translateY(-2px); box-shadow: 0 4px 12px rgba(0,0,0,0.15); }
.btn-secondary { background: transparent; color: white; padding: 16px 32px; border: 2px solid white; border-radius: 8px; text-decoration: none; display: inline-block; font-weight: 600; font-size: 16px; transition: all 0.3s; margin-left: 16px; }
.btn-secondary:hover { background: white; color: #FF6B6B; }
@media (max-width: 768px) {
    .batch-overview { grid-template-columns: 1fr; gap: 30px; }
    .batch-features { grid-template-columns: 1fr; }
    .batch-title { font-size: 32px; }
    .cta-section { padding: 30px 20px; }
    .btn-secondary { margin-left: 0; margin-top: 12px; }
}