/* Breakpoints (mobile-first): small < 768, medium >= 768, large >= 1024 */
@custom-media --small (width < 48rem);
@custom-media --medium (width >= 48rem);
@custom-media --large (width >= 62.5rem);

/* Navigatie en overig */
@custom-media --nav-mobile (width < 769px); /* imported */
@custom-media --nav-desktop (width >= 769px); /* imported */
@custom-media --not-left (width >= 43.75rem);