/* ============================================================================
   SCMEP ONLINE — HOMEPAGE RESPONSIVE
   Scoped under #sc-homepage. The shared design system's own breakpoints
   (header, footer, buttons, base cards) already handle themselves —
   this file only covers the sections unique to the homepage rebuild.
   ============================================================================ */

@media (max-width: 1024px) {
	#sc-homepage .sc-course-grid { grid-template-columns: repeat(2, 1fr); }

	.sc-hero-card { flex-basis: 100%; }
	.sc-hero-layout { justify-content: flex-start; }
}

@media (max-width: 900px) {
	.sc-band__inner { flex-direction: column; align-items: flex-start; }
}

@media (max-width: 768px) {
	.sc-hero-card__grid { grid-template-columns: repeat(2, 1fr); gap: var(--sc-2); }
}

@media (max-width: 640px) {
	#sc-homepage .sc-section { padding-block: var(--sc-8); }
	#sc-homepage .sc-course-grid { grid-template-columns: 1fr; }

	.sc-band__stats { gap: var(--sc-3); }
	.sc-band__actions .sc-btn { width: 100%; }
	.sc-band__actions { width: 100%; flex-direction: column; }
}